@charset "UTF-8";
.fv {
  background-image: url(/business/top/img/bt-01hero-pc.png);
  background-repeat: no-repeat;
  background-position: 50% 67%;
  background-size: cover;
}
@media (max-width: 640px) {
  .fv {
    background-image: url(/business/top/img/bt-01hero-sp.png);
    background-position: center;
  }
}
@media (max-width: 1000px) {
  .fv--inner {
    height: min(120.93vw, 520px);
  }
}
.fv--lead {
  color: #fff !important;
  font-weight: bold;
}

#service {
  background-color: #F1E1ED;
}

#materials {
  background-color: #E6E2E4;
}

#slider .btn-arrow {
  margin-top: 5px;
}

.align-left {
  text-align: left;
}

.only_tab-top {
  display: none;
}
@media (max-width: 1000px) {
  .only_tab-top {
    display: block;
  }
}
@media (max-width: 640px) {
  .only_tab-top {
    display: none;
  }
}

.color-rvs .hero-text-link--sub-lead, .color-rvs .hero-text-link--lead {
  color: #fff !important;
}
.color-rvs .hero-text-link--caption {
  color: #fff !important;
}
.color-rvs .cta-btn-m {
  color: #1E0013 !important;
  background-color: #fff !important;
}
.color-rvs .cta-btn-m::before, .color-rvs .cta-btn-m::after {
  background-color: #1E0013 !important;
}
.color-rvs .cta-btn {
  color: #1E0013 !important;
  background-color: #fff !important;
}
.color-rvs .cta-btn::before, .color-rvs .cta-btn::after {
  background-color: #1E0013 !important;
}

.btn-left {
  margin: min(2.855vw, 39px) auto 0 0 !important;
}
@media (max-width: 1000px) {
  .btn-left {
    margin: min(10vw, 43px) auto 0 0 !important;
  }
}

#slider .btn-arrow .btn {
  line-height: 1.5;
}

#whylenovo {
  background-image: linear-gradient(rgba(122, 18, 107, 0.69), rgba(122, 18, 107, 0.69)), url(/business/top/img/bt-whylenovo-01-pc.png);
  background-blend-mode: multiply;
  height: auto;
}
@media (max-width: 1000px) {
  #whylenovo {
    background-image: linear-gradient(rgba(122, 18, 107, 0.69), rgba(122, 18, 107, 0.69)), url(/business/top/img/bt-whylenovo-01-sp.png);
  }
}
#whylenovo .hn--inner {
  padding: min(5.857vw, 80px) 0;
}
@media (max-width: 1000px) {
  #whylenovo .hn--inner {
    padding: min(10.465vw, 45px) 0 min(13.953vw, 60px);
  }
}
#whylenovo .wl-main-lead {
  text-align: center;
  color: #fff !important;
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(2.928vw, 40px);
  font-weight: 700;
  letter-spacing: -0.028em;
  line-height: 1.35;
}
@media screen and (max-width: 1000px) {
  #whylenovo .wl-main-lead {
    font-size: min(8.372vw, 36px);
  }
}
#whylenovo .h-text-cta--wrapper {
  padding: min(3.66vw, 50px) 0 min(4.392vw, 60px);
}
@media (max-width: 1000px) {
  #whylenovo .h-text-cta--wrapper {
    padding: min(0.465vw, 2px) 0 min(13.953vw, 60px);
  }
  #whylenovo .h-text-cta--wrapper .lead {
    margin-bottom: min(3.953vw, 17px);
  }
}
@media (max-width: 640px) {
  #whylenovo .hero-text-link--text-wrapper {
    padding: min(9.302vw, 40px) 0 0;
  }
}
#whylenovo .four-up-h--content-wrapper {
  padding: 0;
}
#whylenovo .four-up-h--content-wrapper .content {
  width: auto;
}
@media (max-width: 1000px) {
  #whylenovo .four-up-h--content-wrapper .content {
    margin-bottom: min(9.302vw, 40px);
  }
}
#whylenovo .four-up-h--content-wrapper .content .content-img {
  height: min(12.445vw, 170px);
  width: min(12.445vw, 170px);
}
@media (max-width: 1000px) {
  #whylenovo .four-up-h--content-wrapper .content .content-img {
    height: min(37.209vw, 160px);
    width: min(37.209vw, 160px);
  }
}
#whylenovo .four-up-h--content-wrapper .content .content-sub-lead {
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(1.611vw, 22px);
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: -0.028em;
  line-height: 1.43;
  font-weight: bold;
  margin-top: min(0.732vw, 10px);
}
@media screen and (max-width: 1000px) {
  #whylenovo .four-up-h--content-wrapper .content .content-sub-lead {
    font-size: min(4.186vw, 18px);
  }
}
@media (max-width: 1000px) {
  #whylenovo .four-up-h--content-wrapper .content .content-sub-lead {
    margin-top: min(4.651vw, 20px);
  }
}
#whylenovo .lead, #whylenovo .caption, #whylenovo .content-sub-lead {
  color: #fff !important;
}

#solutions .lead, #service .lead, #ex .lead {
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(2.928vw, 40px);
  font-weight: 700;
  letter-spacing: -0.028em;
  line-height: 1.35;
}
@media screen and (max-width: 1000px) {
  #solutions .lead, #service .lead, #ex .lead {
    font-size: min(7.907vw, 34px);
  }
}

#sustainability .hero-text-link-row {
  background-image: url(/business/top/img/bt-sustainability-01-pc.png);
}
@media (max-width: 640px) {
  #sustainability .hero-text-link-row {
    background-image: url(/business/top/img/bt-sustainability-01-sp.png);
    align-items: start;
    height: min(186.047vw, 800px);
  }
}
#sustainability .sustainability-main-lead {
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(2.928vw, 40px);
  font-weight: 700;
  letter-spacing: -0.028em;
  line-height: 1.35;
  color: #fff !important;
}
@media screen and (max-width: 1000px) {
  #sustainability .sustainability-main-lead {
    font-size: min(7.907vw, 34px);
  }
}
@media (max-width: 640px) {
  #sustainability .hero-text-link--text-wrapper {
    padding: min(9.302vw, 40px) 0 0;
  }
}

#product {
  background-color: #E6E2E4;
}
#product .product-main-lead {
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(2.928vw, 40px);
  font-weight: 700;
  letter-spacing: -0.028em;
  line-height: 1.35;
}
@media screen and (max-width: 1000px) {
  #product .product-main-lead {
    font-size: min(7.907vw, 34px);
  }
}
#product .hero-text-link-row {
  height: min(48.755vw, 666px);
  background-image: url(/business/top/img/bt-product-01-pc.png);
  background-position: center;
  background-size: contain;
}
@media (max-width: 1000px) {
  #product .hero-text-link-row {
    height: min(216.279vw, 930px);
    background-image: url(/business/top/img/bt-product-01-sp.png);
  }
}
@media (max-width: 1000px) {
  #product .hero-text-link-row .hero-text-link--text-wrapper {
    padding: min(10.465vw, 45px) 0 0;
  }
}
#product .hero-text-link-row .hero-text-link-row--inner {
  align-items: center;
  height: 100%;
}
@media (max-width: 1000px) {
  #product .hero-text-link-row .hero-text-link-row--inner {
    justify-content: start;
    align-items: start;
  }
}

.cardtype.three-up-h-grid--content-wrapper {
  grid-template-columns: repeat(3, min(23.426vw, 320px));
  justify-content: center;
  gap: min(2.562vw, 35px) min(2.196vw, 30px);
  padding: min(2.928vw, 40px) 0;
}
@media (max-width: 1000px) {
  .cardtype.three-up-h-grid--content-wrapper {
    grid-template-columns: repeat(1, min(83.721vw, 360px));
    gap: 0;
    padding: 0;
  }
}
.cardtype.three-up-h-grid--content-wrapper .content {
  position: relative;
  background-color: #fff;
  height: min(35.944vw, 491px);
  width: min(23.426vw, 320px);
  border-radius: 30px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  padding: 0;
}
@media (max-width: 1000px) {
  .cardtype.three-up-h-grid--content-wrapper .content {
    width: min(83.721vw, 360px);
    height: min(82.558vw, 355px);
    margin: 0 auto min(11.628vw, 50px);
  }
}
.cardtype.three-up-h-grid--content-wrapper .content .content-sub-lead {
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(1.611vw, 22px);
  font-weight: bold;
  letter-spacing: -0.028em;
  line-height: 1.25;
}
@media screen and (max-width: 1000px) {
  .cardtype.three-up-h-grid--content-wrapper .content .content-sub-lead {
    font-size: min(5.116vw, 22px);
    line-height: 1.43;
  }
}
@media (max-width: 1000px) {
  .cardtype.three-up-h-grid--content-wrapper .content .content-sub-lead {
    margin-top: min(2.791vw, 12px);
  }
}
.cardtype.three-up-h-grid--content-wrapper .content .content-img {
  width: 100%;
  height: min(16.837vw, 230px);
}
@media (max-width: 1000px) {
  .cardtype.three-up-h-grid--content-wrapper .content .content-img {
    height: min(34.884vw, 150px);
  }
}
.cardtype.three-up-h-grid--content-wrapper .content .cmn-link--link {
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(1.171vw, 16px);
  font-weight: 400;
  letter-spacing: -0.028em;
  line-height: 1.43;
  font-weight: bold;
  position: absolute;
  height: min(5.124vw, 70px);
  width: min(20.498vw, 280px);
  bottom: min(2.196vw, 30px);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1000px) {
  .cardtype.three-up-h-grid--content-wrapper .content .cmn-link--link {
    font-size: min(3.721vw, 16px);
  }
}
@media (max-width: 1000px) {
  .cardtype.three-up-h-grid--content-wrapper .content .cmn-link--link {
    height: min(15.581vw, 67px);
    width: min(69.767vw, 300px);
    bottom: min(834.884vw, 24px);
    margin-bottom: 0;
    padding: 0;
  }
  .cardtype.three-up-h-grid--content-wrapper .content .cmn-link--link::before, .cardtype.three-up-h-grid--content-wrapper .content .cmn-link--link::after {
    right: min(2.326vw, 10px);
  }
}
.cardtype.three-up-h-grid--content-wrapper .content .cmn-link--link:hover {
  color: #fff;
}

#service .cardtype.three-up-h-grid--content-wrapper .cmn-link--link {
  height: min(5.857vw, 80px);
}
@media (max-width: 1000px) {
  #service .cardtype.three-up-h-grid--content-wrapper .cmn-link--link {
    height: min(15.581vw, 67px);
  }
}

.mb-spcl {
  margin-bottom: min(1.245vw, 17px) !important;
}
@media (max-width: 1000px) {
  .mb-spcl {
    margin-bottom: min(2.093vw, 9px) !important;
  }
}

#slider .h--wrapper {
  padding: min(3.66vw, 50px) 0 min(0.878vw, 12px);
}
@media (max-width: 1000px) {
  #slider .h--wrapper {
    padding: min(9.767vw, 42px) 0 min(6.977vw, 30px);
  }
}
#slider .swiper-overwrapper {
  padding: min(2.928vw, 40px) 0;
}
@media (max-width: 1000px) {
  #slider .swiper-overwrapper {
    padding: 0;
  }
}

#intro .h-text--wrapper {
  padding: min(3.66vw, 50px) 0 min(2.855vw, 39px);
}
#intro .h-text--wrapper .lead:nth-of-type(1) {
  margin-bottom: 6px;
}
@media (max-width: 1000px) {
  #intro .h-text--wrapper .lead:nth-of-type(1) {
    margin-bottom: 5px;
  }
}
@media (max-width: 1000px) {
  #intro .h-text--wrapper {
    padding: min(11.628vw, 50px) 0 min(9.07vw, 39px);
  }
}

.swiper {
  width: 100%;
}
@media (max-width: 1000px) {
  .swiper {
    height: auto;
    padding-bottom: 0;
  }
}
.swiper .swiper-pagination {
  height: min(3.075vw, 42px);
  display: flex;
  justify-content: center;
  align-items: end;
}
@media (max-width: 1000px) {
  .swiper .swiper-pagination {
    height: min(15.349vw, 66px);
    align-items: start;
  }
}
.swiper .swiper-pagination-wrapper {
  display: flex;
  align-items: start;
  height: min(3.075vw, 42px);
}
@media (max-width: 1000px) {
  .swiper .swiper-pagination-wrapper {
    height: min(15.349vw, 66px);
  }
}
.swiper .swiper-slide {
  width: min(18.302vw, 250px);
}
@media (max-width: 1000px) {
  .swiper .swiper-slide {
    width: min(44.186vw, 190px);
  }
}
.swiper .swiper-slide .content {
  text-align: left;
  width: min(18.302vw, 250px);
  margin: 0 auto;
}
@media (max-width: 1000px) {
  .swiper .swiper-slide .content {
    width: min(44.186vw, 190px);
  }
}
@media (max-width: 1000px) {
  .swiper .swiper-slide .content .btn-arrow {
    margin: min(4.651vw, 20px) 0 min(11.628vw, 50px);
  }
}
.swiper .swiper-slide .content-img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  height: min(21.23vw, 290px);
  width: min(18.302vw, 250px);
  width: auto !important;
  margin: 0 auto;
}
@media (max-width: 1000px) {
  .swiper .swiper-slide .content-img {
    height: min(46.512vw, 200px);
    width: min(44.186vw, 190px);
  }
}
.swiper .swiper-pagination-bullet {
  height: 12px;
  width: 12px;
  background-color: #D9D9D9;
}
.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #4D4D4D;
}
@media (max-width: 1000px) {
  .swiper .swiper-pagination-bullet {
    height: 16px;
    width: 16px;
  }
}
.swiper .swiper-button-next, .swiper .swiper-button-prev {
  position: absolute;
  top: min(11.64vw, 159px) !important;
  width: min(3.148vw, 43px);
  height: min(5.271vw, 72px);
}
@media (max-width: 1000px) {
  .swiper .swiper-button-next, .swiper .swiper-button-prev {
    top: min(24.884vw, 107px) !important;
    width: min(8.372vw, 36px);
    height: min(13.953vw, 60px);
  }
}/*# sourceMappingURL=style.css.map */