@charset "UTF-8";
/* Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* color
  ----------------------------------------------------------------- */
/* 共通mixin
----------------------------------------------------------------- */
/* variables
  ----------------------------------------------------------------- */
:root {
  /* ======================
    Layout
    ====================== */
  --menu-content-indent: 80px;
  --header-height: 80px;
  --scroll-padding-top: var(--header-height);
}
@media screen and (max-width: 1022px) {
  :root {
    --matsumoto-height: 70px;
    --header-height: 60px;
  }
}
:root {
  /* ======================
    Spacing
     ====================== */
  --coef: 1;
  --spacer-10: calc(10px * var(--coef));
}
@media screen and (max-width: 389px) {
  :root {
    --coef: 0.9;
  }
}
@media screen and (max-width: 1022px) {
  :root {
    --coef: 0.75;
  }
}
@media screen and (max-width: 575px) {
  :root {
    --coef: 0.625;
  }
}

/* function
  ----------------------------------------------------------------- */
@keyframes scrollLine {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}
.l-footer {
  position: relative;
}

#page-loading {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #13bbe3;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  opacity: 1;
  visibility: visible;
}

#page-loading.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

#page-loading__logo {
  max-width: 220px;
  width: 100%;
  height: auto;
  margin-inline: auto;
}

#page-loading__counter {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.c-pickup-slider {
  position: relative;
}

.c-pickup-slider__arrows {
  position: absolute;
  top: -94px;
  right: 100px;
  width: 155px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .c-pickup-slider__arrows {
    top: -60px;
    width: 116px;
    height: 48px;
    right: 10px;
  }
}

.c-pickup-slider__arrows-bg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .c-pickup-slider__arrows-bg {
    width: 116px;
    height: 48px;
  }
}

.c-pickup-slider__prev,
.c-pickup-slider__next {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  padding: 0;
  color: #032141;
  transition: color 0.3s;
}
@media screen and (max-width: 767px) {
  .c-pickup-slider__prev,
  .c-pickup-slider__next {
    width: 48px;
    height: 48px;
  }
}

.c-pickup-slider__prev:hover,
.c-pickup-slider__next:hover {
  color: #0971e5;
}

.c-pickup-slider__prev::before,
.c-pickup-slider__next::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s;
}

.c-pickup-slider__prev::before {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.2), rgba(9, 113, 229, 0.2));
}

.c-pickup-slider__next::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(9, 113, 229, 0.2));
}

.c-pickup-slider__prev:hover::before,
.c-pickup-slider__next:hover::before {
  opacity: 1;
}

#lottie-container {
  width: 10%;
  /* 画面の8割の幅で表示 */
  max-width: 600px;
  /* 大きくなりすぎないよう制限 */
  aspect-ratio: 16/9;
  /* AEのコンポ比率に合わせる（適宜調整してください） */
}

.c-pagetop {
  position: fixed;
  background: #032141;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index: 2;
  bottom: 30px;
  right: 40px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.c-pagetop.--visible {
  opacity: 1;
  pointer-events: auto;
}
.c-pagetop::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 56%;
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  width: 12px;
  height: 12px;
  z-index: 1;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transition: transform 0.3s;
}

.l-message-name {
  text-align: right;
}
.l-message-name span {
  font-weight: 700;
}

.librarytitle {
  margin-bottom: 60px;
}
.librarytitle__title {
  font-weight: 700;
  text-align: center;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 2.5rem;
}
.librarytitle__sub {
  text-align: center;
}
.librarytitle__text {
  text-align: center;
}

.l-library-calendar {
  width: min(1760px, 100%);
  margin-left: auto;
}
.l-library-calendar__container {
  display: flex;
  justify-content: flex-end;
}
.l-library-calendar__contents {
  background-color: #fafafc;
  padding: 30px 90px;
}
.l-library-calendar__title {
  font-weight: 700;
  text-align: center;
  font-size: 2.5rem;
}
.l-library-calendar__text {
  text-align: center;
  margin-top: 12px;
}
.l-library-calendar__box {
  margin-top: 40px;
}
.l-library-calendar__info {
  margin-top: 25px;
}

.l-electroni-cinformation__container {
  margin-top: 30px;
}

.l-faculty-section {
  width: min(1674px, 100%);
  margin-left: auto;
}

.l-faculty-contents {
  padding-left: 30px;
}
@media screen and (max-width: 575px) {
  .l-faculty-contents {
    padding-left: 15px;
  }
}

.l-employment__container {
  margin-top: 24px;
}

.l-faculty-lead {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-inline: 20px;
}
@media screen and (max-width: 1022px) {
  .l-faculty-lead {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.l-faculty-lead {
  background-color: #f1f4f8;
}
.l-faculty-lead__inner {
  width: min(1200px, 100%);
  margin-inline: auto;
}
.l-faculty-lead__header {
  padding: 40px;
}
@media screen and (max-width: 767px) {
  .l-faculty-lead__header {
    padding: 20px;
  }
}
.l-faculty-lead__header.--comprehensive {
  background: #757cbb;
}
.l-faculty-lead__header.--tourism {
  background: #409ad6;
}
.l-faculty-lead__header.--health {
  background: #7ac560;
}
.l-faculty-lead__header.--nutritional {
  background: #abcd03;
}
.l-faculty-lead__header.--sports {
  background: #49bcbd;
}
.l-faculty-lead__header.--education {
  background: #ea9e00;
}
.l-faculty-lead__header.--junior {
  background: #aa5e9c;
}
.l-faculty-lead__header svg {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(1.3);
  height: 100%;
}
@media screen and (max-width: 1022px) {
  .l-faculty-lead__header svg {
    transform: scale(1.5);
  }
}
@media screen and (max-width: 767px) {
  .l-faculty-lead__header svg {
    transform: scale(2.3);
  }
}
@media screen and (max-width: 575px) {
  .l-faculty-lead__header svg {
    transform: scale(2.5);
  }
}
.l-faculty-lead__img {
  flex: 1;
  width: min(570px, 100%);
}
.l-faculty-lead__body {
  display: flex;
  gap: 60px;
  margin-top: 68px;
}
@media screen and (max-width: 767px) {
  .l-faculty-lead__body {
    flex-direction: column;
  }
}
.l-faculty-lead__body.--column {
  flex-direction: column;
  gap: 30px;
  align-items: center;
}
.l-faculty-lead__contents {
  flex: 1;
}
.l-faculty-lead__text {
  line-height: 2;
  margin-top: 24px;
  font-size: 1.0625rem;
}
.l-faculty-lead__headerInner {
  width: min(1040px, 100%);
  margin-inline: auto;
}
.l-faculty-lead__subtitle {
  color: #fff;
  font-weight: 500;
  font-size: 1.25rem;
}

.c-library-nav-wrap {
  margin-top: 40px;
}

.c-library-nav {
  width: calc(100% + 20px);
  margin: 0 -11px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
  align-items: center;
}
.c-library-nav__items {
  width: 33.3333333333%;
  padding: 0 10px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .c-library-nav__items {
    width: 50%;
  }
}
@media screen and (max-width: 575px) {
  .c-library-nav__items {
    width: 100%;
  }
}
.c-library-nav__items a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  color: rgba(0, 24, 63, 0.7);
  min-height: 53px;
  line-height: 1.2;
  width: auto;
}
.c-library-nav__items a::before {
  content: "";
  width: 53px;
  height: 53px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  border: 3px solid #ffffff;
}
.c-library-nav__items span {
  width: calc(100% - 60px);
  margin-left: 7px;
}
.c-library-nav__items--01 a::before {
  background-image: url(../../../introduction/support/library/img/guideNav01.png);
}
.c-library-nav__items--02 a::before {
  background-image: url(../../../introduction/support/library/img/guideNav02.png);
}
.c-library-nav__items--03 a::before {
  background-image: url(../../../introduction/support/library/img/guideNav03.png);
}
.c-library-nav__items--04 a::before {
  background-image: url(../../../introduction/support/library/img/guideNav04.png);
}
.c-library-nav__items--05 a::before {
  background-image: url(../../../introduction/support/library/img/guideNav05.png);
}
.c-library-nav__items--06 a::before {
  background-image: url(../../../introduction/support/library/img/guideNav06.png);
}
.c-library-nav__items.is-active a::before {
  border: 4px solid #00183f;
}

.c-towcolumns {
  display: flex;
  justify-content: center;
  gap: 80px;
}

.c-scale-anime {
  display: inline-block;
  overflow: hidden;
}
.c-scale-anime img {
  transition: 0.4s;
}
.c-scale-anime:hover img {
  transform: scale(1.2);
}
.c-scale-anime--relative {
  position: relative;
}

.c-heading07 {
  margin-top: 24px;
}

.c-heading07-num {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
  background: #0971e5;
  border-radius: 50%;
  color: white;
  width: 26px;
  height: 26px;
  font-family: "Barlow Condensed", sans-serif;
}

.c-calendar-info {
  display: flex;
  gap: 20px;
}
.c-calendar-info__text {
  width: min(396px, 100%);
  flex: 1;
  padding: 16px;
  background: #fff;
}
.c-calendar-info__text .c-note {
  margin-top: 0;
}
.c-calendar-info__status {
  width: 50%;
}

.c-calendar-status__item {
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: 2px;
}
.c-calendar-status__item span {
  display: inline-block;
  width: min(100px, 100%);
  text-align: center;
  border: 2px solid #fff;
  padding: 7px;
}
.c-calendar-status__item span.--black {
  color: #032141;
  background: #f0f4f8;
}
.c-calendar-status__item span.--green {
  color: #12bb4f;
  background: #dff3e7;
}
.c-calendar-status__item span.--blue {
  color: #0971e5;
  background: #e1f5ff;
}
.c-calendar-status__item span.--red {
  color: #ce4747;
  background: #fce8e8;
}

.c-calendar {
  background: #fff;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}
.c-calendar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-calendar__current span {
  font-weight: 500;
  font-size: 2.5rem;
}
.c-calendar__current {
  font-size: 1.25rem;
}
.c-calendar__btn {
  width: min(105px, 100%);
  border: 1px solid #d5dbe1;
  border-radius: 22px;
}
.c-calendar__body {
  margin-top: 12px;
}
.c-calendar__day {
  width: 100px;
  background: #032141;
  color: #fff;
}
.c-calendar__date {
  position: relative;
  font-weight: 500;
  text-align: center;
  padding: 15px 10px;
  font-size: 1.125rem;
}
.c-calendar__date--sun {
  color: #ce4747;
  background: #fce8e8;
}
.c-calendar__date--lngvac {
  color: #12bb4f;
  background: #dff3e7;
}
.c-calendar__date--wkd {
  color: #032141;
  background: #f0f4f8;
}
.c-calendar__date--sat {
  color: #0971e5;
  background: #e1f5ff;
}

.pop {
  cursor: pointer;
}
.pop .inner {
  position: relative;
}
.pop .inner::after {
  content: "\f27a";
  font-family: FontAwesome;
  font-size: 2.3rem;
  position: absolute;
  padding-left: 5px;
  margin-top: -12px;
  color: #00245d;
}
.pop .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 11px 8px;
  border-color: transparent transparent rgba(0, 36, 93, 0.8);
  position: absolute;
  z-index: 99999;
  top: 35px;
  left: calc(50% - 8px);
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
}
.pop .tooltip {
  position: absolute;
  top: 46px;
  left: calc(50% - 140px);
  z-index: 2;
  width: 280px;
  background: #032141;
  padding: 15px 30px;
  color: #ffffff;
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
  text-align: left;
  border-radius: 4px;
  font-size: 0.9375rem;
}
.pop dt {
  padding: 0 0 12px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
  font-size: 0.9375rem;
}
.pop dd {
  padding: 12px 0 0;
}
.pop.on .tooltip {
  opacity: 1;
  visibility: visible;
}
.pop.on .arrow {
  opacity: 1;
  visibility: visible;
}

.c-library-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 22px;
}
@media screen and (max-width: 767px) {
  .c-library-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 575px) {
  .c-library-grid {
    grid-template-columns: 1fr;
  }
}
.c-library-grid__link {
  position: relative;
}
.c-library-grid__link:hover .c-library-grid__img::before {
  transform: translateY(0) translateX(14px) rotate(45deg);
}
.c-library-grid__link:hover .c-library-grid__img::after {
  -webkit-mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  background-color: #e8f1fb;
}
.c-library-grid__link:hover .c-library-grid__img img {
  transform: scale(1.2);
}
.c-library-grid__img {
  position: relative;
  overflow: hidden;
  width: min(440px, 100%);
  margin-inline: auto;
  border-radius: 8px;
}
.c-library-grid__img::before {
  content: "";
  position: absolute;
  bottom: 22px;
  right: 42px;
  transform: translateY(0) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #032141;
  border-right: 1px solid #032141;
  transition: transform 0.3s;
  z-index: 1;
}
.c-library-grid__img::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 16px;
  width: 49px;
  height: 20px;
  transition: 0.4s;
  -webkit-mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  background-color: #e8f1fb;
}
.c-library-grid__img img {
  transition: 0.4s;
}
.c-library-grid__title {
  position: absolute;
  bottom: 16px;
  left: 18px;
  color: #fff;
  font-size: 1.625rem;
}
@media screen and (max-width: 1022px) {
  .c-library-grid__title {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  .c-library-grid__title {
    width: calc(100% - 70px);
    font-size: 1.25rem;
  }
}
.c-library-grid__sub {
  display: block;
  font-size: 1rem;
}
.c-library-grid__text {
  margin-top: 14px;
}
.c-library-grid__tab {
  display: flex;
  gap: 6px;
  margin-top: 16px;
}
.c-library-grid__tabItem {
  border: 1px solid #d5dbe1;
  border-radius: 22px;
  background-color: #fff;
  padding: 5px 15px;
  color: #0971e5;
}

.c-grid--threeColumn {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}
@media screen and (max-width: 1022px) {
  .c-grid--threeColumn {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .c-grid--threeColumn {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 389px) {
  .c-grid--threeColumn {
    grid-template-columns: 1fr;
  }
}
.c-grid__title {
  margin-top: 10px;
}
.c-grid__title-num {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
  background: #0971e5;
  border-radius: 50%;
  color: white;
  width: 26px;
  height: 26px;
  font-family: "Barlow Condensed", sans-serif;
}
.c-grid__text span {
  color: #405fa8;
}

.l-faculty-syllabus {
  width: min(800px, 100%);
  margin-inline: auto;
}

.c-faculty-syllabus-bnr {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(800px, 100%);
  margin-inline: auto;
  color: #fff;
  font-size: 1.625rem;
}
.c-faculty-syllabus-bnr::before {
  content: "";
  position: absolute;
  right: 42px;
  bottom: 16px;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #032141;
  border-right: 1px solid #032141;
  transition: transform 0.3s;
  z-index: 1;
}
.c-faculty-syllabus-bnr::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 2px;
  transform: translateY(-50%);
  width: 49px;
  height: 20px;
  -webkit-mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  background-color: #fff;
  transition: 0.4s;
}
.c-faculty-syllabus-bnr__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  background-image: url(../../img/syllabus.jpg);
  font-weight: 600;
}
@media screen and (max-width: 575px) {
  .c-faculty-syllabus-bnr__inner {
    height: 113px;
    background-size: contain;
    background-repeat: no-repeat;
  }
}

.c-faculty-index {
  position: relative;
  background-color: #f1f4f8;
  padding: 40px 100px 40px 55px;
}
@media screen and (max-width: 1279px) {
  .c-faculty-index {
    padding: 40px 40px 40px 55px;
  }
}
@media screen and (max-width: 575px) {
  .c-faculty-index {
    padding: 20px;
  }
}
.c-faculty-index::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 8px 0 0 8px;
}
.c-faculty-index__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 67px;
  container-type: inline-size;
  container-name: facultyBox;
}
@media screen and (max-width: 767px) {
  .c-faculty-index__item {
    flex-direction: column;
    gap: 30px;
  }
}
.c-faculty-index__item {
  align-items: flex-start;
}
.c-faculty-index__info {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__info .c-button-primary {
    display: none;
  }
}
.c-faculty-index__content {
  display: flex;
  flex-direction: column;
  gap: 147px;
}
@media screen and (max-width: 1022px) {
  .c-faculty-index__content {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .c-faculty-index__content {
    gap: 20px;
  }
}
.c-faculty-index__titleWrap {
  position: relative;
  padding-left: 10px;
  padding-top: 12px;
  pointer-events: none;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__titleWrap {
    pointer-events: all;
  }
}
.c-faculty-index__titleWrap::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.2em;
}
.c-faculty-index__titleWrap.--management::before {
  background-color: #5b8bc9;
}
.c-faculty-index__titleWrap.--health::before {
  background-color: #7ac560;
}
.c-faculty-index__titleWrap.--education::before {
  background-color: #ea9e00;
}
.c-faculty-index__titleWrap.--human-science::before {
  background-color: #ce4747;
}
.c-faculty-index__titleWrap.--short-term::before {
  background-color: #aa5e9c;
}
.c-faculty-index__titleWrap.--graduate-school::before {
  background-color: #69716d;
}
.c-faculty-index__title {
  font-size: 2.125rem;
}
@media screen and (max-width: 1279px) {
  .c-faculty-index__title {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  .c-faculty-index__title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 575px) {
  .c-faculty-index__title {
    font-size: 1.25rem;
  }
}
.c-faculty-index__title:hover::before {
  transform: translateY(-50%) translateX(14px) rotate(45deg);
}
.c-faculty-index__title:hover::after {
  -webkit-mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
}
.c-faculty-index__title::before {
  content: "";
  position: absolute;
  right: -38px;
  bottom: 9px;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  transition: transform 0.3s;
  z-index: 1;
}
.c-faculty-index__title::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -5px;
  transform: translateY(-50%);
  width: 49px;
  height: 20px;
  -webkit-mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  background-color: #fff;
  transition: 0.4s;
}
.c-faculty-index__title.--management::before {
  content: none;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__title.--management::before {
    content: "";
  }
}
.c-faculty-index__title.--management::after {
  content: none;
  background-color: #5b8bc9;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__title.--management::after {
    content: "";
  }
}
.c-faculty-index__title.--health::before {
  content: none;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__title.--health::before {
    content: "";
  }
}
.c-faculty-index__title.--health::after {
  content: none;
  background-color: #7ac560;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__title.--health::after {
    content: "";
  }
}
.c-faculty-index__title.--education::before {
  content: none;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__title.--education::before {
    content: "";
  }
}
.c-faculty-index__title.--education::after {
  content: none;
  background-color: #ea9e00;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__title.--education::after {
    content: "";
  }
}
.c-faculty-index__title.--human-science::before {
  content: none;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__title.--human-science::before {
    content: "";
  }
}
.c-faculty-index__title.--human-science::after {
  content: none;
  background-color: #ce4747;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__title.--human-science::after {
    content: "";
  }
}
.c-faculty-index__title.--short-term::before {
  content: none;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__title.--short-term::before {
    content: "";
  }
}
.c-faculty-index__title.--short-term::after {
  content: none;
  background-color: #aa5e9c;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__title.--short-term::after {
    content: "";
  }
}
.c-faculty-index__title.--graduate-school::before {
  content: none;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__title.--graduate-school::before {
    content: "";
  }
}
.c-faculty-index__title.--graduate-school::after {
  content: none;
  background-color: #69716d;
}
@media screen and (max-width: 575px) {
  .c-faculty-index__title.--graduate-school::after {
    content: "";
  }
}
.c-faculty-index__body {
  display: flex;
  gap: 40px;
}
.c-faculty-index.--bg02 {
  background: #fff;
}
.c-faculty-index.--management::before {
  background-color: #5b8bc9;
}
.c-faculty-index.--health::before {
  background-color: #7ac560;
}
.c-faculty-index.--education::before {
  background-color: #ea9e00;
}
.c-faculty-index.--human-science::before {
  background-color: #ce4747;
}
.c-faculty-index.--short-term::before {
  background-color: #aa5e9c;
}
.c-faculty-index.--graduate-school::before {
  background-color: #69716d;
}

@container facultyBox (max-width: 868px) {
  .c-faculty-index__body {
    flex-direction: column;
  }
}
.c-faculty-card__link {
  position: relative;
  padding-left: 61px;
  margin-top: 24px;
  font-size: 1.75rem;
}
@media screen and (max-width: 767px) {
  .c-faculty-card__link {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 575px) {
  .c-faculty-card__link {
    font-size: 1.125rem;
  }
}
.c-faculty-card__link::before {
  content: "";
  position: absolute;
  left: 22px;
  bottom: 16px;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  transition: transform 0.3s;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .c-faculty-card__link::before {
    bottom: 11px;
  }
}
@media screen and (max-width: 575px) {
  .c-faculty-card__link::before {
    bottom: 7px;
  }
}
.c-faculty-card__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  transform: translateY(-50%);
  width: 49px;
  height: 20px;
  -webkit-mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  background-color: #fff;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .c-faculty-card__link::after {
    bottom: -3px;
  }
}
@media screen and (max-width: 575px) {
  .c-faculty-card__link::after {
    bottom: -7px;
  }
}
.c-faculty-card__link.--comprehensive::after {
  background-color: #757cbb;
}
.c-faculty-card__link.--tourism::after {
  background-color: #409ad6;
}
.c-faculty-card__link.--nutritional::after {
  background-color: #abcd03;
}
.c-faculty-card__link.--sports::after {
  background-color: #49bcbd;
}
.c-faculty-card__link.--education::after {
  background-color: #ea9e00;
}
.c-faculty-card__link.--short-term::after {
  background-color: #aa5e9c;
}
.c-faculty-card__link.--graduate-school::after {
  background-color: #69716d;
}
.c-faculty-card:hover .c-faculty-card__link::before {
  transform: translateY(-50%) translateX(14px) rotate(45deg);
}
.c-faculty-card:hover .c-faculty-card__link::after {
  -webkit-mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  background-color: #fff;
}
.c-faculty-card:hover .c-faculty-card__link.--comprehensive::after {
  background-color: #757cbb;
}
.c-faculty-card:hover .c-faculty-card__link.--tourism::after {
  background-color: #409ad6;
}
.c-faculty-card:hover .c-faculty-card__link.--nutritional::after {
  background-color: #abcd03;
}
.c-faculty-card:hover .c-faculty-card__link.--sports::after {
  background-color: #49bcbd;
}
.c-faculty-card:hover .c-faculty-card__link.--education::after {
  background-color: #ea9e00;
}
.c-faculty-card:hover .c-faculty-card__link.--short-term::after {
  background-color: #aa5e9c;
}
.c-faculty-card:hover .c-faculty-card__link.--graduate-school::after {
  background-color: #69716d;
}

.c-faculty-title {
  position: relative;
  color: #032141;
  font-size: rclamp(18, 24, 390, 1920);
  line-height: 1.5;
  font-weight: 600;
  padding-top: 14px;
  margin-top: 24px;
  font-size: 1.5rem;
}
@media screen and (max-width: 575px) {
  .c-faculty-title {
    font-size: 1.125rem;
  }
}
.c-faculty-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #d5dbe1;
}
.c-faculty-title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 1px;
  background: #0971e5;
}

.c-faculty-number-title {
  position: relative;
  color: #032141;
  line-height: 1.5;
  font-weight: 600;
  padding-top: 14px;
  margin-top: 24px;
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-size: 1.5rem;
}
.c-faculty-number-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #d5dbe1;
}
.c-faculty-number-title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 1px;
  background: #0971e5;
}
.c-faculty-number-title__num {
  color: #0971e5;
  font-weight: bold;
  flex-shrink: 0;
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  font-size: 1.875rem;
}
.c-faculty-number-title.--junior .c-faculty-number-title__num {
  color: #aa5e9c;
}
.c-faculty-number-title.--junior::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 1px;
  background: #aa5e9c;
}
.c-faculty-number-title.--graduate .c-faculty-number-title__num {
  color: #008576;
}
.c-faculty-number-title.--graduate::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 1px;
  background: #008576;
}

.c-faculty-twoColumn {
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 767px) {
  .c-faculty-twoColumn {
    flex-direction: column;
    gap: 30px;
  }
}

.c-faculty-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
}
.c-faculty-table td {
  width: 33%;
  border: 1px solid #d5dbe1;
  padding: 12px;
  font-size: rclamp(14, 18, 390, 1920);
  line-height: 1.5;
  font-size: 1.125rem;
}
@media screen and (max-width: 575px) {
  .c-faculty-table td {
    width: 100%;
    margin-bottom: -1px;
  }
}
@media screen and (max-width: 575px) {
  .c-faculty-table tr {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 575px) {
  .c-faculty-table .sp-none {
    display: none;
  }
}

.c-teachers-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(384px, 1fr));
  gap: 24px;
}
.c-teachers-container__item {
  display: flex;
  gap: 20px;
  border: 1px solid #dddddd;
  padding: 15px;
}

.c-faculty-department {
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 767px) {
  .c-faculty-department {
    flex-direction: column;
  }
}

.c-faculty-features {
  display: flex;
  align-items: flex-start;
  background-color: #f1f4f8;
}
@media screen and (max-width: 1022px) {
  .c-faculty-features {
    flex-direction: column;
    align-items: center;
  }
}
.c-faculty-features__body {
  position: relative;
  flex: 1;
  padding: 94px 60px;
}
@media screen and (max-width: 575px) {
  .c-faculty-features__body {
    padding: 20px;
  }
}
.c-faculty-features__body::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 30px;
  background-image: url(../../img/quotation.svg);
  width: 80px;
  height: 70px;
}
@media screen and (max-width: 575px) {
  .c-faculty-features__body::before {
    top: -10px;
    left: 10px;
    background-size: 70%;
    background-repeat: no-repeat;
  }
}
.c-faculty-features__title {
  position: relative;
  z-index: 2;
  font-size: 1.75rem;
}
@media screen and (max-width: 575px) {
  .c-faculty-features__title {
    font-size: 1.125rem;
  }
}
.c-faculty-features__title.--management {
  color: #5b8bc9;
}
.c-faculty-features__title.--health {
  color: #7ac560;
}
.c-faculty-features__title.--education {
  color: #ea9e00;
}
.c-faculty-features__title.--junior {
  color: #aa5e9c;
}
.c-faculty-features__title.--graduate {
  color: #008576;
}
.c-faculty-features__text {
  margin-top: 40px;
  line-height: 2;
}
@media screen and (max-width: 575px) {
  .c-faculty-features__text {
    margin-top: 20px;
  }
}
.c-faculty-features__img {
  position: relative;
  flex: 1;
}
@media screen and (max-width: 1022px) {
  .c-faculty-features__img {
    padding: 20px;
  }
}
.c-faculty-features__name {
  position: absolute;
  bottom: 35px;
  right: 0;
  width: min(262px, 100%);
  padding: 14px 24px;
  background-color: #333333;
  color: #fff;
  font-size: 1.75rem;
}
.c-faculty-features__name.--management {
  background-color: #5b8bc9;
}
.c-faculty-features__name.--health {
  background-color: #7ac560;
}
.c-faculty-features__name.--education {
  background-color: #ea9e00;
}
.c-faculty-features__name.--junior {
  background-color: #aa5e9c;
}
.c-faculty-features__name.--graduate {
  background-color: #008576;
}
.c-faculty-features__name span {
  font-size: 1.0625rem;
}
.c-faculty-features__role {
  display: block;
}

.c-faculty-characteristic {
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 767px) {
  .c-faculty-characteristic {
    flex-direction: column;
  }
}

.c-button-quaternary {
  position: relative;
  padding: 20px 10px;
  border-top: 1px solid #d5dbe1;
  border-bottom: 1px solid #d5dbe1;
  color: #032141;
  font-weight: 700;
}
.c-button-quaternary::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #032141;
  border-right: 1px solid #032141;
  transition: transform 0.3s;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .c-button-quaternary {
    display: none;
  }
}
.c-button-quaternary.--sp {
  display: none;
}
@media screen and (max-width: 575px) {
  .c-button-quaternary.--sp {
    display: block;
    width: 100%;
  }
}

.c-employment {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 9px;
}
@media screen and (max-width: 1022px) {
  .c-employment {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .c-employment {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 575px) {
  .c-employment {
    grid-template-columns: 1fr;
  }
}
.c-employment__item {
  position: relative;
  background-color: #fafafc;
  padding: 12px;
  border-left: 1px solid #d6dbe0;
}

.c-form-contents__zip {
  display: flex;
  align-items: center;
  gap: 16px;
}
.c-form-contents__zip input[type=text] {
  width: min(238px, 100%);
}
.c-form-contents__addressBtn {
  padding: 10px 15px;
  color: #0971e5;
  background-color: #fff;
  border-radius: 22px;
  border: 1px solid #d5dbe1;
}
.c-form-contents__input-field.--address {
  margin-top: 15px;
}
.c-form-contents__date {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 23px;
}
.c-form-contents__work {
  display: flex;
  align-items: center;
  gap: 20px;
}
.c-form-contents input[type=date] {
  display: block;
  background-color: var(--form-input);
  border: 1px solid var(--form-input);
  border-radius: 4px;
  font-size: clamp(0.9375rem, 0.9215686275rem + 0.0653594771vw, 1rem);
  color: #032141;
  padding: 10px 12px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  width: 50%;
}

.c-form-contents__input-field.--flex {
  display: flex;
  align-items: center;
  gap: 20px;
}

.c-underline {
  text-decoration: underline;
}

.c-doubleunderline {
  text-decoration: underline double #990000;
}

.c-link-button-primary.--small {
  padding: 6px 12px;
  font-size: 0.75rem;
}

.p-page-lead.--left {
  align-items: flex-start;
}

.c-program-instructor-list__program.--full {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .c-information {
    grid-template-columns: repeat(auto-fill, minmax(330px, 2fr));
  }
}
.c-information__link.--nolink {
  pointer-events: none;
}
.c-information__link.--nolink::before {
  content: none;
}
.c-information__link.--graduate {
  border-left: solid 2px #008576;
}

.c-table03 th {
  color: #032141;
}

@media screen and (max-width: 767px) {
  .c-table02 .c-table03,
  .c-table02 .c-table03 tbody,
  .c-table02 .c-table03 tr,
  .c-table02 .c-table03 th,
  .c-table02 .c-table03 td {
    display: revert;
    width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .c-contact-box-tel {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 575px) {
  .c-contact-box-tel:first-child {
    margin-bottom: 15px;
  }
}

.c-table01 td.--center {
  text-align: center;
}

.c-media-img-fit__image {
  position: relative;
}

.c-media__image--relative {
  position: relative;
}

.c-media-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.c-media-overlay span {
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 575px) {
  .c-media-overlay span {
    font-size: 0.8125rem;
  }
}

.c-heading02 span {
  font-size: 1.75rem;
}

.c-box-border.--mb {
  margin-bottom: 30px;
}

.c-tab-nav.--mb {
  margin-bottom: 30px;
}

.c-media__image.--auto {
  flex: initial;
}
.c-media__image.--gap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.c-heading04.--junior::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 1px;
  background: #aa5e9c;
}
.c-heading04.--graduate::after {
  background: #008576;
}

.c-heading04-number.--graduate::after {
  background: #008576;
}
.c-heading04-number__num.--graduate {
  color: #008576;
}

.c-button-primary.--management {
  background-color: #5b8bc9;
}
.c-button-primary.--comprehensive {
  background-color: #757cbb;
}
.c-button-primary.--tourism {
  background-color: #409ad6;
}
.c-button-primary.--health {
  background-color: #7ac560;
}
.c-button-primary.--nutritional {
  background-color: #abcd03;
}
.c-button-primary.--sports {
  background-color: #49bcbd;
}
.c-button-primary.--education {
  background-color: #ea9e00;
}
.c-button-primary.--human-science {
  background-color: #ce4747;
}
.c-button-primary.--short-term {
  background-color: #aa5e9c;
}
.c-button-primary.--graduate-school {
  background-color: #69716d;
}
.c-button-primary.--junior {
  background-color: #aa5e9c;
}

.c-heading-secondary__title.--barlow {
  line-height: 1;
  font-weight: 500;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 6.0625rem;
}
.c-heading-secondary__title-wrap.--junior::before {
  background-color: #aa5e9c;
}

.c-heading-secondary.--white {
  color: #fff;
}

.c-list02.--noflex {
  display: block;
}

.c-heading02.--bold {
  font-weight: 700;
}

.l-heading.--management {
  position: relative;
}
.l-heading.--management::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 8px 0 0 8px;
  background-color: #5b8bc9;
  z-index: 1;
}
.l-heading.--management .c-heading__title-wrap::before {
  background-color: #5b8bc9;
}
.l-heading.--comprehensive {
  position: relative;
}
.l-heading.--comprehensive::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 8px 0 0 8px;
  background-color: #757cbb;
  z-index: 1;
}
.l-heading.--comprehensive .c-heading__title-wrap::before {
  background-color: #757cbb;
}
.l-heading.--tourism {
  position: relative;
}
.l-heading.--tourism::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 8px 0 0 8px;
  background-color: #409ad6;
  z-index: 1;
}
.l-heading.--tourism .c-heading__title-wrap::before {
  background-color: #409ad6;
}
.l-heading.--health {
  position: relative;
}
.l-heading.--health::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 8px 0 0 8px;
  background-color: #7ac560;
  z-index: 1;
}
.l-heading.--health .c-heading__title-wrap::before {
  background-color: #7ac560;
}
.l-heading.--nutritional {
  position: relative;
}
.l-heading.--nutritional::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 8px 0 0 8px;
  background-color: #abcd03;
  z-index: 1;
}
.l-heading.--nutritional .c-heading__title-wrap::before {
  background-color: #abcd03;
}
.l-heading.--sports {
  position: relative;
}
.l-heading.--sports::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 8px 0 0 8px;
  background-color: #49bcbd;
  z-index: 1;
}
.l-heading.--sports .c-heading__title-wrap::before {
  background-color: #49bcbd;
}
.l-heading.--education {
  position: relative;
}
.l-heading.--education::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 8px 0 0 8px;
  background-color: #ea9e00;
  z-index: 1;
}
.l-heading.--education .c-heading__title-wrap::before {
  background-color: #ea9e00;
}
.l-heading.--junior {
  position: relative;
}
.l-heading.--junior::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 8px 0 0 8px;
  background-color: #aa5e9c;
  z-index: 1;
}
.l-heading.--junior .c-heading__title-wrap::before {
  background-color: #aa5e9c;
}
.l-heading.--graduate-school {
  position: relative;
}
.l-heading.--graduate-school::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 8px 0 0 8px;
  background-color: #69716d;
  z-index: 1;
}
.l-heading.--graduate-school .c-heading__title-wrap::before {
  background-color: #69716d;
}
.l-heading.--graduate {
  position: relative;
}
.l-heading.--graduate::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 8px 0 0 8px;
  background-color: #008576;
  z-index: 1;
}
.l-heading.--graduate .c-heading__title-wrap::before {
  background-color: #008576;
}

.l-heading-secondary.--graduate {
  position: relative;
}
.l-heading-secondary.--graduate::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 8px 0 0 8px;
  background-color: #008576;
  z-index: 1;
}
.l-heading-secondary.--graduate .c-heading-secondary__title-wrap::before {
  background-color: #008576;
}

.c-heading02.--management {
  border-left: 3px solid #5b8bc9;
}
.c-heading02.--comprehensive {
  border-left: 3px solid #757cbb;
}
.c-heading02.--tourism {
  border-left: 3px solid #409ad6;
}
.c-heading02.--health {
  border-left: 3px solid #7ac560;
}
.c-heading02.--nutritional {
  border-left: 3px solid #abcd03;
}
.c-heading02.--sports {
  border-left: 3px solid #49bcbd;
}
.c-heading02.--education {
  border-left: 3px solid #ea9e00;
}
.c-heading02.--junior {
  border-left: 3px solid #aa5e9c;
}
.c-heading02.--graduate-school {
  border-left: 3px solid #69716d;
}
.c-heading02.--graduate {
  border-left: 3px solid #008576;
}

.c-heading03.--management {
  border-left: 3px solid #5b8bc9;
}
.c-heading03.--health {
  border-left: 3px solid #7ac560;
}
.c-heading03.--education {
  border-left: 3px solid #ea9e00;
}
.c-heading03.--junior {
  border-left: 3px solid #aa5e9c;
}
.c-heading03.--graduate {
  border-left: 3px solid #008576;
}

.c-heading05.--management::before {
  background: #5b8bc9;
}
.c-heading05.--comprehensive::before {
  background: #757cbb;
}
.c-heading05.--tourism::before {
  background: #409ad6;
}
.c-heading05.--health::before {
  background: #7ac560;
}
.c-heading05.--nutritional::before {
  background: #abcd03;
}
.c-heading05.--sports::before {
  background: #49bcbd;
}
.c-heading05.--education::before {
  background: #ea9e00;
}
.c-heading05.--junior::before {
  background: #aa5e9c;
}
.c-heading05.--graduate::before {
  background: #008576;
}

.c-faculty-title.--management::after {
  background-color: #5b8bc9;
}
.c-faculty-title.--comprehensive::after {
  background-color: #757cbb;
}
.c-faculty-title.--tourism::after {
  background-color: #409ad6;
}
.c-faculty-title.--health::after {
  background-color: #7ac560;
}
.c-faculty-title.--nutritional::after {
  background-color: #abcd03;
}
.c-faculty-title.--sports::after {
  background-color: #49bcbd;
}
.c-faculty-title.--education::after {
  background-color: #ea9e00;
}
.c-faculty-title.--junior::after {
  background-color: #aa5e9c;
}

.c-faculty-number-title.--management::after {
  background-color: #5b8bc9;
}
.c-faculty-number-title.--management .c-faculty-number-title__num {
  color: #5b8bc9;
}
.c-faculty-number-title.--health::after {
  background-color: #7ac560;
}
.c-faculty-number-title.--health .c-faculty-number-title__num {
  color: #7ac560;
}
.c-faculty-number-title.--education::after {
  background-color: #ea9e00;
}
.c-faculty-number-title.--education .c-faculty-number-title__num {
  color: #ea9e00;
}

.c-list01.--comprehensive li::before {
  background: #757cbb;
}
.c-list01.--tourism li::before {
  background: #409ad6;
}
.c-list01.--nutritional li::before {
  background: #abcd03;
}
.c-list01.--sports li::before {
  background: #49bcbd;
}
.c-list01.--education li::before {
  background: #ea9e00;
}
.c-list01.--junior li::before {
  background: #aa5e9c;
}
.c-list01.--graduate li::before {
  background: #008576;
}

.c-list02.--management li::before {
  background: #5b8bc9;
}
.c-list02.--health li::before {
  background: #7ac560;
}
.c-list02.--comprehensive li::before {
  background: #757cbb;
}
.c-list02.--tourism li::before {
  background: #409ad6;
}
.c-list02.--nutritional li::before {
  background: #abcd03;
}
.c-list02.--sports li::before {
  background: #49bcbd;
}
.c-list02.--education li::before {
  background: #ea9e00;
}
.c-list02.--junior li::before {
  background: #aa5e9c;
}
.c-list02.--graduate li::before {
  background: #008576;
}

.c-list03.--graduate li::before {
  background: #008576;
}
.c-list03 .c-list01 li {
  display: block;
  counter-increment: none;
}
.c-list03 .c-list01 li::before {
  counter-increment: none;
  content: "";
  display: inline-block;
  background: #0971E5;
  width: 8px;
  min-width: unset;
  height: 8px;
  line-height: unset;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 0;
  margin-top: 0;
}

.p-home-pickup {
  position: relative;
  padding-top: 100px;
}
.p-home-pickup__title {
  position: absolute;
  top: -150px;
  margin-bottom: 54px;
}
@media screen and (max-width: 1022px) {
  .p-home-pickup__title {
    top: -100px;
  }
}

.p-home-mainvisual {
  position: sticky;
  top: 0;
  height: 97vh;
}
@media screen and (max-width: 767px) {
  .p-home-mainvisual {
    height: auto;
  }
}
.p-home-mainvisual video {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-home-mainvisual video {
    width: 166%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-home-mainvisual video {
    width: 215%;
  }
}
.p-home-mainvisual__video {
  width: 100%;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .p-home-mainvisual__video {
    height: 600px;
    text-align: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
  }
}
.p-home-mainvisual__video #mainvisual-video {
  width: 100%;
  object-fit: none;
  display: block;
  height: 97vh;
}
@media screen and (max-width: 1279px) {
  .p-home-mainvisual__video #mainvisual-video {
    height: 800px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-mainvisual__video #mainvisual-video {
    height: 600px;
  }
}
@media screen and (max-width: 575px) {
  .p-home-mainvisual__video #mainvisual-video {
    height: 77vh;
  }
}
.p-home-mainvisual__scroll {
  position: absolute;
  right: 37px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  font-family: "barlow condensed", sans-serif;
}
@media screen and (max-width: 767px) {
  .p-home-mainvisual__scroll {
    right: 16px;
  }
}
.p-home-mainvisual__scroll-text {
  writing-mode: vertical-rl;
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  color: #032141;
  font-size: 1rem;
}
.p-home-mainvisual__scroll-line {
  display: block;
  width: 1px;
  height: 80px;
  background: #032141;
  position: relative;
  overflow: hidden;
}
.p-home-mainvisual__scroll-line::after {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  animation: scrollLine 1.6s ease-in-out infinite;
}
.p-home-mainvisual__scroll, .p-home-mainvisual__fullbtn {
  transition: opacity 0.3s, visibility 0.3s;
}
.p-home-mainvisual__scroll.--hidden, .p-home-mainvisual__fullbtn.--hidden {
  opacity: 0;
  visibility: hidden;
}
.p-home-mainvisual__fullbtn {
  position: absolute;
  left: 40px;
  bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #032141;
}
@media screen and (max-width: 767px) {
  .p-home-mainvisual__fullbtn {
    left: 16px;
    bottom: 24px;
  }
}
.p-home-mainvisual__fullbtn-text {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0.05em;
}
.p-home-mainvisual__fullbtn-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid #032141;
  transition: background 0.3s, color 0.3s;
}
.p-home-mainvisual__fullbtn:hover .p-home-mainvisual__fullbtn-circle {
  background: #032141;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-home-mainvisual__fullbtn-circle {
    width: 44px;
    height: 44px;
  }
}

.p-video-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
}
.p-video-modal[aria-hidden=false] {
  opacity: 1;
  pointer-events: auto;
}
.p-video-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
}
.p-video-modal__inner {
  position: relative;
  z-index: 1;
  width: min(900px, 90vw);
}
.p-video-modal__inner video {
  width: 100%;
  display: block;
}
.p-video-modal__close {
  position: absolute;
  top: -44px;
  right: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #fff;
  padding: 8px;
  line-height: 0;
  transition: opacity 0.2s;
}
.p-video-modal__close:hover {
  opacity: 0.7;
}

#mainvisual-poster {
  position: relative;
  background-image: url(../../../img/mainvisual-poster.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 1080px;
}
@media screen and (max-width: 1279px) {
  #mainvisual-poster {
    height: 800px;
  }
}
@media screen and (max-width: 767px) {
  #mainvisual-poster {
    height: 600px;
  }
}

.mainvisual-poster__logo {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .mainvisual-poster__logo {
    top: 50%;
  }
}

.l-home-contents {
  width: min(1840px, 100%);
  margin-right: auto;
}
.l-home-contents.--academics {
  position: relative;
  overflow: hidden;
}
.l-home-contents.--academics::before {
  content: "";
  position: absolute;
  right: -290px;
  background-image: url(../../../img/emblem.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 910px;
  height: 910px;
  pointer-events: none;
}
.l-home-contents.--bg02 {
  background-color: #f1f4f8;
}
.l-home-contents.--bg03 {
  background-color: #032141;
}

.p-home-important {
  width: min(1200px, 100%);
  margin-inline: auto;
  display: flex;
  justify-content: center;
  padding: 0 30px 98px;
}
@media screen and (max-width: 575px) {
  .p-home-important {
    flex-direction: column;
  }
}
.p-home-important__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  background-color: #ce4747;
  border-radius: 8px 0 0 8px;
  padding: 15px;
}
@media screen and (max-width: 575px) {
  .p-home-important__header {
    text-align: center;
    border-radius: 8px 8px 0 0;
  }
}
.p-home-important__header span {
  position: relative;
  padding-top: 26px;
}
.p-home-important__header span::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background-image: url(../../../img/important.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 24px;
  height: 21px;
}
.p-home-important__body {
  display: flex;
  align-items: center;
  gap: 30px;
  border: 1px solid #ce4747;
  padding: 15px;
}
.p-home-important__date {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-home-important__link {
  color: #ce4747;
}
.p-home-important__year {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.875rem;
}
.p-home-important__day {
  font-family: "Barlow Condensed", sans-serif;
  line-height: 1;
  font-size: 2.375rem;
}

.p-home-news {
  width: min(1570px, 100%);
  margin-inline: auto;
}

.p-home-regional__title {
  display: flex;
  align-items: center;
}

.p-home-academics {
  width: min(1640px, 100%);
  margin-inline: auto;
  padding-bottom: 100px;
}
.p-home-academics__title {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-home-academics__title {
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-home-academics__link {
  margin-top: 90px;
}

.c-pickup-slider {
  display: flex;
  width: min(1620px, 100%);
  margin-left: auto;
}
@media screen and (max-width: 575px) {
  .c-pickup-slider__item {
    width: 350px;
  }
}
.c-pickup-slider__item:hover .c-pickup-slider__text {
  height: 100%;
}
.c-pickup-slider__item:hover .c-pickup-slider__details {
  opacity: 1;
}
.c-pickup-slider__title {
  width: calc(100% - 72px);
  font-weight: 600;
  color: #fff;
  font-size: 1rem;
}
@media screen and (max-width: 575px) {
  .c-pickup-slider__title {
    width: calc(100% - 30px);
    font-size: 0.875rem;
  }
}
.c-pickup-slider__sub {
  color: #fff;
}
.c-pickup-slider__details {
  opacity: 0;
  transition: 0.3s;
  color: #fff;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #fff;
  font-size: 1rem;
}
@media screen and (max-width: 575px) {
  .c-pickup-slider__details {
    width: calc(100% - 30px);
    font-size: 0.8125rem;
  }
}
.c-pickup-slider__text {
  position: absolute;
  bottom: 0;
  margin-top: 12px;
  width: 100%;
  height: 33%;
  padding: 15px;
  background-color: rgba(9, 113, 229, 0.8509803922);
  transition: all 0.7s cubic-bezier(0.31, 1.05, 0.49, 0.99);
}
@media screen and (max-width: 575px) {
  .c-pickup-slider__text {
    height: 47%;
  }
}
.c-pickup-slider__text::before, .c-pickup-slider__text::after {
  content: "";
  position: absolute;
}
.c-pickup-slider__text::before {
  right: 42px;
  bottom: 17px;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #032141;
  border-right: 1px solid #032141;
  transition: transform 0.3s;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .c-pickup-slider__text::before {
    right: 28px;
  }
}
.c-pickup-slider__text::after {
  right: 20px;
  bottom: 3px;
  transform: translateY(-50%);
  width: 49px;
  height: 20px;
  -webkit-mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  background-color: #fff;
  transition: 0.4s;
}
@media screen and (max-width: 575px) {
  .c-pickup-slider__text::after {
    right: 6px;
  }
}
.c-pickup-slider__item {
  position: relative;
}
.c-pickup-slider__item:hover .c-pickup-slider__text::before {
  transform: translateY(-50%) translateX(14px) rotate(45deg);
}
.c-pickup-slider__item:hover .c-pickup-slider__text::after {
  -webkit-mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  background-color: #fff;
}
.c-pickup-slider__subbnr {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(0, -50%);
  display: none;
}
.c-pickup-slider img {
  aspect-ratio: 520/320;
}

.c-academics-link {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 100px 22px;
  align-items: start;
}
.c-academics-link__item {
  display: block;
}
.c-academics-link__main {
  display: block;
  overflow: hidden;
  border-radius: 8px;
  color: #fff;
}
.c-academics-link__main img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.4s;
}
.c-academics-link__sub {
  position: relative;
  padding-left: 60px;
  color: #fff;
  font-size: 1.125rem;
}
.c-academics-link__sub::before, .c-academics-link__sub::after {
  content: "";
  position: absolute;
}
.c-academics-link__sub::before {
  left: 22px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transition: transform 0.3s;
  z-index: 1;
}
.c-academics-link__sub::after {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 49px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.c-academics-link__sub.--comprehensive::after {
  background-image: url(../../../resources/img/common/icon_button-comprehensive.svg);
}
.c-academics-link__sub.--tourism::after {
  background-image: url(../../../resources/img/common/icon_button-tourism.svg);
}
.c-academics-link__sub.--nutritional::after {
  background-image: url(../../../resources/img/common/icon_button-nutritional.svg);
}
.c-academics-link__sub.--sports::after {
  background-image: url(../../../resources/img/common/icon_button-sports.svg);
}
.c-academics-link__sub.--school::after {
  background-image: url(../../../resources/img/common/icon_button-school.svg);
}
.c-academics-link__sub.--management::after {
  background-image: url(../../../resources/img/common/icon_button-management.svg);
}
.c-academics-link__sub.--graduate::after {
  background-image: url(../../../resources/img/common/icon_button-graduate.svg);
}
.c-academics-link__sub.--grad-business::after {
  background-image: url(../../../resources/img/common/icon_button-grad-business.svg);
}
.c-academics-link__sub:hover::before {
  transform: translateY(-50%) translateX(14px) rotate(45deg);
}
.c-academics-link__sub:hover.--comprehensive::after {
  background-image: url(../../../resources/img/common/icon_button-comprehensive_hover.svg);
}
.c-academics-link__sub:hover.--tourism::after {
  background-image: url(../../../resources/img/common/icon_button-tourism_hover.svg);
}
.c-academics-link__sub:hover.--nutritional::after {
  background-image: url(../../../resources/img/common/icon_button-nutritional_hover.svg);
}
.c-academics-link__sub:hover.--sports::after {
  background-image: url(../../../resources/img/common/icon_button-sports_hover.svg);
}
.c-academics-link__sub:hover.--school::after {
  background-image: url(../../../resources/img/common/icon_button-school_hover.svg);
}
.c-academics-link__sub:hover.--management::after {
  background-image: url(../../../resources/img/common/icon_button-management_hover.svg);
}
.c-academics-link__sub:hover.--graduate::after {
  background-image: url(../../../resources/img/common/icon_button-graduate_hover.svg);
}
.c-academics-link__sub:hover.--grad-business::after {
  background-image: url(../../../resources/img/common/icon_button-grad-business_hover.svg);
}
.c-academics-link__title {
  padding-bottom: 24px;
  margin-top: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 1.75rem;
}
.c-academics-link__subWrap {
  margin-top: 8px;
  display: flex;
  gap: 15px 70px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1022px) {
  .c-academics-link {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .c-academics-link {
    grid-template-columns: 1fr;
  }
}

.p-home-regional {
  padding-top: 50px;
  padding-bottom: 100px;
}

.p-home-regional-link {
  position: relative;
  display: flex;
  margin-top: 40px;
}
.p-home-regional-link::before, .p-home-regional-link::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.p-home-regional-link::before {
  background-image: url(../../../img/green-hover.svg);
}
.p-home-regional-link::after {
  background-image: url(../../../img/blue-hover.svg);
}
.p-home-regional-link__item {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-end;
  aspect-ratio: 920/480;
  pointer-events: auto;
}
.p-home-regional-link__item:hover .p-home-regional-link__title::before {
  transform: translateY(-50%) translateX(14px) rotate(45deg);
}
.p-home-regional-link__item:hover .p-home-regional-link__title::after {
  -webkit-mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  background-color: #fff;
}
.p-home-regional-link__item:hover .p-home-regional-link__svg {
  opacity: 1;
}
.p-home-regional-link__item::before, .p-home-regional-link__item::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.p-home-regional-link__item--01 {
  background-image: url(../../../img/regional-img01.jpg);
}
.p-home-regional-link__item--01::before {
  pointer-events: none;
  background-image: url(../../../img/regional-img02.jpg);
}
@media screen and (max-width: 1279px) {
  .p-home-regional-link__item--01::before {
    background-image: url(../../../img/green-hover.svg);
  }
}
.p-home-regional-link__item--02 {
  background-image: url(../../../img/regional-img02.jpg);
}
.p-home-regional-link__item--02::before {
  pointer-events: none;
  background-image: url(../../../img/regional-img01.jpg);
}
@media screen and (max-width: 1279px) {
  .p-home-regional-link__item--02::before {
    background-image: url(../../../img/blue-hover.svg);
  }
}
.p-home-regional-link__block {
  position: relative;
  width: min(720px, 100%);
  margin-inline: auto;
  color: #fff;
  margin-bottom: 40px;
  font-weight: 600;
  z-index: 2;
}
.p-home-regional-link__title {
  position: relative;
  margin-bottom: 24px;
  padding-left: 90px;
  font-size: 1.625rem;
}
.p-home-regional-link__title::before, .p-home-regional-link__title::after {
  content: "";
  position: absolute;
  z-index: 2;
}
.p-home-regional-link__title::before {
  left: 42px;
  top: 24px;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #032141;
  border-right: 1px solid #032141;
  transition: transform 0.3s;
  z-index: 3;
}
.p-home-regional-link__title::after {
  left: 20px;
  top: 24px;
  transform: translateY(-50%);
  width: 49px;
  height: 20px;
  -webkit-mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  background-color: #fff;
  z-index: 2;
}
.p-home-regional-link.--on01::before {
  opacity: 1;
}
.p-home-regional-link.--on01 .p-home-regional-link__item--02::before {
  opacity: 1;
}
.p-home-regional-link.--on01 .p-home-regional-link__item--02 .p-home-regional-link__block {
  opacity: 0.3;
}
.p-home-regional-link.--on02::after {
  opacity: 1;
}
.p-home-regional-link.--on02 .p-home-regional-link__item--01::before {
  opacity: 1;
}
.p-home-regional-link.--on02 .p-home-regional-link__item--01 .p-home-regional-link__block {
  opacity: 0.3;
}
.p-home-regional-link__svg {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
}
@media screen and (max-width: 1279px) {
  .p-home-regional-link__svg {
    display: block;
    width: 100%;
  }
}

.p-home-regional-link-sp {
  display: none;
  margin-top: 41px;
}
@media screen and (max-width: 767px) {
  .p-home-regional-link-sp {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}
.p-home-regional-link-sp__title {
  position: relative;
  font-weight: 600;
  margin-top: 16px;
  padding-left: 60px;
  font-size: 1.0625rem;
}
.p-home-regional-link-sp__title::before, .p-home-regional-link-sp__title::after {
  content: "";
  position: absolute;
}
.p-home-regional-link-sp__title::before {
  left: 24px;
  top: 12px;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #032141;
  border-right: 1px solid #032141;
  transition: transform 0.3s;
  z-index: 1;
}
.p-home-regional-link-sp__title::after {
  left: 3px;
  top: 12px;
  transform: translateY(-50%);
  width: 49px;
  height: 20px;
  -webkit-mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  background-color: #e8f1fb;
}
.p-home-regional-link-sp__item {
  position: relative;
}
.p-home-regional-link-sp__item:hover .p-home-regional-link__svg {
  opacity: 1;
}
.p-home-regional-link-sp__item:hover .p-home-regional-link-sp__title::before {
  transform: translateY(-50%) translateX(14px) rotate(45deg);
}
.p-home-regional-link-sp__item:hover .p-home-regional-link-sp__title::after {
  -webkit-mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  background-color: #e8f1fb;
}

.p-home-message {
  display: flex;
  gap: 63px;
  width: min(1640px, 100%);
  margin-inline: auto;
  padding-bottom: 100px;
}
@media screen and (max-width: 1279px) {
  .p-home-message {
    gap: 30px;
  }
}
.p-home-message__title {
  width: min(322px, 100%);
}
.p-home-message__text {
  margin-top: 65px;
}
@media screen and (max-width: 1279px) {
  .p-home-message__text {
    gap: 35px;
  }
}

.p-home-message-link {
  display: flex;
  gap: 35px;
  transition: 0.3s;
}
.p-home-message-link__title {
  position: relative;
  margin-top: 15px;
  padding-left: 90px;
  font-size: 1.625rem;
}
.p-home-message-link__title::before, .p-home-message-link__title::after {
  content: "";
  position: absolute;
}
.p-home-message-link__title::before {
  left: 42px;
  top: 24px;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #032141;
  border-right: 1px solid #032141;
  transition: transform 0.3s;
  z-index: 1;
}
.p-home-message-link__title::after {
  left: 20px;
  top: 24px;
  transform: translateY(-50%);
  width: 49px;
  height: 20px;
  -webkit-mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  background-color: #e8f1fb;
}
.p-home-message-link__item img {
  transition: opacity 0.6s ease;
}
.p-home-message-link__item:hover .p-home-message-link__title {
  color: #0971e5;
}
.p-home-message-link__item:hover .p-home-message-link__title::before {
  transform: translateY(-50%) translateX(14px) rotate(45deg);
}
.p-home-message-link__item:hover .p-home-message-link__title::after {
  -webkit-mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  background-color: #e8f1fb;
}

.p-home-bnr {
  width: min(1600px, 100%);
  padding-bottom: 160px;
  margin-inline: auto;
}

.c-bnr-link {
  position: relative;
  gap: 40px 20px;
  display: flex;
  justify-content: center;
}
.c-bnr-link__title {
  line-height: 1;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 4.8125rem;
}
@media screen and (max-width: 767px) {
  .c-bnr-link__title {
    font-size: 4.1875rem;
  }
}
@media screen and (max-width: 575px) {
  .c-bnr-link__title {
    font-size: 3.5625rem;
  }
}
.c-bnr-link__sub {
  font-size: 1rem;
}
.c-bnr-link__text {
  margin-top: 48px;
}
.c-bnr-link__item {
  width: min(520px, 100%);
  background: #0971e5;
  color: #fff;
  border-radius: 8px;
  border: 1px solid #fff;
}
.c-bnr-link__item.--oc {
  position: relative;
  background: #13bbe3;
  overflow: hidden;
}
.c-bnr-link__item.--oc::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../../../img/oc.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 520px;
  height: 280px;
  mix-blend-mode: color-burn;
}
@media screen and (max-width: 1022px) {
  .c-bnr-link__item.--oc::before {
    right: 0;
    left: auto;
  }
}
.c-bnr-link__item.--oc::after {
  content: "";
  position: absolute;
  top: 0;
  right: 31px;
  width: 38px;
  height: 79px;
  background: #ce4747;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 83%, 0 100%);
}
.c-bnr-link__item.--request {
  position: relative;
  background: #12bb4f;
}
.c-bnr-link__item.--request::before {
  content: "";
  right: -18px;
  top: -20px;
  position: absolute;
  background-image: url(../../../img/request-img.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 14.4270833333vw;
  height: 9.7916666667vw;
  min-width: 183px;
  min-height: 124px;
}
@media screen and (max-width: 1022px) {
  .c-bnr-link__item.--request::before {
    min-width: 140px;
    min-height: 98px;
  }
}
.c-bnr-link__item.--system {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../../../img/system-img.jpg);
}
.c-bnr-link__item.--library {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../../../img/library-img.jpg);
}
.c-bnr-link__item:hover .c-bnr-link__itemInner::before {
  transform: translateX(14px) rotate(45deg);
}
.c-bnr-link__item:hover .c-bnr-link__itemInner::after {
  -webkit-mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  background-color: #fff;
}
.c-bnr-link__itemInner {
  position: relative;
  padding: 52px 30px 53px;
  height: 100%;
}
.c-bnr-link__itemInner::before, .c-bnr-link__itemInner::after {
  content: "";
  position: absolute;
}
.c-bnr-link__itemInner::before {
  right: 42px;
  bottom: 23px;
  transform: rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #032141;
  border-right: 1px solid #032141;
  transition: transform 0.3s;
  z-index: 1;
}
.c-bnr-link__itemInner::after {
  right: 20px;
  bottom: 16px;
  width: 49px;
  height: 20px;
  -webkit-mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  background-color: #fff;
  transition: 0.4s;
}
.c-bnr-link.--three-column {
  flex-wrap: wrap;
}
@media screen and (max-width: 1279px) {
  .c-bnr-link.--three-column .c-bnr-link__item {
    flex-direction: column;
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 1022px) {
  .c-bnr-link.--three-column .c-bnr-link__item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .c-bnr-link.--two-column {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .c-bnr-link.--two-column .c-bnr-link__item {
    width: 100%;
  }
}

.p-home-links {
  width: min(1640px, 100%);
  margin-inline: auto;
  container-type: inline-size;
  container-name: snsLinkBox;
}
.p-home-links__title {
  display: flex;
  justify-content: space-between;
}

.p-home-links-upgrid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 22px;
  align-items: start;
  margin-top: 20px;
}
.p-home-links-upgrid__item {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-home-links-upgrid {
    grid-template-columns: 1fr;
  }
}

@container snsLinkBox (max-width: 1400px) {
  .p-home-links-upgrid {
    grid-template-columns: 1fr 1fr;
  }
}
/* SNS リスト（左カラム） */
.p-home-links-sns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  align-items: start;
  background: #fff;
}
.p-home-links-sns__item {
  padding: 12px;
}
.p-home-links-sns__link {
  transition: 0.3s;
}
.p-home-links-sns__link:hover {
  color: #0971e5;
}

/* パンフ等（右カラム） */
.p-home-links-brochure {
  display: flex;
  gap: 12px;
  background: #fff;
}
.p-home-links-brochure__item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: 8px;
}
.p-home-links-brochure__item:hover .p-home-links-brochure__text::before {
  transform: translateY(-50%) translateX(14px) rotate(45deg);
}
.p-home-links-brochure__item:hover .p-home-links-brochure__text::after {
  -webkit-mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary_hover.svg) no-repeat center/contain;
  background-color: #e8f1fb;
}
.p-home-links-brochure__text {
  position: relative;
}
.p-home-links-brochure__text::before, .p-home-links-brochure__text::after {
  content: "";
  position: absolute;
}
.p-home-links-brochure__text::before {
  left: 21px;
  bottom: -16px;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #032141;
  border-right: 1px solid #032141;
  transition: transform 0.3s;
  z-index: 1;
}
.p-home-links-brochure__text::after {
  left: 0;
  bottom: -30px;
  transform: translateY(-50%);
  width: 49px;
  height: 20px;
  -webkit-mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  mask: url(../../../resources/img/common/icon_button-primary.svg) no-repeat center/contain;
  background-color: #e8f1fb;
}

.p-home-links-bottomgrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px 18px;
  align-items: start;
  margin-top: 20px;
}
.p-home-links-bottomgrid__item {
  display: block;
  background: #fff;
  padding: 12px 10px;
  border-radius: 8px;
  border: 1px solid #e9eef4;
  text-align: center;
  color: #032141;
  text-decoration: none;
  transition: 0.3s;
  font-size: 0.875rem;
}
.p-home-links-bottomgrid__item:hover {
  color: #0971e5;
}
@media screen and (max-width: 1022px) {
  .p-home-links-bottomgrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-home-links-bottomgrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .p-home-links-bottomgrid {
    grid-template-columns: 1fr;
  }
}

.l-guide__bg {
  padding: 100px 30px;
  background: #f1f4f8;
  width: min(1364px, 100%);
  margin-inline: auto;
}

.l-guide-hero {
  position: relative;
  width: min(1364px, 100%);
  margin-top: 80px;
  margin-inline: auto;
  background-image: url(../../../research/guide/img/img_hero.jpg);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1364/590;
}
@media screen and (max-width: 767px) {
  .l-guide-hero {
    height: 370px;
    background-position: center;
  }
}
.l-guide-hero__inner {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
  padding-inline: 20px;
}
.l-guide-hero__title {
  font-size: 2.625rem;
  line-height: 1.4285714286;
  font-weight: 700;
}
@media screen and (max-width: 1022px) {
  .l-guide-hero__title {
    font-size: 1.625rem;
  }
}
.l-guide-hero__sub {
  font-size: 1.125rem;
  line-height: 1.6666666667;
  margin-top: 12px;
}
@media screen and (max-width: 1022px) {
  .l-guide-hero__sub {
    font-size: 0.875rem;
  }
}

.l-guide-banner {
  width: min(1200px, 100%);
  margin-inline: auto;
  background-color: #032141;
  padding-block: 26px;
  padding-inline: 40px;
  border-radius: 8px;
}
.l-guide-banner__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.l-guide-banner--return {
  margin-top: 120px;
}
.l-guide-banner--return .l-guide-banner__inner {
  justify-content: center;
}
.l-guide-banner--return .l-guide-banner__inner::after {
  display: none;
}
.l-guide-banner__text {
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
}

.l-guide-flow {
  width: min(1200px, 100%);
  margin-inline: auto;
}
.l-guide-flow__wrap {
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.l-guide-flow__arrow {
  position: relative;
  width: min(1200px, 100%);
  margin: 48px auto;
}
.l-guide-flow__arrow::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #d5dbe1;
}
.l-guide-flow__arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-inline: auto;
  background-image: url(../../../research/guide/img/arrow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 120px;
  height: 50px;
}
.l-guide-flow__item {
  width: 100%;
  background-color: #F0F4F8;
  padding: 22px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 1022px) {
  .l-guide-flow__item {
    padding: 16px 24px;
  }
}
.l-guide-flow__item::after {
  content: "";
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #032141;
  border-right: 2px solid #032141;
  transform: rotate(45deg);
}
.l-guide-flow__item-text {
  font-size: 1.25rem;
  font-weight: 500;
  color: #032141;
}
@media screen and (max-width: 1022px) {
  .l-guide-flow__item-text {
    font-size: 1rem;
  }
}
.l-guide-flow__plus-block {
  width: min(1200px, 100%);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 22px 0;
  margin-inline: auto;
  padding-block: 16px;
  gap: 6px;
}
.l-guide-flow__plus-block.--border {
  position: relative;
}
.l-guide-flow__plus-block.--border::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #d5dbe1;
}
.l-guide-flow__plus {
  position: relative;
}
.l-guide-flow__plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-inline: auto;
  background-image: url(../../../research/guide/img/plus.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
}
.l-guide-flow__plus.--rotate::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.l-guide-flow__caption {
  margin-top: 40px;
  color: #032141;
  text-align: center;
  font-size: 1.0625rem;
}
.l-guide-flow__specialist {
  width: 100%;
  text-align: center;
  padding-top: 16px;
}
.l-guide-flow__specialist-title {
  font-size: 2rem;
  font-weight: 700;
  color: #032141;
  display: inline-block;
  position: relative;
  padding-bottom: 12px;
}
.l-guide-flow__specialist-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 15px;
  height: 3px;
  background: #12bb4f;
}

.l-guide-faculty {
  padding-inline: 20px;
  padding-block: 60px;
}
@media screen and (max-width: 1022px) {
  .l-guide-faculty {
    padding-block: 40px;
  }
}
.l-guide-faculty__inner {
  width: min(1200px, 100%);
  margin-inline: auto;
}
.l-guide-faculty__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.l-guide-faculty__row > .l-guide-faculty__card {
  flex: 0 0 calc((100% - 40px) / 3);
  min-width: 0;
}
@media screen and (max-width: 1022px) {
  .l-guide-faculty__row > .l-guide-faculty__card {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}
@media screen and (max-width: 575px) {
  .l-guide-faculty__row > .l-guide-faculty__card {
    flex: 0 0 100%;
  }
}
.l-guide-faculty__card {
  background-color: #fff;
  padding: 24px;
}
.l-guide-faculty__card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 10px;
}
.l-guide-faculty__card-header.--management .l-guide-faculty__icon {
  background-color: #5b8bc9;
}
.l-guide-faculty__card-header.--health .l-guide-faculty__icon {
  background-color: #7ac560;
}
.l-guide-faculty__card-header.--education .l-guide-faculty__icon {
  background-color: #ea9e00;
}
.l-guide-faculty__card-header.--junior .l-guide-faculty__icon {
  background-color: #aa5e9c;
}
.l-guide-faculty__card-header.--graduate .l-guide-faculty__icon {
  background-color: #69716d;
}
.l-guide-faculty__icon {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  flex-shrink: 0;
}
.l-guide-faculty__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}
.l-guide-faculty__icon.--icon01::before {
  background-image: url(../../../research/guide/img/facultyIcon01.png);
}
.l-guide-faculty__icon.--icon02::before {
  background-image: url(../../../research/guide/img/facultyIcon02.png);
}
.l-guide-faculty__icon.--icon03::before {
  background-image: url(../../../research/guide/img/facultyIcon03.png);
}
.l-guide-faculty__icon.--icon04::before {
  background-image: url(../../../research/guide/img/facultyIcon04.png);
}
.l-guide-faculty__icon.--icon05::before {
  background-image: url(../../../research/guide/img/facultyIcon05.png);
}
.l-guide-faculty__faculty-name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #032141;
}
.l-guide-faculty__faculty-name.--management {
  color: #5b8bc9;
}
.l-guide-faculty__faculty-name.--health {
  color: #7ac560;
}
.l-guide-faculty__faculty-name.--education {
  color: #ea9e00;
}
.l-guide-faculty__faculty-name.--junior {
  color: #aa5e9c;
}
.l-guide-faculty__faculty-name.--graduate {
  color: #69716d;
}
.l-guide-faculty__card-body {
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.l-guide-faculty__dept {
  position: relative;
  padding-top: 10px;
}
.l-guide-faculty__dept.--comprehensive .l-guide-faculty__dept-name {
  color: #757cbb;
}
.l-guide-faculty__dept.--comprehensive .l-guide-faculty__dept-name::before {
  background-color: #757cbb;
}
.l-guide-faculty__dept.--tourism .l-guide-faculty__dept-name {
  color: #409ad6;
}
.l-guide-faculty__dept.--tourism .l-guide-faculty__dept-name::before {
  background-color: #409ad6;
}
.l-guide-faculty__dept.--nutritional .l-guide-faculty__dept-name {
  color: #abcd03;
}
.l-guide-faculty__dept.--nutritional .l-guide-faculty__dept-name::before {
  background-color: #abcd03;
}
.l-guide-faculty__dept.--sports .l-guide-faculty__dept-name {
  color: #49bcbd;
}
.l-guide-faculty__dept.--sports .l-guide-faculty__dept-name::before {
  background-color: #49bcbd;
}
.l-guide-faculty__dept.--education .l-guide-faculty__dept-name {
  color: #ea9e00;
}
.l-guide-faculty__dept.--education .l-guide-faculty__dept-name::before {
  background-color: #ea9e00;
}
.l-guide-faculty__dept.--junior .l-guide-faculty__dept-name {
  color: #aa5e9c;
}
.l-guide-faculty__dept.--junior .l-guide-faculty__dept-name::before {
  background-color: #aa5e9c;
}
.l-guide-faculty__dept.--graduate .l-guide-faculty__dept-name {
  color: #69716d;
}
.l-guide-faculty__dept.--graduate .l-guide-faculty__dept-name::before {
  background-color: #69716d;
}
.l-guide-faculty__dept-name {
  position: relative;
  font-weight: 700;
  color: #032141;
  display: flex;
  gap: 6px;
  padding-left: 25px;
  align-items: baseline;
  font-size: 1.125rem;
}
.l-guide-faculty__dept-name::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 16px;
  height: 4px;
  flex-shrink: 0;
  font-weight: 400;
}
@media screen and (max-width: 1022px) {
  .l-guide-faculty__dept-name {
    font-size: 0.9375rem;
  }
}
.l-guide-faculty__dept-sub {
  font-size: 0.8125rem;
  color: #ce4747;
  margin-top: 24px;
}
.l-guide-faculty__dept-text {
  margin-top: 8px;
  font-size: 1.0625rem;
  line-height: 2;
  color: #032141;
}

.l-guide-multiply {
  text-align: center;
  padding-block: 40px;
}
.l-guide-multiply__symbol {
  display: inline-block;
  font-size: 3.75rem;
  font-weight: 300;
  color: #032141;
  line-height: 1;
}

.l-guide-practical {
  padding-block: 50px;
  padding-inline: 20px;
}
@media screen and (max-width: 1022px) {
  .l-guide-practical {
    padding-block: 36px;
  }
}
.l-guide-practical__inner {
  width: min(1200px, 100%);
  margin-inline: auto;
  text-align: center;
}
.l-guide-practical__caption {
  font-size: 0.875rem;
  color: #032141;
}
.l-guide-practical__title {
  font-size: 2rem;
  font-weight: 700;
  color: #032141;
  display: inline-block;
  position: relative;
  padding-bottom: 12px;
}
.l-guide-practical__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 15px;
  height: 3px;
  background: #12bb4f;
}

.l-guide-community {
  padding-block: 60px;
  padding-inline: 20px;
}
@media screen and (max-width: 1022px) {
  .l-guide-community {
    padding-block: 40px;
  }
}
.l-guide-community__inner {
  width: min(1200px, 100%);
  margin-inline: auto;
}
.l-guide-community__intro {
  font-size: 1rem;
  line-height: 2;
  color: #032141;
}
.l-guide-community__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  margin-top: 50px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .l-guide-community__grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}
.l-guide-community__diagram img {
  width: 100%;
  height: auto;
}
.l-guide-community__tags {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.l-guide-community__tag {
  border-radius: 50px;
  padding: 8px 22px;
  font-weight: 700;
  font-size: 0.875rem;
  color: #fff;
}
.l-guide-community__tag.--town {
  background-color: #7ac560;
}
.l-guide-community__tag.--health {
  background-color: #49bcbd;
}
.l-guide-community__tag.--people {
  background-color: #ea9e00;
}
.l-guide-community__title {
  margin-top: 20px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.6363636364;
  color: #032141;
}
.l-guide-community__text {
  margin-top: 16px;
  font-size: 0.9375rem;
  line-height: 2;
  color: #032141;
}
.l-guide-community__links {
  margin-top: 28px;
}
.l-guide-community__links-title {
  font-size: 1rem;
  font-weight: 700;
  color: #032141;
}
.l-guide-community__link-list {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
}
.l-guide-community__link {
  font-size: 0.875rem;
  color: #0971E5;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (any-hover: hover) {
  .l-guide-community__link:hover {
    text-decoration: none;
  }
}
.l-guide-community__link:focus-visible {
  text-decoration: none;
}

.l-guide-arrow-down {
  text-align: center;
  padding-block: 24px;
}
.l-guide-arrow-down__shape {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 28px solid transparent;
  border-right: 28px solid transparent;
  border-top: 32px solid #032141;
}

.l-subsidy {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.l-subsidy table {
  width: calc((100% - 30px) / 2);
}
@media screen and (max-width: 767px) {
  .l-subsidy {
    flex-direction: column;
  }
  .l-subsidy table {
    width: 100%;
  }
}

.l-events-status {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  margin-top: 52px;
  padding: 40px;
  border: 1px solid #d5dbe1;
}
@media screen and (max-width: 767px) {
  .l-events-status {
    flex-direction: column;
    gap: 20px;
  }
}
.l-events-status__item {
  position: relative;
  padding-left: 20px;
}
.l-events-status__item::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.l-events-status__item.--university::before {
  background-color: #12bb4f;
}
.l-events-status__item.--short::before {
  background-color: #aa5e9c;
}
.l-events-status__item.--common::before {
  background-color: #0971e5;
}

.l-events-calendar__item {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .l-events-calendar__item {
    flex-direction: column;
    margin-top: 40px;
  }
}
.l-events-calendar__item:first-child {
  margin-top: 80px;
}

.l-events-calendar-month {
  width: min(740px, 100%);
}
.l-events-calendar-month__item {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 39px 40px;
  background: #f1f4f8;
  aspect-ratio: 740/222;
}
.l-events-calendar-month__item:nth-child(even) {
  background: #fff;
}
@media screen and (max-width: 575px) {
  .l-events-calendar-month__item {
    padding: 20px;
  }
}
.l-events-calendar-month__label {
  width: min(87px, 100%);
  font-size: 1.25rem;
}
.l-events-calendar-month__label span {
  font-size: 3.75rem;
}
@media screen and (max-width: 767px) {
  .l-events-calendar-month__label span {
    font-size: 3.125rem;
  }
}
@media screen and (max-width: 575px) {
  .l-events-calendar-month__label span {
    font-size: 2.5rem;
  }
}
.l-events-calendar-month__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  padding-left: 32px;
  border-left: 1px solid #d5dbe1;
  font-weight: 600;
  font-size: 1.125rem;
}
@media screen and (max-width: 575px) {
  .l-events-calendar-month__list {
    font-size: 1rem;
  }
}
.l-events-calendar-month__list li {
  position: relative;
  padding-left: 20px;
}
.l-events-calendar-month__list li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.l-events-calendar-month__list li.--university::before {
  background-color: #12bb4f;
}
.l-events-calendar-month__list li.--short::before {
  background-color: #aa5e9c;
}
.l-events-calendar-month__list li.--common::before {
  background-color: #0971e5;
}

@media screen and (max-width: 767px) {
  .l-events-calendar-img {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .l-events-calendar-img__item {
    width: calc(50% - 20px);
  }
}

.l-curriculum-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .l-curriculum-content {
    grid-template-columns: 1fr;
  }
}

.l-curriculum {
  border: 1px solid #d5dbe1;
  padding: 32px;
  border-radius: 8px;
  margin-top: 24px;
}
.l-curriculum__text {
  margin-top: 24px;
}
.l-curriculum__title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  color: #aa5e9c;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .l-curriculum__title {
    font-size: 1.125rem;
  }
}
.l-curriculum__icon {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #aa5e9c;
}
@media screen and (max-width: 767px) {
  .l-curriculum__icon {
    width: 50px;
    height: 50px;
  }
}
.l-curriculum__icon::before {
  content: "";
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.l-curriculum__icon.--icon01::before {
  background-image: url(../../junior/curriculum/img/icon01.png);
}
.l-curriculum__icon.--icon02::before {
  width: 23px;
  background-image: url(../../junior/curriculum/img/icon02.png);
}
.l-curriculum__icon.--icon03::before {
  height: 22px;
  background-image: url(../../junior/curriculum/img/icon03.png);
}
.l-curriculum__icon.--icon03::before {
  background-image: url(../../junior/curriculum/img/icon03.png);
}
.l-curriculum__icon.--icon04::before {
  height: 31px;
  background-image: url(../../junior/curriculum/img/icon21.png);
}
.l-curriculum__icon.--icon05::before {
  background-image: url(../../junior/curriculum/img/icon22.png);
}

.l-curriculum-qualification {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 14px;
}
@media screen and (max-width: 1022px) {
  .l-curriculum-qualification {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .l-curriculum-qualification {
    align-items: flex-start;
  }
}
.l-curriculum-qualification__info {
  display: inline-block;
  background: #032141;
  border-radius: 2px;
  color: #fff;
  padding: 5px;
}
.l-curriculum-qualification__wrap {
  font-size: 0.9375rem;
}

.l-curriculum-modal {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .l-curriculum-modal {
    grid-template-columns: 1fr;
  }
}
.l-curriculum-modal__item {
  position: relative;
  display: block;
  font-size: clamp(0.9375rem, 0.8578431373rem + 0.3267973856vw, 1.25rem);
  line-height: 1.6;
  padding-block: clamp(1.25rem, 1.0428921569rem + 0.8496732026vw, 2.0625rem);
  padding-right: clamp(1.875rem, 1.6519607843rem + 0.9150326797vw, 2.75rem);
  padding-left: clamp(1rem, 0.8088235294rem + 0.7843137255vw, 1.75rem);
  border-radius: 4px;
  border: solid 1px #d5dbe1;
  border-left: solid 4px #aa5e9c;
  background-color: #fff;
  transition: 0.3s;
}
.l-curriculum-modal__item:hover {
  color: #0971e5;
}
.l-curriculum-modal__item::before {
  content: "";
  position: absolute;
  right: clamp(1.25rem, 1.0588235294rem + 0.7843137255vw, 2rem);
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #032141;
  border-right: 1px solid #032141;
  transition: transform 0.3s;
  z-index: 1;
}
.l-curriculum-modal__title {
  display: flex;
  align-items: center;
  gap: 14px;
}
.l-curriculum-modal__icon {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #aa5e9c;
}
@media screen and (max-width: 767px) {
  .l-curriculum-modal__icon {
    width: 50px;
    height: 50px;
  }
}
.l-curriculum-modal__icon::before {
  content: "";
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.l-curriculum-modal__icon.--icon01::before {
  height: 26px;
  background-image: url(../../junior/curriculum/img/icon05.png);
}
.l-curriculum-modal__icon.--icon02::before {
  width: 30px;
  height: 33px;
  background-image: url(../../junior/curriculum/img/icon06.png);
}
.l-curriculum-modal__icon.--icon03::before {
  width: 30px;
  height: 22px;
  background-image: url(../../junior/curriculum/img/icon07.png);
}
.l-curriculum-modal__icon.--icon04::before {
  width: 30px;
  height: 32px;
  background-image: url(../../junior/curriculum/img/icon08.png);
}
.l-curriculum-modal__icon.--icon05::before {
  width: 33px;
  height: 33px;
  background-image: url(../../junior/curriculum/img/icon20.png);
}
.l-curriculum-modal__icon.--icon06::before {
  width: 33px;
  height: 33px;
  background-image: url(../../junior/curriculum/img/icon10.png);
}
.l-curriculum-modal__icon.--icon07::before {
  width: 33px;
  height: 33px;
  background-image: url(../../junior/curriculum/img/icon11.png);
}
.l-curriculum-modal__icon.--icon08::before {
  background-image: url(../../junior/curriculum/img/icon12.png);
}
.l-curriculum-modal__icon.--icon09::before {
  background-image: url(../../junior/curriculum/img/icon13.png);
}
.l-curriculum-modal__icon.--icon10::before {
  background-image: url(../../junior/curriculum/img/icon14.png);
}
.l-curriculum-modal__icon.--icon11::before {
  width: 33px;
  height: 28px;
  background-image: url(../../junior/curriculum/img/icon15.png);
}
.l-curriculum-modal__icon.--icon12::before {
  background-image: url(../../junior/curriculum/img/icon16.png);
}
.l-curriculum-modal__icon.--icon13::before {
  width: 30px;
  height: 20px;
  background-image: url(../../junior/curriculum/img/icon17.png);
}
.l-curriculum-modal__icon.--icon14::before {
  background-image: url(../../junior/curriculum/img/icon18.png);
}
.l-curriculum-modal__icon.--icon15::before {
  background-image: url(../../junior/curriculum/img/icon19.png);
}
.l-curriculum-modal__icon.--icon16::before {
  background-image: url(../../junior/curriculum/img/icon09.png);
}

.l-curriculum-plus-block {
  position: relative;
  width: min(1200px, 100%);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 42px 0;
  margin-inline: auto;
  padding-block: 16px;
  gap: 6px;
}
.l-curriculum-plus-block::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #d5dbe1;
}

.l-curriculum-plus {
  position: relative;
}
.l-curriculum-plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-inline: auto;
  background-image: url(../../../research/guide/img/plus.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
}

.l-area-hero {
  position: relative;
  width: min(1364px, 100%);
  margin-top: 80px;
  margin-inline: auto;
  background-image: url(../../../campus-life/guide/area/img/img_hero.jpg);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1364/590;
}
@media screen and (max-width: 767px) {
  .l-area-hero {
    height: 370px;
    background-position: center;
  }
}
.l-area-hero__text {
  position: absolute;
  top: 4.2708333333vw;
  left: 4.2708333333vw;
}
.l-area-hero__title {
  font-family: "Barlow Condensed", sans-serif;
  color: #fff;
  font-size: 3.75rem;
}
@media screen and (max-width: 767px) {
  .l-area-hero__title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 575px) {
  .l-area-hero__title {
    font-size: 1.875rem;
  }
}
.l-area-hero__sub {
  color: #fff;
}

.l-area-img {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 60px 0;
}
@media screen and (max-width: 575px) {
  .l-area-img {
    grid-template-columns: 1fr;
  }
}
.l-area-img:last-child {
  margin-top: 0;
}

.l-part {
  display: flex;
}

.c-part-job {
  position: relative;
  width: min(440px, 100%);
  background: #fff;
  padding: 24px 24px 58px;
}

.c-part-header {
  background: #032141;
  padding: 14px 24px;
}
.c-part-header__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-part-header__title {
  color: #fff;
  margin-top: 5px;
}
.c-part-header__label {
  background: #f1f4f8;
  color: #032141;
  border-radius: 2px;
  padding: 3px;
}
.c-part-header__limit {
  color: #fff;
}

.c-part-table {
  margin-top: 30px;
  border-collapse: collapse;
}
.c-part-table tr {
  border-bottom: 1px solid #d5dbe1;
}
.c-part-table th {
  vertical-align: baseline;
  width: 112px;
  padding-bottom: 14px;
  padding-top: 14px;
}
.c-part-table td {
  padding-bottom: 14px;
  padding-top: 14px;
}

.c-part-store {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-part-store__btn {
  width: min(90px, 100%);
  border: 1px solid #d5dbe1;
  border-radius: 22px;
  padding: 3px;
  text-align: center;
}

.c-part-more {
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  width: min(135px, 100%);
  border: 1px solid #d5dbe1;
  border-radius: 22px;
  padding: 3px;
  text-align: center;
  background: #fff;
}

.l-index-contents {
  background: #f1f4f8;
  padding: 48px 20px 140px;
}
.l-index-contents__inner {
  width: min(1520px, 100%);
  margin-inline: auto;
}

.c-index-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  gap: 40px;
}
@media screen and (max-width: 767px) {
  .c-index-wrap {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  }
}

.c-index-item {
  position: relative;
  background: #fff;
  border-radius: 4px;
  padding: 34px;
}
.c-index-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  border-radius: 8px 8px 0 0;
  background: #0971e5;
}
.c-index-item__titlemb {
  margin-bottom: 20px;
}

.c-index-item-title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.c-index-item-title__icon {
  position: relative;
  background: #0971e5;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.c-index-item-title__icon::before {
  content: "";
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}
.c-index-item-title__icon.--campus-life01::before {
  background-image: url(/assets/img/icon/campus-lifeIcon01.png);
}
.c-index-item-title__icon.--campus-life02::before {
  background-image: url(/assets/img/icon/campus-lifeIcon02.png);
}
.c-index-item-title__icon.--campus-life03::before {
  background-image: url(/assets/img/icon/campus-lifeIcon03.png);
}
.c-index-item-title__icon.--campus-life04::before {
  background-image: url(/assets/img/icon/campus-lifeIcon04.png);
}
.c-index-item-title__icon.--campus-life05::before {
  background-image: url(/assets/img/icon/campus-lifeIcon05.png);
}
.c-index-item-title__icon.--campus-life06::before {
  background-image: url(/assets/img/icon/campus-lifeIcon06.png);
}
.c-index-item-title__icon.--campus-life07::before {
  background-image: url(/assets/img/icon/campus-lifeIcon07.png);
}
.c-index-item-title__text {
  color: #0971e5;
  font-weight: 700;
  font-size: 1.5rem;
}
.c-index-item-title + .c-index-wrap-subtitle {
  margin-top: 0;
}

.c-index-item-system {
  display: grid;
  gap: 15px 9px;
  grid-template-columns: repeat(auto-fit, minmax(83px, 1fr));
  background: #f1f4f8;
  border-radius: 8px;
  padding: 25px;
}
.c-index-item-system__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-inline: auto;
  text-align: center;
  font-size: 0.75rem;
}
.c-index-item-system__item span {
  font-weight: 700;
  font-size: 0.8125rem;
}
.c-index-item-system__img {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 15px;
  margin-bottom: 8px;
}
.c-index-item-system__img::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
}
.c-index-item-system__img.--01 {
  background: #558d9c;
}
.c-index-item-system__img.--01::before {
  content: "";
  background-image: url(/campus-life/img/campus_icon14.png);
}
.c-index-item-system__img.--02 {
  background: #355b8a;
}
.c-index-item-system__img.--02::before {
  content: "";
  background-image: url(/campus-life/img/campus_icon02.png);
}
.c-index-item-system__img.--03 {
  background: #60aa90;
}
.c-index-item-system__img.--03::before {
  content: "";
  background-image: url(/campus-life/img/campus_icon04.png);
}
.c-index-item-system__img.--04 {
  background: #ea5724;
}
.c-index-item-system__img.--04::before {
  content: "";
  background-image: url(/campus-life/img/campus_icon05.png);
}
.c-index-item-system__img.--05 {
  background: #cb7121;
}
.c-index-item-system__img.--05::before {
  content: "";
  background-image: url(/campus-life/img/campus_icon07.png);
}
.c-index-item-system__img.--06 {
  background: #ac8d13;
}
.c-index-item-system__img.--06::before {
  content: "";
  background-image: url(/campus-life/img/campus_icon07.png);
}
.c-index-item-system__img.--07 {
  background: #b9614e;
}
.c-index-item-system__img.--07::before {
  content: "";
  background-image: url(/campus-life/img/campus_icon07.png);
}
.c-index-item-system__img.--08 {
  background: #31979c;
}
.c-index-item-system__img.--08::before {
  content: "";
  background-image: url(/campus-life/img/campus_icon09.png);
}
.c-index-item-system__img.--09 {
  background: #8b008b;
}
.c-index-item-system__img.--09::before {
  content: "";
  background-image: url(/campus-life/img/campus_icon11.png);
}
.c-index-item-system__img.--10 {
  background: #989898;
}
.c-index-item-system__img.--10::before {
  content: "";
  background-image: url(/campus-life/img/campus_icon15.png);
}
.c-index-item-system__img.--11 {
  background: #008a3d;
}
.c-index-item-system__img.--11::before {
  content: "";
  background-image: url(/campus-life/img/campus_icon13.png);
}

.c-index-wrap-subtitle {
  position: relative;
  color: #0971e5;
  font-weight: 600;
  margin-top: 40px;
  padding-bottom: 11px;
  font-size: 1.25rem;
}
.c-index-wrap-subtitle::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #d5dbe1;
}
.c-index-wrap-subtitle::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 2px;
  background: #0971e5;
}

.c-modal {
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 1000;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.c-modal.is-open {
  opacity: 1;
  visibility: visible;
}
.c-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.c-modal__inner {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 8px;
  width: min(1200px, 90vw);
  max-height: 90vh;
  overflow-y: auto;
  transform: translateY(16px);
  transition: transform 0.3s ease;
}
.c-modal__ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
.c-modal__li {
  width: calc(33% - 60px);
  border-bottom: 1px solid #d5dbe1;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .c-modal__li {
    width: calc(50% - 30px);
  }
}
@media screen and (max-width: 575px) {
  .c-modal__li {
    width: 100%;
  }
}
.c-modal__li span {
  position: relative;
  display: block;
}
.c-modal__li span::before {
  content: "";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #032141;
  border-right: 1px solid #032141;
  transition: transform 0.3s;
  z-index: 1;
}
.c-modal__li a:hover {
  color: #0971e5;
}
.c-modal.is-open .c-modal__inner {
  transform: translateY(0);
}
.c-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.c-modal__close span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  background: #333;
  border-radius: 2px;
}
.c-modal__close span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-modal__close span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.c-modal__title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  color: #032141;
  padding: 30px;
  margin-bottom: 16px;
  border-bottom: 1px solid #d5dbe1;
  font-size: 1.25rem;
}
.c-modal__icon {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #aa5e9c;
}
@media screen and (max-width: 767px) {
  .c-modal__icon {
    width: 50px;
    height: 50px;
  }
}
.c-modal__icon::before {
  content: "";
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.c-modal__icon.--guide {
  background: #2c8eb9;
}
.c-modal__icon.--guide::before {
  background-image: url(../../../research/guide/img/icon-research.png);
}
.c-modal__icon.--icon01::before {
  height: 26px;
  background-image: url(../../junior/curriculum/img/icon05.png);
}
.c-modal__icon.--icon02::before {
  width: 30px;
  height: 33px;
  background-image: url(../../junior/curriculum/img/icon06.png);
}
.c-modal__icon.--icon03::before {
  width: 30px;
  height: 22px;
  background-image: url(../../junior/curriculum/img/icon07.png);
}
.c-modal__icon.--icon04::before {
  width: 30px;
  height: 32px;
  background-image: url(../../junior/curriculum/img/icon08.png);
}
.c-modal__icon.--icon05::before {
  width: 33px;
  height: 33px;
  background-image: url(../../junior/curriculum/img/icon20.png);
}
.c-modal__icon.--icon06::before {
  width: 33px;
  height: 33px;
  background-image: url(../../junior/curriculum/img/icon10.png);
}
.c-modal__icon.--icon07::before {
  width: 33px;
  height: 33px;
  background-image: url(../../junior/curriculum/img/icon11.png);
}
.c-modal__icon.--icon08::before {
  background-image: url(../../junior/curriculum/img/icon12.png);
}
.c-modal__icon.--icon09::before {
  background-image: url(../../junior/curriculum/img/icon13.png);
}
.c-modal__icon.--icon10::before {
  background-image: url(../../junior/curriculum/img/icon14.png);
}
.c-modal__icon.--icon11::before {
  width: 33px;
  height: 28px;
  background-image: url(../../junior/curriculum/img/icon15.png);
}
.c-modal__icon.--icon12::before {
  background-image: url(../../junior/curriculum/img/icon16.png);
}
.c-modal__icon.--icon13::before {
  width: 30px;
  height: 20px;
  background-image: url(../../junior/curriculum/img/icon17.png);
}
.c-modal__icon.--icon14::before {
  background-image: url(../../junior/curriculum/img/icon18.png);
}
.c-modal__icon.--icon15::before {
  background-image: url(../../junior/curriculum/img/icon19.png);
}
.c-modal__icon.--icon16::before {
  background-image: url(../../junior/curriculum/img/icon09.png);
}
.c-modal__text {
  font-size: 16px;
  line-height: 1.8;
}

.c-modal-body {
  padding: 30px;
}

.c-modal-twocolumn {
  display: flex;
  gap: 30px;
  margin-top: 40px;
}
@media screen and (max-width: 1022px) {
  .c-modal-twocolumn {
    flex-direction: column;
    align-items: center;
  }
}
.c-modal-twocolumn__img {
  width: min(400px, 100%);
}
.c-modal-twocolumn__table {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.c-modal-dl-header dl {
  display: flex;
  border: 1px solid #dddddd;
}
@media screen and (max-width: 767px) {
  .c-modal-dl-header dl {
    flex-direction: column;
    align-items: center;
  }
}
.c-modal-dl-header dt {
  width: min(200px, 100%);
  background: #e5e7ea;
  padding: 10px;
}
@media screen and (max-width: 767px) {
  .c-modal-dl-header dt {
    width: 100%;
  }
}
.c-modal-dl-header dd {
  flex: 1;
  padding: 10px;
}

.c-modal-dl-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.c-modal-dl-body dl {
  display: flex;
  border: 1px solid #dddddd;
}
@media screen and (max-width: 767px) {
  .c-modal-dl-body dl {
    flex-direction: column;
    align-items: center;
  }
}
.c-modal-dl-body dt {
  width: min(200px, 100%);
  background: #032141;
  padding: 10px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .c-modal-dl-body dt {
    width: 100%;
  }
}
.c-modal-dl-body dd {
  flex: 1;
  padding: 10px;
}

.c-modal-topics {
  border-top: 1px solid #d5dbe1;
  padding: 30px;
}
.c-modal-topics h5 {
  margin-bottom: 20px;
}

.c-form-contents__body .error {
  font-weight: bold;
  color: #ff0000;
  position: relative;
  margin-top: clamp(0.25rem, 0.2181372549rem + 0.1307189542vw, 0.375rem);
  line-height: 1.6;
  font-weight: 600;
  font-size: 1.0625rem;
}

.u-sp-br {
  display: none;
}
@media screen and (max-width: 575px) {
  .u-sp-br {
    display: block;
  }
}

@media screen and (max-width: 1279px) {
  .p-outcampus-voice__block {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .p-outcampus-voice__block {
    display: grid;
    column-gap: 24px;
  }
}
@media screen and (max-width: 575px) {
  .p-outcampus-voice__block {
    display: block;
  }
}

@media screen and (max-width: 1279px) {
  .c-heading__inner {
    min-height: 178px;
  }
}

@media screen and (max-width: 1022px) {
  .l-heading__img {
    object-position: center 30%;
  }
}

@media screen and (max-width: 767px) {
  .c-table03 th,
  .c-table03 td {
    padding: 5px 5px;
    font-size: 0.8125rem;
  }
}

.p-research-activities2-intro__content {
  width: 100%;
}

.l-header-logo img {
  height: 46px;
}