:root {
  --dvw: calc(100dvw / 1300);
  --fvw: calc(100dvw / 1300);
}
@media (min-width: 1300px) {
  :root {
    --dvw: 1px;
    --fvw: calc(100dvw / 1300);
  }
}
@media (max-width: 1024px) {
  :root {
    --dvw: calc(100dvw / 768);
    --fvw: calc(100dvw / 768);
  }
}
@media (max-width: 575px) {
  :root {
    --dvw: calc(100dvw / 375);
    --fvw: calc(100dvw / 375);
  }
}

.main-inner {
  padding-top: 0;
  padding-bottom: calc(var(--dvw) * 176);
  position: relative;
}
@media (max-width: 1024px) {
  .main-inner {
    padding-bottom: calc(var(--dvw) * 104);
  }
}
@media (max-width: 575px) {
  .main-inner {
    padding-bottom: calc(var(--dvw) * 51);
  }
}

@media (max-width: 820px) {
  .main-inner {
    padding-top: calc(var(--dvw) * 78);
  }
}
.c-main-heading {
  padding-top: calc(var(--dvw) * 132);
}

@media (max-width: 820px) {
  .c-main-heading {
    padding-top: 0;
  }
}
.main-inner .back-pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  background-image: url("/assets/images/department/back-pattern.webp");
  background-repeat: no-repeat;
  background-size: 140% auto;
  background-position: center top -15vw;
}

@media (max-width: 820px) {
  .main-inner .back-pattern {
    height: 98%;
    background-size: 130%;
    background-position: center top;
    background-repeat: repeat-y;
  }
}
/* Page Header Styles */
.c-main-heading__title-inner.--page-heading {
  padding: 0 3.4em 0.5em;
}
@media (max-width: 575px) {
  .c-main-heading__title-inner.--page-heading {
    padding: 0 1.5em 0.5em;
  }
}

/* Department Content Styles */
.department-content {
  margin-top: calc(var(--dvw) * 79);
}
@media (max-width: 1024px) {
  .department-content {
    margin-top: calc(var(--dvw) * 47);
  }
}
@media (max-width: 575px) {
  .department-content {
    margin-top: calc(var(--dvw) * 40);
  }
}

.department-content__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(var(--dvw) * 44) 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--dvw) * 96) calc(var(--dvw) * 44);
  position: relative;
  z-index: 2;
  max-width: 1142px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .department-content__wrapper {
    gap: calc(var(--dvw) * 57) calc(var(--dvw) * 26);
  }
}
@media (max-width: 575px) {
  .department-content__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: calc(var(--dvw) * 48) calc(var(--dvw) * 13);
  }
}

.department-content__item {
  position: relative;
}

.department-content__item-inner {
  background-color: #fff;
  position: relative;
  padding: calc(var(--dvw) * 57) calc(var(--dvw) * 34) calc(var(--dvw) * 32);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  z-index: 2;
}
@media (max-width: 1024px) {
  .department-content__item-inner {
    padding: calc(var(--dvw) * 34) calc(var(--dvw) * 20) calc(var(--dvw) * 20);
  }
}
@media (max-width: 575px) {
  .department-content__item-inner {
    padding: calc(var(--dvw) * 31) calc(var(--dvw) * 20) calc(var(--dvw) * 20);
  }
}

.department-content__item-title {
  font-size: clamp(1rem, 0.772rem + 0.973vw, 1.5625rem);
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 95%;
  padding: 0.76em 14%;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  display: -ms-grid;
  display: grid;
  place-items: center;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .department-content__item-title {
    font-size: clamp(0.75rem, 0.4206rem + 1.4054vw, 1.5625rem);
  }
}
@media (max-width: 575px) {
  .department-content__item-title {
    font-size: clamp(1rem, 0.772rem + 0.973vw, 1.5625rem);
  }
}

.department-content__item-title span {
  position: relative;
  z-index: 2;
}

.department-content__item-title svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.department-content__item-title svg .cls-1 {
  fill: #00b8ee;
}

.department-content__item-title svg .cls-2 {
  fill: none;
  stroke: #00b8ee;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}

.department-content__item-title.--blue svg .cls-1 {
  fill: #00b8ee;
}

.department-content__item-title.--blue svg .cls-2 {
  stroke: #00b8ee;
}

.department-content__item-title.--green svg .cls-1 {
  fill: #8dc21f;
}

.department-content__item-title.--green svg .cls-2 {
  stroke: #8dc21f;
}

.department-content__item-title.--purple svg .cls-1 {
  fill: #d1c7e2;
}

.department-content__item-title.--purple svg .cls-2 {
  stroke: #d1c7e2;
}

.department-content__item-title.--pink svg .cls-1 {
  fill: #f9c8d3;
}

.department-content__item-title.--pink svg .cls-2 {
  stroke: #f9c8d3;
}

.department-content__item-title.--orange svg .cls-1 {
  fill: #ffa500;
}

.department-content__item-title.--orange svg .cls-2 {
  stroke: #ffa500;
}

.department-content__item-description {
  font-size: clamp(0.875rem, 0.8243rem + 0.2162vw, 1rem);
  line-height: 1.56;
  margin-bottom: calc(var(--dvw) * 29);
  letter-spacing: 0.015em;
  text-align: justify;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 1024px) {
  .department-content__item-description {
    margin-bottom: calc(var(--dvw) * 20);
  }
}
@media (max-width: 575px) {
  .department-content__item-description {
    margin-bottom: calc(var(--dvw) * 20);
  }
}

.department-content__item-image {
  width: 100%;
}

.decoration {
  position: absolute;
}

.decoration.--01 {
  width: calc(var(--dvw) * 499);
  top: calc(var(--dvw) * -350);
  right: calc(var(--dvw) * -130);
}
@media (max-width: 1024px) {
  .decoration.--01 {
    width: calc(var(--dvw) * 294);
    top: calc(var(--dvw) * -207);
    right: calc(var(--dvw) * -77);
  }
}
@media (max-width: 575px) {
  .decoration.--01 {
    width: calc(var(--dvw) * 144);
    top: calc(var(--dvw) * -101);
    right: calc(var(--dvw) * -38);
  }
}

.decoration.--02 {
  width: calc(var(--dvw) * 506);
  top: calc(var(--dvw) * 150);
  left: calc(var(--dvw) * -237);
}
@media (max-width: 1024px) {
  .decoration.--02 {
    width: calc(var(--dvw) * 299);
    top: calc(var(--dvw) * 89);
    left: calc(var(--dvw) * -140);
  }
}
@media (max-width: 575px) {
  .decoration.--02 {
    width: calc(var(--dvw) * 146);
    top: calc(var(--dvw) * 89);
    left: calc(var(--dvw) * -68);
  }
}

.decoration.--03 {
  width: calc(var(--dvw) * 631);
  top: calc(var(--dvw) * 1332);
  right: calc(var(--dvw) * -355);
}
@media (max-width: 1024px) {
  .decoration.--03 {
    width: calc(var(--dvw) * 372);
    top: calc(var(--dvw) * 786);
    right: calc(var(--dvw) * -210);
  }
}
@media (max-width: 575px) {
  .decoration.--03 {
    width: calc(var(--dvw) * 182);
    top: calc(var(--dvw) * 786);
    right: calc(var(--dvw) * -102);
  }
}

.decoration.--04 {
  width: calc(var(--dvw) * 697);
  top: calc(var(--dvw) * 1640);
  left: calc(var(--dvw) * -370);
}
@media (max-width: 1024px) {
  .decoration.--04 {
    width: calc(var(--dvw) * 411);
    top: calc(var(--dvw) * 968);
    left: calc(var(--dvw) * -218);
  }
}
@media (max-width: 575px) {
  .decoration.--04 {
    width: calc(var(--dvw) * 201);
    top: calc(var(--dvw) * 968);
    left: calc(var(--dvw) * -107);
  }
}

.decoration.--05 {
  width: calc(var(--dvw) * 526);
  top: calc(var(--dvw) * 2740);
  right: calc(var(--dvw) * -303);
}
@media (max-width: 1024px) {
  .decoration.--05 {
    width: calc(var(--dvw) * 310);
    top: calc(var(--dvw) * 1617);
    right: calc(var(--dvw) * -179);
  }
}
@media (max-width: 575px) {
  .decoration.--05 {
    width: calc(var(--dvw) * 152);
    top: calc(var(--dvw) * 1617);
    right: calc(var(--dvw) * -87);
  }
}

.decoration.--06 {
  width: calc(var(--dvw) * 777);
  top: calc(var(--dvw) * 3111);
  left: calc(var(--dvw) * -456);
}
@media (max-width: 1024px) {
  .decoration.--06 {
    width: calc(var(--dvw) * 459);
    top: calc(var(--dvw) * 1836);
    left: calc(var(--dvw) * -269);
  }
}
@media (max-width: 575px) {
  .decoration.--06 {
    width: calc(var(--dvw) * 224);
    top: calc(var(--dvw) * 1836);
    left: calc(var(--dvw) * -132);
  }
}

.decoration.--07 {
  width: calc(var(--dvw) * 726);
  top: calc(var(--dvw) * 3787);
  right: calc(var(--dvw) * -229);
}
@media (max-width: 1024px) {
  .decoration.--07 {
    width: calc(var(--dvw) * 428);
    top: calc(var(--dvw) * 2235);
    right: calc(var(--dvw) * -135);
  }
}
@media (max-width: 575px) {
  .decoration.--07 {
    width: calc(var(--dvw) * 209);
    top: calc(var(--dvw) * 2235);
    right: calc(var(--dvw) * -66);
  }
}
/*# sourceMappingURL=department.css.map */