@charset "UTF-8";
:root {
  --inner-scale: 1;
  --vw-base: calc(1440 / var(--inner-scale));
  --inner: 1280;
  --inner-1305: 1305;
  --fz-ratio: 1; /* font-size倍率 */
}
@media screen and (max-width: 1024px) {
  :root {
    --inner-scale: calc(0.9 / (1280 / 1440));
    --fz-ratio: 1.57;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --vw-base: 375;
    --inner-scale: 1;
    --inner: 343;
    --fz-ratio: 1;
  }
}

/* ===============================
  産業事業
=============================== */
.industrial-system--hero {
  background: url(../img/industrial-system/fv.png) no-repeat center center/cover;
}

/*------------------------------
about
------------------------------*/
.about {
  padding: min( 80 * 100vw / var(--vw-base) , 80/var(--vw-base) * 1440px ) 0 min( 115 * 100vw / var(--vw-base) , 115/var(--vw-base) * 1440px );
  position: relative;
  overflow: hidden;
  background: #E5E8EB;
}
.about::before {
  content: "";
  position: absolute;
  background: url(../img/industrial-system/about1.png) no-repeat center center/100%;
  aspect-ratio: 1408/1684;
  transform: translate(0%, -50%);
  width: 49%;
  right: 0%;
  top: 50%;
}
.about::after {
  content: "";
  position: absolute;
  background: url(../img/dec1.png) no-repeat center center/100%;
  aspect-ratio: 1223/1252;
  transform: translate(0%, 39%);
  width: 42%;
  left: 0%;
  bottom: 0%;
}
.about > * {
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .about {
    padding: min( 60 * 100vw / var(--vw-base) , 60/var(--vw-base) * 1440px ) 0 min( 60 * 100vw / var(--vw-base) , 60/var(--vw-base) * 1440px );
  }
  .about::before {
    position: relative;
    transform: unset;
    right: unset;
    top: unset;
    display: block;
    width: 91.4%;
    margin: 0 auto;
  }
  .about::after {
    transform: translate(0%, 9%);
    width: 82%;
    left: 0%;
    bottom: 0%;
  }
}

.about__content {
  width: calc(547 / var(--inner) * 100%);
}
@media (max-width: 1024px) and (min-width: 768px) {
  .about__content {
    width: 44%;
  }
}
@media (max-width: 767px) {
  .about__content {
    width: 100%;
    margin-top: 10%;
  }
}

.about__description {
  font-size: min( (16 * 100vw / var(--vw-base)) * var(--fz-ratio) , 16/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 2.1875;
  margin-top: 4.8em;
}
@media (max-width: 767px) {
  .about__description {
    margin-top: min( 40 * 100vw / var(--vw-base) , 40/var(--vw-base) * 1440px );
  }
}

/*------------------------------
strength
------------------------------*/
.strength {
  padding: min( 130 * 100vw / var(--vw-base) , 130/var(--vw-base) * 1440px ) 0 min( 160 * 100vw / var(--vw-base) , 160/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .strength {
    padding: min( 70 * 100vw / var(--vw-base) , 70/var(--vw-base) * 1440px ) 0;
  }
}

.strength__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .strength__wrapper {
    display: block;
  }
}

.strength__body {
  width: calc(647 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .strength__body {
    width: 100%;
  }
}

.strength__list {
  margin-top: min( 50 * 100vw / var(--vw-base) , 50/var(--vw-base) * 1440px );
  display: flex;
  flex-wrap: wrap;
  padding-right: 18%;
}
.strength__list dt:nth-of-type(n + 2), .strength__list dd:nth-of-type(n + 2) {
  margin-top: min( 25 * 100vw / var(--vw-base) , 25/var(--vw-base) * 1440px );
}
.strength__list dt {
  width: 12.36%;
  font-size: min( (20 * 100vw / var(--vw-base)) * var(--fz-ratio) , 20/var(--vw-base) * 1440px );
  font-weight: 600;
  line-height: 1.75;
}
.strength__list dd {
  width: 87.64%;
  font-size: min( (16 * 100vw / var(--vw-base)) * var(--fz-ratio) , 16/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 2.1875;
  padding-left: 1.2em;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .strength__list dt {
    width: 20%;
  }
  .strength__list dd {
    width: 80%;
    padding-left: 0.7em;
  }
}
@media (max-width: 767px) {
  .strength__list {
    padding-right: 0;
  }
  .strength__list dt {
    width: 20%;
  }
  .strength__list dd {
    width: 80%;
  }
}

.strength__figure {
  margin-top: min( 20 * 100vw / var(--vw-base) , 20/var(--vw-base) * 1440px );
  width: calc(617 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .strength__figure {
    width: 100%;
  }
}

/*------------------------------
service
------------------------------*/
.service {
  padding: min( 150 * 100vw / var(--vw-base) , 150/var(--vw-base) * 1440px ) 0 min( 240 * 100vw / var(--vw-base) , 240/var(--vw-base) * 1440px );
  background: linear-gradient(116.78deg, #4DC9E6 -0.42%, #210CAE 98.83%);
  color: #fff;
}
@media (max-width: 767px) {
  .service {
    padding: min( 70 * 100vw / var(--vw-base) , 70/var(--vw-base) * 1440px ) 0;
  }
}

.service__message {
  font-size: min( (16 * 100vw / var(--vw-base)) * var(--fz-ratio) , 16/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 2.1875;
  text-align: center;
  margin-top: 3.125em;
}
@media (max-width: 767px) {
  .service__message {
    text-align: left;
  }
}

.service__container {
  margin-top: min( 176 * 100vw / var(--vw-base) , 176/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .service__container {
    margin-top: min( 80 * 100vw / var(--vw-base) , 80/var(--vw-base) * 1440px );
  }
}

.service__section:nth-child(2) {
  margin-top: min( 176 * 100vw / var(--vw-base) , 176/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .service__section:nth-child(n+2) {
    margin-top: min( 80 * 100vw / var(--vw-base) , 80/var(--vw-base) * 1440px );
  }
}

.service__section-heading {
  font-size: min( (32 * 100vw / var(--vw-base)) * var(--fz-ratio) , 32/var(--vw-base) * 1440px );
  font-weight: 800;
  line-height: 1.09375;
  text-align: center;
}
@media (max-width: 767px) {
  .service__section-heading {
    font-size: min( (24 * 100vw / var(--vw-base)) * var(--fz-ratio) , 24/var(--vw-base) * 1440px );
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .service__items {
    margin-top: min( 40 * 100vw / var(--vw-base) , 40/var(--vw-base) * 1440px ) !important;
  }
}

.service__items--infra {
  margin-top: min( 85 * 100vw / var(--vw-base) , 85/var(--vw-base) * 1440px );
  display: flex;
  flex-wrap: wrap;
  gap: min( 44 * 100vw / var(--vw-base) , 44/var(--vw-base) * 1440px ) min( 44 * 100vw / var(--vw-base) , 44/var(--vw-base) * 1440px );
}
.service__items--infra li {
  width: calc(50% - min( 44 * 100vw / var(--vw-base) , 44/var(--vw-base) * 1440px ) / 2);
  background: #689EE4;
  padding: min( 25 * 100vw / var(--vw-base) , 25/var(--vw-base) * 1440px );
}
.service__items--infra .service__icon {
  width: 21.3%;
  align-self: flex-start;
  margin-left: 4%;
  margin-top: 4%;
  position: relative;
}
.service__items--infra .service__icon p {
  opacity: 0.6;
  font-weight: 500;
  font-size: min( (20 * 100vw / var(--vw-base)) * var(--fz-ratio) , 20/var(--vw-base) * 1440px );
  text-align: center;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 1.5em);
  height: 2lh;
  width: 140%;
  letter-spacing: 0.1em;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service__items--infra .service__body {
  width: 67%;
}
@media (max-width: 767px) {
  .service__items--infra {
    margin-top: min( 40 * 100vw / var(--vw-base) , 40/var(--vw-base) * 1440px );
    display: block;
  }
  .service__items--infra .service__icon {
    margin-left: 0;
    margin-top: 0;
  }
  .service__items--infra .service__icon p {
    width: 100%;
    position: relative;
    transform: unset;
    top: unset;
    left: unset;
    height: auto;
    margin-top: 0.5em;
  }
}

.service__items--segment {
  margin-top: min( 108 * 100vw / var(--vw-base) , 108/var(--vw-base) * 1440px );
}
.service__items--segment li {
  padding: min( 50 * 100vw / var(--vw-base) , 50/var(--vw-base) * 1440px ) min( 60 * 100vw / var(--vw-base) , 60/var(--vw-base) * 1440px );
  background: #3CC5CE;
}
.service__items--segment li:nth-child(n+2) {
  margin-top: min( 44 * 100vw / var(--vw-base) , 44/var(--vw-base) * 1440px );
}
.service__items--segment .service__icon {
  width: 13.35%;
}
.service__items--segment .service__body {
  width: 77.2%;
}

.service__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .service__item {
    display: block;
    width: 100% !important;
    padding: min( 20 * 100vw / var(--vw-base) , 20/var(--vw-base) * 1440px ) !important;
  }
  .service__item:nth-child(n+2) {
    margin-top: min( 40 * 100vw / var(--vw-base) , 40/var(--vw-base) * 1440px );
  }
}

@media (max-width: 767px) {
  .service__icon {
    width: 100% !important;
    text-align: center;
  }
  .service__icon img {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .service__body {
    width: 100% !important;
    margin-top: min( 20 * 100vw / var(--vw-base) , 20/var(--vw-base) * 1440px );
  }
}

.service__heading {
  padding-bottom: min( 15 * 100vw / var(--vw-base) , 15/var(--vw-base) * 1440px );
  border-bottom: 1px solid #fff;
}
@media (max-width: 767px) {
  .service__heading {
    text-align: center;
  }
}

.service__heading--sub {
  display: block;
  font-size: min( (16 * 100vw / var(--vw-base)) * var(--fz-ratio) , 16/var(--vw-base) * 1440px );
  font-weight: 600;
  line-height: 2.125;
}

.service__heading--main {
  display: block;
  font-weight: 600;
  font-size: min( (32 * 100vw / var(--vw-base)) * var(--fz-ratio) , 32/var(--vw-base) * 1440px );
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .service__heading--main {
    font-size: min( (24 * 100vw / var(--vw-base)) * var(--fz-ratio) , 24/var(--vw-base) * 1440px );
  }
}

.service__description {
  margin-top: 1em;
  font-size: min( (16 * 100vw / var(--vw-base)) * var(--fz-ratio) , 16/var(--vw-base) * 1440px );
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.05em;
}

/*------------------------------
business_development
------------------------------*/
.business_development {
  position: relative;
}
.business_development > * {
  position: relative;
  z-index: 10;
}

.business_development-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.business_development-bg::after {
  content: "";
  background: url(../img/industrial-system/bg1.png) no-repeat center center/cover;
  top: 0;
  left: 0;
  aspect-ratio: unset;
  position: fixed;
  width: 100%;
  height: 100vh;
  max-height: unset;
}
@media (max-width: 767px) {
  .business_development-bg::after {
    aspect-ratio: 400/500;
  }
}

/*------------------------------
business
------------------------------*/
.business {
  padding-top: min( 160 * 100vw / var(--vw-base) , 160/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .business {
    padding-top: min( 80 * 100vw / var(--vw-base) , 80/var(--vw-base) * 1440px );
  }
}

.business__message {
  font-size: min( (16 * 100vw / var(--vw-base)) * var(--fz-ratio) , 16/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 2.1875;
  margin-top: 3.125em;
  width: calc(626 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .business__message {
    width: 100%;
  }
}

.business__figure {
  margin-top: min( 85 * 100vw / var(--vw-base) , 85/var(--vw-base) * 1440px );
  transform: translateY(6%);
}
@media (max-width: 767px) {
  .business__figure {
    margin-top: min( 50 * 100vw / var(--vw-base) , 50/var(--vw-base) * 1440px );
  }
}

/*------------------------------
development
------------------------------*/
.development {
  padding: min( 290 * 100vw / var(--vw-base) , 290/var(--vw-base) * 1440px ) 0;
  position: relative;
}
.development::before {
  content: "";
  position: absolute;
  background: url(../img/industrial-system/development1.png) no-repeat center center/100%;
  aspect-ratio: 1377/1201;
  transform: translate(0%, -50%);
  width: min( 691 * 100vw / var(--vw-base) , 691/var(--vw-base) * 1440px );
  right: 0%;
  top: 50%;
}
@media (max-width: 767px) {
  .development {
    padding: min( 100 * 100vw / var(--vw-base) , 100/var(--vw-base) * 1440px ) 0 min( 50 * 100vw / var(--vw-base) , 50/var(--vw-base) * 1440px );
  }
  .development::before {
    top: 34%;
    width: 48%;
    display: none;
  }
}

.development__content {
  width: calc(598 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .development__content {
    width: 100%;
  }
}

.development__message {
  font-size: min( (16 * 100vw / var(--vw-base)) * var(--fz-ratio) , 16/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 2.1875;
  margin-top: 5.3em;
}
@media (max-width: 767px) {
  .development__message {
    margin-top: 4em;
  }
}

/*------------------------------
process
------------------------------*/
.process {
  padding: min( 50 * 100vw / var(--vw-base) , 50/var(--vw-base) * 1440px ) 0 min( 160 * 100vw / var(--vw-base) , 160/var(--vw-base) * 1440px );
  padding-top: min( 140 * 100vw / var(--vw-base) , 140/var(--vw-base) * 1440px );
  position: relative;
}
@media (max-width: 1024px) {
  .process {
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .process {
    padding: min( 60 * 100vw / var(--vw-base) , 60/var(--vw-base) * 1440px ) 0;
    padding: min( 70 * 100vw / var(--vw-base) , 70/var(--vw-base) * 1440px ) 0;
    overflow: hidden;
  }
}

.process__wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .process__wrapper {
    display: block;
  }
}
@media (max-width: 767px) {
  .process__wrapper {
    display: block;
  }
}

.process__header {
  width: calc(456 / var(--inner) * 100%);
  position: relative;
}
.process__header::before {
  content: "";
  position: absolute;
  background: url(../img/dec4.png) no-repeat center center/100%;
  aspect-ratio: 2057/2154;
  transform: translate(-59%, -51%);
  width: 180%;
  left: 50%;
  top: 50%;
}
.process__header > * {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 1025px) {
  .process__header {
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .process__header {
    width: 100%;
  }
  .process__header::before {
    transform: translate(-50%, -51%);
    width: 150%;
    left: 50%;
    top: 50%;
  }
}

.process__message {
  font-size: min( (16 * 100vw / var(--vw-base)) * var(--fz-ratio) , 16/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 2.1875;
  margin-top: 3.125em;
}

.process__step {
  width: calc(747 / var(--inner) * 100%);
}
@media (max-width: 1024px) {
  .process__step {
    width: 100%;
  }
}

/*------------------------------
works
------------------------------*/
.works {
  padding: min( 160 * 100vw / var(--vw-base) , 160/var(--vw-base) * 1440px ) 0 min( 235 * 100vw / var(--vw-base) , 235/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .works {
    padding: min( 80 * 100vw / var(--vw-base) , 80/var(--vw-base) * 1440px ) 0;
  }
}

.works__list {
  margin-top: min( 50 * 100vw / var(--vw-base) , 50/var(--vw-base) * 1440px );
  display: flex;
  flex-wrap: wrap;
  gap: min( 120 * 100vw / var(--vw-base) , 120/var(--vw-base) * 1440px ) min( 150 * 100vw / var(--vw-base) , 150/var(--vw-base) * 1440px );
}

.works__item {
  width: calc(50% - min( 150 * 100vw / var(--vw-base) , 150/var(--vw-base) * 1440px ) / 2);
}

/*------------------------------
products
------------------------------*/
.products {
  padding: min( 250 * 100vw / var(--vw-base) , 250/var(--vw-base) * 1440px ) 0 min( 300 * 100vw / var(--vw-base) , 300/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .products {
    padding: min( 100 * 100vw / var(--vw-base) , 100/var(--vw-base) * 1440px ) 0;
  }
}

.products__item-number {
  font-size: min( (25 * 100vw / var(--vw-base)) * var(--fz-ratio) , 25/var(--vw-base) * 1440px );
  font-weight: 500;
  color: #1D2088;
  margin-top: 1em;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .products__item-number {
    font-size: calc(min( (25 * 100vw / var(--vw-base)) * var(--fz-ratio) , 25/var(--vw-base) * 1440px ) / 1.57);
  }
}

.products__item-name {
  font-weight: 500;
  font-size: min( (20 * 100vw / var(--vw-base)) * var(--fz-ratio) , 20/var(--vw-base) * 1440px );
  color: #9D9D9D;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .products__item-name {
    font-size: calc(min( (20 * 100vw / var(--vw-base)) * var(--fz-ratio) , 20/var(--vw-base) * 1440px ) / 1.57);
  }
}

.products-swiper {
  overflow: hidden;
  margin-top: 5%;
  margin-left: calc(min( 72 * 100vw / var(--vw-base) , 72/var(--vw-base) * 1440px ) + max((100vw - 1440px) / 2, 0px));
}
.products-swiper .swiper-slide {
  padding-right: 2.8%;
}
@media (max-width: 767px) {
  .products-swiper .swiper-slide {
    padding-right: 10%;
  }
}

.nav-wrap {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%);
  width: 13%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .nav-wrap {
    width: 25%;
  }
}

.swiper-button-next, .swiper-button-prev {
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  margin: 0;
  height: auto;
  width: auto;
  position: relative;
  background: url(../img/icon_arrow_blue.svg) no-repeat center center/100%;
  aspect-ratio: 1/1;
  width: 37%;
}
.swiper-button-next::after, .swiper-button-prev::after {
  display: none;
}

.swiper-button-prev {
  transform: scale(-1, 1);
}
/*# sourceMappingURL=industrial-system.css.map */