.hidden-wrap {
  overflow: hidden;
}

.hero {
  position: relative;
  height: 100vh;
  height: 100svh;
  min-height: 75vw;
  overflow: hidden;
}

.hero-mask {
  --seek: 0;
  position: absolute;
  inset: 0;
}

.hero-mask::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 250%;
  height: 100%;
  background: linear-gradient(90deg, #fff 0%, #fff 40%, transparent 60%, transparent 100%);
  transform: translate3d(calc(var(--seek) * -60%), 0, 0);
}

.hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero-image picture {
  position: absolute;
  inset: 0;
}

.hero-image picture.light {
  opacity: 0;
}

.hero-image picture img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right 50%;
  object-position: right 50%;
  width: 100%;
  height: 100%;
}

.hero-icons {
  position: absolute;
  top: var(--anchor-y);
  right: var(--anchor-x);
}

.hero-icons > div > div {
  opacity: 0;
}

.hero-icons span {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 17px;
  aspect-ratio: 1;
}

.hero-icons img {
  width: 100%;
  height: 100%;
}

.hero-icons .group-1 .sub-a .icon-1 {
  top: -29.06px;
  left: -94.82px;
}

.hero-icons .group-1 .sub-a .icon-1 img {
  transform: scale(0.75);
}

.hero-icons .group-1 .sub-a .icon-2 {
  top: 28.4px;
  left: 38.94px;
}

.hero-icons .group-1 .sub-a .icon-2 img {
  transform: scale(0.75);
}

.hero-icons .group-1 .sub-a .icon-3 {
  top: -51.68px;
  left: 124.24px;
}

.hero-icons .group-1 .sub-b .icon-1 {
  top: -60.5px;
  left: 30px;
}

.hero-icons .group-1 .sub-b .icon-2 {
  top: 42.9px;
  left: 134.01px;
}

.hero-icons .group-1 .sub-b .icon-2 img {
  transform: scale(0.6);
}

.hero-icons .group-1 .sub-c .icon-1 {
  top: -36.75px;
  left: -163px;
}

.hero-icons .group-1 .sub-c .icon-1 img {
  transform: scale(0.6);
}

.hero-icons .group-1 .sub-c .icon-2 {
  top: 50.8px;
  left: 75.64px;
}

.hero-icons .group-1 .sub-c .icon-2 img {
  transform: scale(0.6);
}

.hero-icons .group-2 .sub-a .icon-1 {
  top: -52.14px;
  left: -141px;
}

.hero-icons .group-2 .sub-a .icon-2 {
  top: -38.76px;
  left: 23.16px;
}

.hero-icons .group-2 .sub-a .icon-3 {
  top: -21.74px;
  left: 121.35px;
}

.hero-icons .group-2 .sub-b .icon-1 {
  top: -36.2px;
  left: -78.86px;
}

.hero-icons .group-2 .sub-b .icon-1 img {
  transform: scale(0.75);
}

.hero-icons .group-2 .sub-b .icon-2 {
  top: 33.41px;
  left: 67.67px;
}

.hero-icons .group-2 .sub-b .icon-2 img {
  transform: scale(0.75);
}

.hero-icons .group-2 .sub-c .icon-1 {
  top: 46.48px;
  left: 23.29px;
}

.hero-icons .group-2 .sub-c .icon-1 img {
  transform: scale(0.75);
}

.hero-icons .group-2 .sub-c .icon-2 {
  top: -79.5px;
  left: 67.85px;
}

.hero-icons .group-3 .sub-a .icon-1 {
  top: -60.15px;
  left: -38.14px;
}

.hero-icons .group-3 .sub-a .icon-1 img {
  transform: scale(0.75);
}

.hero-icons .group-3 .sub-a .icon-2 {
  top: -70.61px;
  left: 95.19px;
}

.hero-icons .group-3 .sub-a .icon-3 {
  top: 53.72px;
  left: 131.98px;
}

.hero-icons .group-3 .sub-b .icon-1 {
  top: -38.56px;
  left: -119.61px;
}

.hero-icons .group-3 .sub-b .icon-1 img {
  transform: scale(0.75);
}

.hero-icons .group-3 .sub-b .icon-2 {
  top: -6.64px;
  left: 108.39px;
}

.hero-icons .group-3 .sub-b .icon-2 img {
  transform: scale(0.75);
}

.hero-icons .group-3 .sub-c .icon-1 {
  top: -92.5px;
  left: -10.6px;
}

.hero-icons .group-3 .sub-c .icon-2 {
  top: 23.02px;
  left: 37.13px;
}

.hero-icons .group-4 .sub-a .icon-1 {
  top: -38.56px;
  left: -119.61px;
}

.hero-icons .group-4 .sub-a .icon-1 img {
  transform: scale(0.75);
}

.hero-icons .group-4 .sub-a .icon-2 {
  top: 50.17px;
  left: 22.04px;
}

.hero-icons .group-4 .sub-a .icon-2 img {
  transform: scale(0.75);
}

.hero-icons .group-4 .sub-a .icon-3 {
  top: -82.5px;
  left: 88.79px;
}

.hero-icons .group-4 .sub-b .icon-1 {
  top: 15.08px;
  left: -68.37px;
}

.hero-icons .group-4 .sub-b .icon-2 {
  top: -44.5px;
  left: 117.98px;
}

.hero-icons .group-4 .sub-c .icon-1 {
  top: -48.93px;
  left: 6.54px;
}

.hero-icons .group-4 .sub-c .icon-1 img {
  transform: scale(0.75);
}

.hero-icons .group-4 .sub-c .icon-2 {
  top: 37.1px;
  left: 119.93px;
}

.hero-icons .group-4 .sub-c .icon-2 img {
  transform: scale(0.75);
}

.hero-icons .group-5 .sub-a .icon-1 {
  top: -76.5px;
  left: -98.71px;
}

.hero-icons .group-5 .sub-a .icon-1 img {
  transform: scale(0.75);
}

.hero-icons .group-5 .sub-a .icon-2 {
  top: -60.82px;
  left: 27.32px;
}

.hero-icons .group-5 .sub-a .icon-3 {
  top: 30.51px;
  left: 30.18px;
}

.hero-icons .group-5 .sub-a .icon-3 img {
  transform: scale(0.75);
}

.hero-icons .group-5 .sub-b .icon-1 {
  top: -47.44px;
  left: -167.24px;
}

.hero-icons .group-5 .sub-b .icon-2 {
  top: 41.15px;
  left: 94.94px;
}

.hero-icons .group-5 .sub-b .icon-2 img {
  transform: scale(0.75);
}

.hero-icons .group-5 .sub-c .icon-1 {
  top: -32.42px;
  left: -7.51px;
}

.hero-icons .group-5 .sub-c .icon-1 img {
  transform: scale(0.75);
}

.hero-icons .group-5 .sub-c .icon-2 {
  top: -54.4px;
  left: 141.06px;
}

.hero-icons .group-5 .sub-c .icon-2 img {
  transform: scale(0.6);
}

.hero-icons .group-6 .sub-a .icon-1 {
  top: -36.85px;
  left: -108.03px;
}

.hero-icons .group-6 .sub-a .icon-2 {
  top: -74.85px;
  left: 40.62px;
}

.hero-icons .group-6 .sub-a .icon-3 {
  top: 32.16px;
  left: 125.44px;
}

.hero-icons .group-6 .sub-b .icon-1 {
  top: -56.57px;
  left: -139px;
}

.hero-icons .group-6 .sub-b .icon-1 img {
  transform: scale(0.6);
}

.hero-icons .group-6 .sub-b .icon-2 {
  top: 51.04px;
  left: 53.74px;
}

.hero-icons .group-6 .sub-b .icon-2 img {
  transform: scale(0.6);
}

.hero-icons .group-6 .sub-c .icon-1 {
  top: 31.98px;
  left: 3.66px;
}

.hero-icons .group-6 .sub-c .icon-1 img {
  transform: scale(0.75);
}

.hero-icons .group-6 .sub-c .icon-2 {
  top: -78.5px;
  left: 98.69px;
}

.hero-circle {
  --seek: 0;
  --radius: 0px;
  --border: 60px;
  --center-x: 0;
  --center-y: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.hero-circle .circle {
  box-sizing: content-box;
  position: absolute;
  top: var(--center-y);
  left: var(--center-x);
  width: calc(var(--radius) * 2 + var(--border) * 2);
  aspect-ratio: 1;
  border-radius: 50%;
  border: solid 50vmax #fff;
  overflow: hidden;
  transform: translate(-50%, -50%);
  -webkit-mask-image: radial-gradient(transparent var(--radius), transparent var(--radius), #fff calc(var(--radius) + 1px), #fff 100%);
  mask-image: radial-gradient(transparent var(--radius), transparent var(--radius), #fff calc(var(--radius) + 1px), #fff 100%);
  clip-path: polygon(0% 50%, 100% 50%, 100% 100%, 0% 100%);
}

.hero-circle .circle::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
  background: linear-gradient(90deg, #08287f 0%, #4b76d2 25%, rgba(75, 118, 210, 0) 50%, rgba(75, 118, 210, 0) 100%);
  transform: translate3d(calc((1 - var(--seek)) * -50%), 0, 0);
}

.hero-info {
  --scope: 1;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  left: 30px;
  bottom: 140px;
}

.hero-squares {
  --size: 30px;
}

.hero-squares {
  position: absolute;
}

.hero-squares div {
  --seek: 0;
  position: absolute;
  aspect-ratio: 1;
  opacity: var(--seek);
}

.hero-info-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hero-info-box .hero-squares {
  top: calc(var(--size) * -1.86);
  left: calc(var(--size) * -1);
}

.hero-info-box .hero-squares .s01 {
  left: calc(var(--size) * 0);
  left: calc(var(--size) * 0);
  width: calc(var(--size) * 0.5);
  background: #08287f;
  transform: translate3d(0, calc(-100% * (1 - var(--seek))), 0);
}

.hero-info-box .hero-squares .s02 {
  top: calc(var(--size) * 0.5);
  left: calc(var(--size) * 0.5);
  width: calc(var(--size) * 0.5);
  background: #e2e9f4;
  transform: translate3d(calc(-100% * (1 - var(--seek))), 0, 0);
}

.hero-info-box .hero-squares .s03 {
  top: calc(var(--size) * 0.5);
  left: calc(var(--size) * 1);
  width: calc(var(--size) * 0.5);
  background: #3a64cc;
  transform: translate3d(calc(100% * (1 - var(--seek))), 0, 0);
}

.hero-info-box .hero-squares .s04 {
  top: calc(var(--size) * 1);
  left: calc(var(--size) * 0);
  width: calc(var(--size) * 1);
  background: #08287f;
  transform: translate3d(0, calc(50% * (1 - var(--seek))), 0);
}

.hero-info-box .hero-squares .s05 {
  top: calc(var(--size) * 2.5);
  left: calc(var(--size) * 0);
  width: calc(var(--size) * 0.5);
  background: #3a64cc;
  transform: translate3d(calc(100% * (1 - var(--seek))), 0, 0);
}

.hero-info-box-hd {
  position: relative;
  color: #08287f;
  font-size: min(9.33333vw, 42px);
  font-weight: 500;
  line-height: 1.45714;
  margin-bottom: 0.22857em;
  opacity: 0;
}

.hero-info-box-text {
  --font-size: min(calc(16 / 375 * 100vw), calc(16px * 1.2));
  position: relative;
  color: #08287f;
  font-size: min(4.26667vw, 19.2px);
  font-weight: 600;
  line-height: 1.75;
  opacity: 0;
}

.hero-btn-box {
  position: relative;
}

.hero-btn-box .hero-squares {
  top: calc(var(--size) * -0.7);
  right: calc(var(--size) * -1.6);
}

.hero-btn-box .hero-squares .s01 {
  top: calc(var(--size) * 0);
  right: calc(var(--size) * 0);
  width: calc(var(--size) * 0.5);
  background: #3a64cc;
  opacity: var(--seek);
  transform: translate3d(0, calc(100% * (1 - var(--seek))), 0);
}

.hero-btn-box .hero-squares .s02 {
  top: calc(var(--size) * 0.5);
  right: calc(var(--size) * 0.5);
  width: calc(var(--size) * 1);
  background: #e2e9f4;
  transform: translate3d(calc(100% * (1 - var(--seek))), 0, 0);
}

.hero-btn-box .btn {
  opacity: 0;
  width: 210px;
}

.hero-control {
  position: absolute;
  top: 80px;
  left: 15px;
  width: 32px;
  height: 32px;
}

.hero-control .pause {
  display: block;
}

.hero-control .play {
  display: none;
}

.hero-control[data-paused='true'] .pause {
  display: none;
}

.hero-control[data-paused='true'] .play {
  display: block;
}

.hero-scroll {
  --seek: 0;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 15px;
  right: 15px;
  text-align: center;
  color: #08287f;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(var(--seek) * 100%), 0% calc(var(--seek) * 100%));
}

.hero-scroll-text {
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
}

.hero-scroll-arrow {
  font-size: 20px;
  transform: rotate(90deg);
}

.business-field {
  position: relative;
}

.business-field .inner {
  padding-top: 78px;
}

.technology {
  position: relative;
  overflow: hidden;
  padding-top: 100px;
}

.technology .sec {
  position: relative;
}

.technology-bg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 268px;
  height: 458px;
  margin-left: -50%;
  background-color: #f0f0f0;
}

.technology-bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  width: 50vw;
  max-width: 280px;
  height: 100%;
  background-color: #f0f0f0;
}

.technology-bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -88px;
  width: 132px;
  height: 154px;
  background: url(/business/tech/assets/img/common/technology-pat.svg) 0 0/100% auto no-repeat;
}

.circle-contents {
  position: relative;
  padding-top: 130px;
  padding-bottom: 100px;
}

.circle-contents-bg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 379.73333%;
  height: 100%;
  background: radial-gradient(ellipse at 50%, #3a64cc 0%, #08287f 100%);
  border-radius: 100%;
  transform: translateX(-50%);
}

.serviceflow {
  position: relative;
}

.serviceflow-list {
  display: grid;
  grid-template-columns: repeat(2, 47.76119%);
  -moz-column-gap: 4.47761%;
  column-gap: 4.47761%;
  row-gap: 15px;
}

.serviceflow-list-item-box {
  display: block;
  height: 100%;
  padding: 18px 15px;
  background: #FFF;
}

.serviceflow-list-item-num {
  width: 18px;
  text-align: center;
}

.serviceflow-list-item-num-text {
  margin-bottom: 2px;
  font-size: 13px;
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  font-weight: 600;
  color: #08287f;
  letter-spacing: 0.06em;
  transition: color 400ms ease;
}

.serviceflow-list-item-img {
  max-width: 73px;
  margin: 0 auto 12px;
}

.serviceflow-list-item-text {
  text-align: center;
  font-size: 16px;
  line-height: 1.22727;
  font-weight: 700;
  color: #08287f;
  transition: color 400ms ease;
}

.projectcase {
  position: relative;
  padding-top: 100px;
  padding-bottom: 140px;
  background: #FFF;
}

.projectcase .swiper-container {
  position: relative;
  padding-right: 50px;
}

.projectcase .swiper {
  overflow: visible;
  margin-left: 0;
}

.projectcase .pager {
  position: static;
}

.projectcase .swiper-pagination-horizontal {
  width: auto;
}

.projectcase .swiper-pagination-horizontal .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0 7px;
  background: transparent;
  border-radius: 0;
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #666666;
  opacity: 1;
  transition: color 400ms ease, font-weight 400ms ease;
}

.projectcase .swiper-pagination-horizontal .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  cursor: pointer;
}

.projectcase .swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {
  font-weight: 700;
  color: #08287f;
}

.projectcase .swiper-button-prev,
.projectcase .swiper-button-next {
  top: calc((100vw - 90px) / 16 * 9 / 2);
  width: 48px;
  height: 48px;
  overflow: hidden;
  margin-top: 0;
  font-size: 36px;
  color: #FFF;
  transform: translateY(-50%);
  transition: opacity 400ms ease, color 400ms ease;
}

.projectcase .swiper-button-prev::before,
.projectcase .swiper-button-next::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(102, 102, 102, 0.8);
  mix-blend-mode: multiply;
  transition: background 400ms ease;
}

.projectcase .swiper-button-prev *[class*="icon-ic-"],
.projectcase .swiper-button-next *[class*="icon-ic-"] {
  position: relative;
  z-index: 1;
}

.projectcase .swiper-button-prev *[class*="icon-ic-"]::before,
.projectcase .swiper-button-next *[class*="icon-ic-"]::before {
  display: block;
}

.projectcase .swiper-button-prev.swiper-button-disabled,
.projectcase .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.projectcase .swiper-button-prev {
  left: -20px;
}

.projectcase .swiper-button-next {
  right: -70px;
}

.projectcase .swiper-button-prev::after,
.projectcase .swiper-button-next::after {
  content: none;
}

.report {
  position: relative;
}

.member {
  position: relative;
  padding-top: 100px;
  background: #f0f0f0;
}

.member::before {
  content: "";
  display: block;
  position: absolute;
  top: -30px;
  left: 0;
  width: 120px;
  height: 90px;
  background: url(/business/tech/assets/img/top/member-pat.svg) 0 0/100% auto no-repeat;
}

.member-box {
  padding-top: 10px;
}

.news {
  position: relative;
  z-index: 1;
}

.info-block-img {
  position: relative;
}

.info-block-img::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  width: 60px;
  height: 60px;
  background: transparent 0 0 / 100% auto no-repeat;
}

.info-block-box {
  padding: 50px 20px 70px;
  background: #f0f0f0;
}

.info-block:first-child .info-block-img::after {
  right: 0;
  background-image: url(/business/tech/assets/img/common/parts-contact-pat.svg);
}

.info-block:last-child .info-block-img::after {
  left: 0;
  background-image: url(/business/tech/assets/img/common/parts-contact-pat-reverse.svg);
}

.scrollbar-width-checker1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  overflow-x: hidden;
  overflow-y: scroll;
  visibility: hidden;
}

.scrollbar-width-checker2 {
  height: 1px;
}

.modal-overlay {
  display: none;
}

.modal-wrap {
  display: grid;
}

.modal-wrap.enter {
  grid-template-rows: 0fr;
}

.modal-wrap.enter-active,
.modal-wrap.enter-done {
  grid-template-rows: 1fr;
  transition: grid-template-rows 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.modal-wrap.exit {
  grid-template-rows: 1fr;
}

.modal-wrap.exit-active,
.modal-wrap.exit-done {
  grid-template-rows: 0fr;
  transition: grid-template-rows 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.modal-content {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  border-radius: 8px;
}

.modal-content .scrollbar_track {
  z-index: 1;
}

.modal-close {
  display: none;
}

.modal-nav {
  display: none;
}

.modal-nav nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.modal-block {
  display: flex;
  flex-direction: column;
  padding: 10px 4vw 30px;
}

.modal-block-item {
  display: flex;
  flex-direction: column;
}

.modal-block-item:not(:last-child) {
  margin-bottom: 30px;
}

.modal-block-item *[class*='title-'] {
  width: 100%;
}

.modal-block-item *[class*='title-']:not(:last-child) {
  margin-bottom: 20px;
}

.modal-block-item-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 4%;
  width: 100%;
}

.modal-block-item-content .input-check[data-span='2'] {
  grid-column: span 2;
}

.modal-block-item-content .input-check[data-span='full'] {
  grid-column: 1 / -1;
}

.modal-block-item-content .input-check-all .input-check-inner {
  color: #08287f;
}

.modal-block-item-content .input-check-all input[data-state='all'] + .input-check-inner .icon-ic-check {
  visibility: visible;
  color: #fff;
}

.modal-block-item-content .input-check-all input[data-state='all'] + .input-check-inner .icon-ic-check::before {
  content: '\e909';
}

.modal-block-item-content .input-check-all input[data-state='any'] + .input-check-inner .icon-ic-check {
  visibility: visible;
  color: #08287f;
}

.modal-block-item-content .input-check-all input[data-state='any'] + .input-check-inner .icon-ic-check::before {
  content: '\e911';
}

.modal-bottom {
  padding: 10px 0 10px;
  background: rgba(240, 240, 240, 0.9);
}

.modal-bottom-count {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  line-height: 28px;
  font-weight: 700;
  color: #08287f;
  text-align: center;
  margin-bottom: 10px;
}

.modal-bottom-count strong {
  padding: 0 4px;
  font-size: 150%;
}

.modal-bottom-btns {
  display: flex;
  justify-content: center;
  gap: 2.66667vw;
}

.modal-bottom-btns .btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #000;
}

.bnr-area {
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 1px solid #cccccc;
}

.bnr-area-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.bnr-area-item {
  width: 282px;
}

.bnr-area-item a {
  position: relative;
}

@media screen and (min-width: 375px) {
  .hero-icons span {
    width: 4.53333vw;
  }

  .hero-icons .group-1 .sub-a .icon-1 {
    top: -7.74933vw;
    left: -25.28533vw;
  }

  .hero-icons .group-1 .sub-a .icon-2 {
    top: 7.57333vw;
    left: 10.384vw;
  }

  .hero-icons .group-1 .sub-a .icon-3 {
    top: -13.78133vw;
    left: 33.13067vw;
  }

  .hero-icons .group-1 .sub-b .icon-1 {
    top: -16.13333vw;
    left: 8vw;
  }

  .hero-icons .group-1 .sub-b .icon-2 {
    top: 11.44vw;
    left: 35.736vw;
  }

  .hero-icons .group-1 .sub-c .icon-1 {
    top: -9.8vw;
    left: -43.46667vw;
  }

  .hero-icons .group-1 .sub-c .icon-2 {
    top: 13.54667vw;
    left: 20.17067vw;
  }

  .hero-icons .group-2 .sub-a .icon-1 {
    top: -13.904vw;
    left: -37.6vw;
  }

  .hero-icons .group-2 .sub-a .icon-2 {
    top: -10.336vw;
    left: 6.176vw;
  }

  .hero-icons .group-2 .sub-a .icon-3 {
    top: -5.79733vw;
    left: 32.36vw;
  }

  .hero-icons .group-2 .sub-b .icon-1 {
    top: -9.65333vw;
    left: -21.02933vw;
  }

  .hero-icons .group-2 .sub-b .icon-2 {
    top: 8.90933vw;
    left: 18.04533vw;
  }

  .hero-icons .group-2 .sub-c .icon-1 {
    top: 12.39467vw;
    left: 6.21067vw;
  }

  .hero-icons .group-2 .sub-c .icon-2 {
    top: -21.2vw;
    left: 18.09333vw;
  }

  .hero-icons .group-3 .sub-a .icon-1 {
    top: -16.04vw;
    left: -10.17067vw;
  }

  .hero-icons .group-3 .sub-a .icon-2 {
    top: -18.82933vw;
    left: 25.384vw;
  }

  .hero-icons .group-3 .sub-a .icon-3 {
    top: 14.32533vw;
    left: 35.19467vw;
  }

  .hero-icons .group-3 .sub-b .icon-1 {
    top: -10.28267vw;
    left: -31.896vw;
  }

  .hero-icons .group-3 .sub-b .icon-2 {
    top: -1.77067vw;
    left: 28.904vw;
  }

  .hero-icons .group-3 .sub-c .icon-1 {
    top: -24.66667vw;
    left: -2.82667vw;
  }

  .hero-icons .group-3 .sub-c .icon-2 {
    top: 6.13867vw;
    left: 9.90133vw;
  }

  .hero-icons .group-4 .sub-a .icon-1 {
    top: -10.28267vw;
    left: -31.896vw;
  }

  .hero-icons .group-4 .sub-a .icon-2 {
    top: 13.37867vw;
    left: 5.87733vw;
  }

  .hero-icons .group-4 .sub-a .icon-3 {
    top: -22vw;
    left: 23.67733vw;
  }

  .hero-icons .group-4 .sub-b .icon-1 {
    top: 4.02133vw;
    left: -18.232vw;
  }

  .hero-icons .group-4 .sub-b .icon-2 {
    top: -11.86667vw;
    left: 31.46133vw;
  }

  .hero-icons .group-4 .sub-c .icon-1 {
    top: -13.048vw;
    left: 1.744vw;
  }

  .hero-icons .group-4 .sub-c .icon-2 {
    top: 9.89333vw;
    left: 31.98133vw;
  }

  .hero-icons .group-5 .sub-a .icon-1 {
    top: -20.4vw;
    left: -26.32267vw;
  }

  .hero-icons .group-5 .sub-a .icon-2 {
    top: -16.21867vw;
    left: 7.28533vw;
  }

  .hero-icons .group-5 .sub-a .icon-3 {
    top: 8.136vw;
    left: 8.048vw;
  }

  .hero-icons .group-5 .sub-b .icon-1 {
    top: -12.65067vw;
    left: -44.59733vw;
  }

  .hero-icons .group-5 .sub-b .icon-2 {
    top: 10.97333vw;
    left: 25.31733vw;
  }

  .hero-icons .group-5 .sub-c .icon-1 {
    top: -8.64533vw;
    left: -2.00267vw;
  }

  .hero-icons .group-5 .sub-c .icon-2 {
    top: -14.50667vw;
    left: 37.616vw;
  }

  .hero-icons .group-6 .sub-a .icon-1 {
    top: -9.82667vw;
    left: -28.808vw;
  }

  .hero-icons .group-6 .sub-a .icon-2 {
    top: -19.96vw;
    left: 10.832vw;
  }

  .hero-icons .group-6 .sub-a .icon-3 {
    top: 8.576vw;
    left: 33.45067vw;
  }

  .hero-icons .group-6 .sub-b .icon-1 {
    top: -15.08533vw;
    left: -37.06667vw;
  }

  .hero-icons .group-6 .sub-b .icon-2 {
    top: 13.61067vw;
    left: 14.33067vw;
  }

  .hero-icons .group-6 .sub-c .icon-1 {
    top: 8.528vw;
    left: 0.976vw;
  }

  .hero-icons .group-6 .sub-c .icon-2 {
    top: -20.93333vw;
    left: 26.31733vw;
  }
}

@media screen and (min-width: 560px) {
  .hero-image picture img {
    -o-object-position: right 40%;
    object-position: right 40%;
  }
}

@media screen and (min-width: 640px) {
  .hero-image picture img {
    -o-object-position: right 30%;
    object-position: right 30%;
  }
}

@media screen and (min-width: 768px) {
  .hero {
    min-height: initial;
  }

  .hero-image {
    width: 88%;
    max-width: calc(100vw - 168px);
  }

  .hero-image picture img {
    -o-object-position: right 50%;
    object-position: right 50%;
  }

  .hero-icons span {
    width: 40.96px;
  }

  .hero-icons .group-1 .sub-a .icon-1 {
    top: -58.51429px;
    left: -231.13143px;
  }

  .hero-icons .group-1 .sub-a .icon-2 {
    top: 79.72571px;
    left: 90.69714px;
  }

  .hero-icons .group-1 .sub-a .icon-3 {
    top: -112.64px;
    left: 296.22857px;
  }

  .hero-icons .group-1 .sub-b .icon-1 {
    top: -133.85143px;
    left: 69.48571px;
  }

  .hero-icons .group-1 .sub-b .icon-2 {
    top: 114.83429px;
    left: 319.63429px;
  }

  .hero-icons .group-1 .sub-c .icon-1 {
    top: -76.8px;
    left: -394.97143px;
  }

  .hero-icons .group-1 .sub-c .icon-2 {
    top: 133.85143px;
    left: 179.2px;
  }

  .hero-icons .group-2 .sub-a .icon-1 {
    top: -114.83429px;
    left: -331.33714px;
  }

  .hero-icons .group-2 .sub-a .icon-2 {
    top: -82.65143px;
    left: 63.63429px;
  }

  .hero-icons .group-2 .sub-a .icon-3 {
    top: -41.69143px;
    left: 299.88571px;
  }

  .hero-icons .group-2 .sub-b .icon-1 {
    top: -76.8px;
    left: -182.12571px;
  }

  .hero-icons .group-2 .sub-b .icon-2 {
    top: 90.69714px;
    left: 170.42286px;
  }

  .hero-icons .group-2 .sub-c .icon-1 {
    top: 122.14857px;
    left: 63.63429px;
  }

  .hero-icons .group-2 .sub-c .icon-2 {
    top: -180.66286px;
    left: 171.15429px;
  }

  .hero-icons .group-3 .sub-a .icon-1 {
    top: -128.73143px;
    left: -68.75429px;
  }

  .hero-icons .group-3 .sub-a .icon-2 {
    top: -153.6px;
    left: 252.34286px;
  }

  .hero-icons .group-3 .sub-a .icon-3 {
    top: 145.55429px;
    left: 340.84571px;
  }

  .hero-icons .group-3 .sub-b .icon-1 {
    top: -76.8px;
    left: -264.77714px;
  }

  .hero-icons .group-3 .sub-b .icon-2 {
    top: 0px;
    left: 283.79429px;
  }

  .hero-icons .group-3 .sub-c .icon-1 {
    top: -206.26286px;
    left: -2.19429px;
  }

  .hero-icons .group-3 .sub-c .icon-2 {
    top: 71.68px;
    left: 112.64px;
  }

  .hero-icons .group-4 .sub-a .icon-1 {
    top: -117.02857px;
    left: -246.49143px;
  }

  .hero-icons .group-4 .sub-a .icon-2 {
    top: 125.07429px;
    left: 63.63429px;
  }

  .hero-icons .group-4 .sub-a .icon-3 {
    top: -193.82857px;
    left: 224.54857px;
  }

  .hero-icons .group-4 .sub-b .icon-1 {
    top: 40.96px;
    left: -153.6px;
  }

  .hero-icons .group-4 .sub-b .icon-2 {
    top: -102.4px;
    left: 294.76571px;
  }

  .hero-icons .group-4 .sub-c .icon-1 {
    top: -113.37143px;
    left: 26.33143px;
  }

  .hero-icons .group-4 .sub-c .icon-2 {
    top: 93.62286px;
    left: 299.15429px;
  }

  .hero-icons .group-5 .sub-a .icon-1 {
    top: -170.42286px;
    left: -231.13143px;
  }

  .hero-icons .group-5 .sub-a .icon-2 {
    top: -132.38857px;
    left: 72.41143px;
  }

  .hero-icons .group-5 .sub-a .icon-3 {
    top: 87.04px;
    left: 78.99429px;
  }

  .hero-icons .group-5 .sub-b .icon-1 {
    top: -100.20571px;
    left: -395.70286px;
  }

  .hero-icons .group-5 .sub-b .icon-2 {
    top: 112.64px;
    left: 234.78857px;
  }

  .hero-icons .group-5 .sub-c .icon-1 {
    top: -64.36571px;
    left: -11.70286px;
  }

  .hero-icons .group-5 .sub-c .icon-2 {
    top: -117.02857px;
    left: 345.96571px;
  }

  .hero-icons .group-6 .sub-a .icon-1 {
    top: -84.84571px;
    left: -249.41714px;
  }

  .hero-icons .group-6 .sub-a .icon-2 {
    top: -176.27429px;
    left: 108.25143px;
  }

  .hero-icons .group-6 .sub-a .icon-3 {
    top: 81.18857px;
    left: 312.32px;
  }

  .hero-icons .group-6 .sub-b .icon-1 {
    top: -132.38857px;
    left: -324.02286px;
  }

  .hero-icons .group-6 .sub-b .icon-2 {
    top: 126.53714px;
    left: 139.70286px;
  }

  .hero-icons .group-6 .sub-c .icon-1 {
    top: 80.45714px;
    left: 19.01714px;
  }

  .hero-icons .group-6 .sub-c .icon-2 {
    top: -185.05143px;
    left: 247.95429px;
  }

  .hero-circle {
    --border: 107px;
  }

  .hero-circle .circle {
    clip-path: polygon(50% 0%, 200% 0%, 200% 100%, 50% 100%);
  }

  .hero-circle .circle::before {
    width: 100%;
    height: 400%;
    background: linear-gradient(180deg, #4b76d2 0%, #08287f 25%, rgba(8, 40, 127, 0) 50%, rgba(8, 40, 127, 0) 100%);
    transform: translate3d(0, calc((1 - var(--seek)) * -50%), 0);
  }

  .hero-info {
    gap: 40px;
    left: min(6.42857vw, 108px);
    bottom: min(4vw, 56px);
  }

  .hero-info {
    flex-direction: row;
    align-items: flex-end;
    gap: 0;
  }

  .hero-squares {
    --size: min(4.28571vw, 72px);
  }

  .hero-info-box .hero-squares {
    top: calc(var(--size) * -0.8);
    left: max(-6.42857vw, -108px);
  }

  .hero-info-box-hd {
    font-size: 43.5px;
  }

  .hero-info-box-hd {
    margin-bottom: 0.22414em;
  }

  .hero-info-box-text {
    font-size: 15px;
  }

  .hero-info-box-text {
    letter-spacing: 0.1em;
  }

  .hero-btn-box .hero-squares {
    top: calc(var(--size) * -1);
    right: calc(var(--size) * -1);
  }

  .hero-btn-box .btn {
    width: 210px;
  }

  .hero-btn-box .btn {
    padding-top: 13.3px;
    padding-bottom: 11.2px;
  }

  .hero-scroll {
    flex-direction: column;
    bottom: 10px;
    right: 56px;
  }

  .hero-scroll-text {
    margin-bottom: 5px;
    writing-mode: vertical-rl;
  }

  .business-field .inner {
    display: flex;
    gap: 74px;
    padding-top: 130px;
  }

  .business-field .text-box {
    width: 41.80328%;
  }

  .business-field .img-box {
    width: 43.44262%;
  }

  .technology {
    padding-top: 72px;
  }

  .technology-bg {
    width: 458px;
    height: 458px;
  }

  .technology-bg::before {
    right: -120px;
    width: 180px;
    height: 210px;
  }

  .circle-contents {
    padding-top: 260px;
    padding-bottom: 250px;
  }

  .circle-contents-bg {
    min-width: 2554px;
    width: 182.42857%;
  }

  .serviceflow-list {
    grid-template-columns: repeat(4, 21.80328%);
    -moz-column-gap: 4.2623%;
    column-gap: 4.2623%;
  }

  .serviceflow-list-item-box {
    padding: 2.92969vw;
    transition: background 400ms ease;
  }

  .serviceflow-list-item-num {
    width: 30px;
  }

  .serviceflow-list-item-num-text {
    font-size: 18px;
  }

  .serviceflow-list-item-img {
    max-width: 122px;
    margin-bottom: 18px;
  }

  .serviceflow-list-item-text {
    font-size: 22px;
    font-size: clamp(12px, calc(1.2vw + 1px), 22px);
  }

  .projectcase {
    padding-top: 140px;
  }

  .projectcase .swiper-container {
    padding-right: 0;
  }

  .projectcase .pager {
    justify-content: flex-end;
  }

  .projectcase .swiper-button-prev,
  .projectcase .swiper-button-next {
    top: calc((100vw - 134px - 62px) / 2 / 16 * 9 / 2);
  }

  .projectcase .swiper-button-prev {
    left: -62px;
  }

  .projectcase .swiper-button-next {
    right: -62px;
  }

  .member {
    padding-top: 140px;
  }

  .member::before {
    top: -50px;
    width: 200px;
    height: 150px;
  }

  .member-title {
    display: flex;
    gap: 130px;
  }

  .news {
    margin-bottom: -100px;
  }

  .info-block .sec {
    display: flex;
    align-items: center;
  }

  .info-block-img {
    width: 45.90164%;
  }

  .info-block-img::after {
    bottom: -30px;
    width: 90px;
    height: 90px;
  }

  .info-block-box {
    width: 61.47541%;
    padding: 50px 70px;
  }

  .info-block-box-inner {
    display: flex;
    justify-content: center;
  }

  .info-block:first-child .info-block-box {
    margin-left: -7.37705%;
    padding-left: 13.52459%;
    padding-right: 6.14754%;
  }

  .info-block:last-child .sec {
    flex-direction: row-reverse;
  }

  .info-block:last-child .info-block-box {
    margin-right: -7.37705%;
    padding-top: 12.29508%;
    padding-bottom: 12.29508%;
    padding-left: 6.14754%;
    padding-right: 13.52459%;
  }

  html:has(.modal-wrap[data-visible='true']) {
    overflow: hidden;
    padding-right: var(--scroll-bar-width);
  }

  .modal-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100%;
    padding: 48px 0;
    background-color: #08287f;
    overflow-y: scroll;
    transition: opacity 400ms ease;
    opacity: 0;
  }

  .modal-wrap.enter {
    opacity: 0;
  }

  .modal-wrap.enter-active,
  .modal-wrap.enter-done {
    opacity: 1;
    transition: opacity 400ms ease;
  }

  .modal-wrap.exit {
    opacity: 1;
  }

  .modal-wrap.exit-active,
  .modal-wrap.exit-done {
    opacity: 0;
    transition: opacity 400ms ease;
  }

  .modal-content {
    display: flex;
    width: 84%;
    min-height: 34.28571vw;
    max-height: 100%;
    margin: auto;
  }

  .modal-inner {
    position: relative;
    width: 100%;
    height: auto;
    overflow: auto;
    overscroll-behavior: contain;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .modal-inner::-webkit-scrollbar {
    display: none;
  }

  .modal-close {
    display: flex;
    position: absolute;
    top: 15px;
    right: 4vw;
    top: 26px;
    right: 26px;
  }

  .modal-nav {
    display: block;
    position: sticky;
    top: 0;
    padding: 80px 4.7619% 30px;
    border-bottom: 1px solid #08287f;
    background: #fff;
    border-radius: 8px 8px 0 0;
    z-index: 1;
  }

  .modal-block {
    padding: 50px 4.7619%;
  }

  .modal-block-item {
    flex-direction: row;
  }

  .modal-block-item:not(:last-child) {
    margin-bottom: 50px;
  }

  .modal-block-item *[class*='title-'] {
    width: 168px;
  }

  .modal-block-item *[class*='title-']:not(:last-child) {
    margin-bottom: 0;
  }

  .modal-block-item-content {
    width: calc(100% - 168px);
  }

  .modal-bottom {
    position: sticky;
    bottom: 0;
    padding: 20px 0 30px;
    border-radius: 0 0 8px 8px;
  }

  .modal-bottom-count {
    font-size: 16px;
    line-height: 33px;
    margin-bottom: 20px;
  }

  .modal-bottom-btns {
    gap: 10px;
  }

  .bnr-area-list {
    flex-direction: row;
    gap: 30px;
  }
}

@media screen and (min-width: 768px) and (max-height: 600px) {
  .modal-wrap {
    padding-top: 4vh;
    padding-bottom: 4vh;
  }

  .modal-nav {
    padding-top: 6.66667vh;
    padding-bottom: 2.5vh;
  }

  .modal-block {
    padding-top: 4.16667vh;
    padding-bottom: 4.16667vh;
  }

  .modal-bottom {
    padding-top: 1.66667vh;
    padding-bottom: 2.5vh;
  }

  .modal-bottom-count {
    margin-bottom: 1.66667vh;
  }

  .modal-bottom-btns .btn {
    padding-top: 1.91667vh;
    padding-bottom: 1.91667vh;
  }
}

@media screen and (min-width: 967px) {
  .hero-circle {
    --border: min(8.68506vw, 138.96104px);
  }

  .hero-info-box-hd {
    font-size: 4.24597vw;
  }

  .hero-info-box-text {
    font-size: 1.46413vw;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }

  .hero-btn-box .btn {
    width: 280px;
  }

  .hero-control {
    top: 95px;
    left: 56px;
  }

  .serviceflow-list-item-box {
    padding: 30px;
  }

  .modal-block-item-content {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  .hero-icons span {
    width: 4vw;
  }

  .hero-icons .group-1 .sub-a .icon-1 {
    top: -5.71429vw;
    left: -22.57143vw;
  }

  .hero-icons .group-1 .sub-a .icon-2 {
    top: 7.78571vw;
    left: 8.85714vw;
  }

  .hero-icons .group-1 .sub-a .icon-3 {
    top: -11vw;
    left: 28.92857vw;
  }

  .hero-icons .group-1 .sub-b .icon-1 {
    top: -13.07143vw;
    left: 6.78571vw;
  }

  .hero-icons .group-1 .sub-b .icon-2 {
    top: 11.21429vw;
    left: 31.21429vw;
  }

  .hero-icons .group-1 .sub-c .icon-1 {
    top: -7.5vw;
    left: -38.57143vw;
  }

  .hero-icons .group-1 .sub-c .icon-2 {
    top: 13.07143vw;
    left: 17.5vw;
  }

  .hero-icons .group-2 .sub-a .icon-1 {
    top: -11.21429vw;
    left: -32.35714vw;
  }

  .hero-icons .group-2 .sub-a .icon-2 {
    top: -8.07143vw;
    left: 6.21429vw;
  }

  .hero-icons .group-2 .sub-a .icon-3 {
    top: -4.07143vw;
    left: 29.28571vw;
  }

  .hero-icons .group-2 .sub-b .icon-1 {
    top: -7.5vw;
    left: -17.78571vw;
  }

  .hero-icons .group-2 .sub-b .icon-2 {
    top: 8.85714vw;
    left: 16.64286vw;
  }

  .hero-icons .group-2 .sub-c .icon-1 {
    top: 11.92857vw;
    left: 6.21429vw;
  }

  .hero-icons .group-2 .sub-c .icon-2 {
    top: -17.64286vw;
    left: 16.71429vw;
  }

  .hero-icons .group-3 .sub-a .icon-1 {
    top: -12.57143vw;
    left: -6.71429vw;
  }

  .hero-icons .group-3 .sub-a .icon-2 {
    top: -15vw;
    left: 24.64286vw;
  }

  .hero-icons .group-3 .sub-a .icon-3 {
    top: 14.21429vw;
    left: 33.28571vw;
  }

  .hero-icons .group-3 .sub-b .icon-1 {
    top: -7.5vw;
    left: -25.85714vw;
  }

  .hero-icons .group-3 .sub-b .icon-2 {
    top: 0vw;
    left: 27.71429vw;
  }

  .hero-icons .group-3 .sub-c .icon-1 {
    top: -20.14286vw;
    left: -0.21429vw;
  }

  .hero-icons .group-3 .sub-c .icon-2 {
    top: 7vw;
    left: 11vw;
  }

  .hero-icons .group-4 .sub-a .icon-1 {
    top: -11.42857vw;
    left: -24.07143vw;
  }

  .hero-icons .group-4 .sub-a .icon-2 {
    top: 12.21429vw;
    left: 6.21429vw;
  }

  .hero-icons .group-4 .sub-a .icon-3 {
    top: -18.92857vw;
    left: 21.92857vw;
  }

  .hero-icons .group-4 .sub-b .icon-1 {
    top: 4vw;
    left: -15vw;
  }

  .hero-icons .group-4 .sub-b .icon-2 {
    top: -10vw;
    left: 28.78571vw;
  }

  .hero-icons .group-4 .sub-c .icon-1 {
    top: -11.07143vw;
    left: 2.57143vw;
  }

  .hero-icons .group-4 .sub-c .icon-2 {
    top: 9.14286vw;
    left: 29.21429vw;
  }

  .hero-icons .group-5 .sub-a .icon-1 {
    top: -16.64286vw;
    left: -22.57143vw;
  }

  .hero-icons .group-5 .sub-a .icon-2 {
    top: -12.92857vw;
    left: 7.07143vw;
  }

  .hero-icons .group-5 .sub-a .icon-3 {
    top: 8.5vw;
    left: 7.71429vw;
  }

  .hero-icons .group-5 .sub-b .icon-1 {
    top: -9.78571vw;
    left: -38.64286vw;
  }

  .hero-icons .group-5 .sub-b .icon-2 {
    top: 11vw;
    left: 22.92857vw;
  }

  .hero-icons .group-5 .sub-c .icon-1 {
    top: -6.28571vw;
    left: -1.14286vw;
  }

  .hero-icons .group-5 .sub-c .icon-2 {
    top: -11.42857vw;
    left: 33.78571vw;
  }

  .hero-icons .group-6 .sub-a .icon-1 {
    top: -8.28571vw;
    left: -24.35714vw;
  }

  .hero-icons .group-6 .sub-a .icon-2 {
    top: -17.21429vw;
    left: 10.57143vw;
  }

  .hero-icons .group-6 .sub-a .icon-3 {
    top: 7.92857vw;
    left: 30.5vw;
  }

  .hero-icons .group-6 .sub-b .icon-1 {
    top: -12.92857vw;
    left: -31.64286vw;
  }

  .hero-icons .group-6 .sub-b .icon-2 {
    top: 12.35714vw;
    left: 13.64286vw;
  }

  .hero-icons .group-6 .sub-c .icon-1 {
    top: 7.85714vw;
    left: 1.85714vw;
  }

  .hero-icons .group-6 .sub-c .icon-2 {
    top: -18.07143vw;
    left: 24.21429vw;
  }
}

@media screen and (min-width: 1280px) {
  .hero-info {
    gap: 3.90625vw;
    bottom: min(5.71429vw, 80px);
  }
}

@media screen and (min-width: 1366px) {
  .hero-info {
    gap: 7.14286vw;
  }

  .hero-info-box-hd {
    font-size: min(4.24597vw, 69.6px);
  }

  .hero-info-box-text {
    font-size: min(1.46413vw, 24px);
  }

  .technology-bg {
    margin-left: -700px;
  }

  .projectcase .swiper-button-prev,
  .projectcase .swiper-button-next {
    top: 140px;
    transform: translateY(0);
  }

  .projectcase .swiper-button-prev {
    left: -76px;
  }

  .projectcase .swiper-button-next {
    right: -76px;
  }

  .modal-block-item-content {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 1920px) {
  .hero-icons span {
    width: 76.8px;
  }
}

@media screen and (max-width: 966px) and (max-height: 50vw) {
  .hero-info {
    gap: 20px;
    bottom: 28px;
  }

  .hero-info-box-hd {
    font-size: 29px;
  }

  .hero-scroll {
    right: 28px;
  }
}

@media screen and (max-width: 767.8px) {
  .business-field .text-box .btn {
    margin-right: auto;
    margin-left: auto;
  }

  .member-box .btn {
    margin-left: auto;
    margin-right: auto;
  }

  .info-block *[class*="title-003"] {
    font-size: 32px;
  }

  .info-block .sec {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (hover: hover) {
  .projectcase .swiper-pagination-horizontal .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    color: #285ae1;
  }

  .projectcase .swiper-button-prev:hover::before,
  .projectcase .swiper-button-next:hover::before {
    background: rgba(40, 90, 225, 0.8);
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .projectcase .swiper-pagination-horizontal .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    color: #285ae1;
  }

  .projectcase .swiper-button-prev:hover::before,
  .projectcase .swiper-button-next:hover::before {
    background: rgba(40, 90, 225, 0.8);
  }
}