@charset "utf-8";

.sec-wrap.mv-wrap {
	--max-width: 80.527vw;
}

.sec-mv {
	background-image: url('../img/index/bg_mv.png');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
	padding-bottom: 7.687vw;
}

.sec-mv .mv-top {
	padding-block: 2.928vw 2.05vw;
	background-color: var(--clr-background);
	position: relative;
	z-index: -1;
}

.sec-mv .mv-ttl {
  display: inline-block;
  position: relative;
  line-height: 1;
  border-radius: 0.586vw;
  color: var(--clr-neutral-100);
  font-size: 3.075vw;
  text-align: center;
  background-color: var(--clr-blue-500);
  padding: 1.025vw 1.464vw;
}

.sec-mv .mv-ttl::after {
  position: absolute;
  top: 100%;
  left: 21%;
  width: 0;
  height: 0;
  content: "";
  border-right: 1.464vw solid transparent;
  border-top: 1.464vw solid var(--clr-blue-500);
}

.sec-mv .increase-profit {
  margin-top: 1.025vw;
  font-size: 2.416vw;
}

.sec-mv .mv-sub-ttl img {
	width: 36.75vw;
	height: 17.204vw;
}

.sec-mv .mv-btm {
	padding-block: 3.66vw;
}

.sec-mv .btn-registration {
	margin-top: 7.321vw;
}

.sec-mv .btn-registration p {
	margin-bottom: 18px;
}

.sec-mv .btn-registration .btn {
	position: relative;
	min-width: 23.5rem;
}

.sec-mv .btn-registration .btn::before {
	pointer-events: none;
	content: '';
	position: absolute;
	right: calc(100% + 40px);
	bottom: 0;
	width: min(25.988vw, 355px);
	height: min(17.789vw, 243px);
	background: url('../img/index/bg_mv_support.png') no-repeat center / cover;
}

.zero-fixed {
  position: relative;
  padding-bottom: 20px;
  z-index: -1;
  background-color: #f2f2f2;
}

.zero-fixed-inner {
  padding-left: 133px;
}

.small-e-commerce {
  padding-left: 133px;
}

.btn-registration {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.btn-registration .btn {
  min-width: 23.5rem;
}

/** E-Commerce */
.sec-e-commerce {
  position: relative;
  margin-bottom: var(--space-95);
}

.sec-e-commerce .e-commerce-ttl {
  text-align: center;
  padding-block: 3.75rem 2.6875rem;
}

.sec-e-commerce .e-commerce-shipping {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec-e-commerce.curved-bg::before {
  height: 137.75rem;
  background-color: var(--clr-green-100);
}

.second-curved {
  position: relative;
}

.second-curved.curved-bg::before {
  top: 3.4375rem;
  height: 130.8125rem;
  background: var(--clr-neutral-100);
}

.logo-wrap {
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 1.375rem;
  row-gap: var(--space-30);
}

.sec-e-commerce .bg-shipping-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.6875rem;
  height: 6.6875rem;
  border-radius: .625rem;
  color: var(--clr-neutral-100);
  font-size: 1.3125rem;
  text-align: center;
}

.sec-e-commerce .ico-base {
  color: var(--clr-border-400);
  background-color: var(--clr-pink-200);
}

.sec-e-commerce .ico-shopify {
  background-color: var(--clr-green-400);
}

.sec-e-commerce .ico-stores {
  background: linear-gradient(#00ADD9, #FFD3E1, #F76171);
  color: var(--clr-border-400);
}

.sec-e-commerce .ico-tiktok-shop {
  background-color: var(--clr-border-400);
}

.sec-e-commerce .ico-flea-market {
  background-color: var(--clr-red-500);
}

.sec-e-commerce .ico-crowdfunding {
  background: linear-gradient(to right, #FFB73F, #FF4F45);
  font-size: var(--space-15);
  letter-spacing: -1px;
}

.sec-e-commerce .ico-pos-register {
  background-color: var(--clr-secondary);
}

.e-commerce-wrap {
  position: relative;
  max-width: 1000px;
  padding-block: 9.6875rem var(--space-75);
  margin-inline: auto;
}

.e-commerce-wrap::before {
  position: absolute;
  top: -2.5rem;
  right: -2.5rem;
  width: 9.875rem;
  height: 19.875rem;
  content: '';
  background-image: url(../img/index/e-commerce/ico_e_commerce_01.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
}


.e-commerce-wrap::after {
  position: absolute;
  bottom: 7%;
  left: -2.8125rem;
  width: 8.5625rem;
  height: 14.75rem;
  content: '';
  background-image: url(../img/index/e-commerce/ico_e_commerce_02.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
}

.logistics {
  align-items: center;
  justify-content: center;
  column-gap: 1.6875rem;
}

.logistics .logistics-txt {
  flex: 0 1 34.375rem;
}

.sec-e-commerce .circle-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1.25rem;
}

.sec-e-commerce .circle-dot {
  width: .8125rem;
  height: .8125rem;
  border-radius: 50%;
}

.kompo-shipping {
  align-items: center;
  justify-content: center;
  column-gap: 2.8125rem;
}

.kompo-shipping .before-shipping,
.kompo-shipping .after-shipping {
  position: relative;
}

.kompo-shipping .before-shipping::before,
.kompo-shipping .after-shipping::before {
  position: absolute;
  top: -0.8125rem;
  left: -0.3125rem;
  width: 5.9375rem;
  border-radius: 50%;
  color: var(--clr-neutral-100);
  font-size: var(--fs-18);
  font-weight: 500;
  content: '';
  aspect-ratio: 1;
}

.kompo-shipping .before-shipping::before,
.kompo-shipping .after-shipping::before {
  display: flex;
  align-items: center;
  justify-content: center;
}

.kompo-shipping .before-shipping::before {
  content: 'BEFORE';
  background-color: var(--clr-neutral-500);
}

.kompo-shipping .after-shipping::before {
  content: 'AFTER';
  background-color: var(--clr-primary);
}

.works-hours-shipments {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: var(--space-20);
}

.achieved-e-commerce {
  justify-content: start;
}

.work-hours {
  padding-inline: 5.4375rem 5.625rem;
  border-right: 1px dotted var(--clr-border-400);
}

.work-hours-img {
  padding-left: 1.5625rem;
}

.number-shipments {
  margin-left: 3.75rem;
}

.sec-shipment {
  margin-left: 3.625rem;
}

.kompo-shipping svg {
  display: inline-block;
}

/** Operation */
.sec-operation {
  position: relative;
}

.sec-operation.curved-bg::before {
  height: 111.5rem;
  background-color: var(--clr-green-100);
}

.sec-operation .sec-ttl {
  position: absolute;
  top: -50px;
  left: 12%;
}

.sec-operation .operation-wrap {
  position: relative;
}

.sec-operation .card-one {
  position: relative;
}

.sec-operation .wraning-txt {
  position: absolute;
  top: 1.25rem;
  right: 1.5625rem;
  text-align: center;
}

.sec-operation .h-slash {
  display: inline-block;
  position: relative;
  width: 10.125rem;
  max-width: 100%;
  font-size: var(--fs-18);
  font-weight: 700;
}

.sec-operation .h-slash::before,
.sec-operation .h-slash::after {
  display: block;
  position: absolute;
  top: 50%;
  width: 3.5rem;
  height: 1px;
  transform: translateY(-50%);
  content: '';
  background-color: var(--clr-border-400);
}

.sec-operation .h-slash::before {
  left: 90%;
  rotate: -65deg;
}

.sec-operation .h-slash::after {
  right: 90%;
  rotate: 65deg;
}

.sec-operation .card-body {
  padding-bottom: 2.1875rem;
}

.sec-operation .card-body-ttl {
  min-width: 25.0625rem;
  max-width: 100%;
  line-height: 1.35;
  margin-inline: auto;
}

.sec-operation .sec-consultation {
  margin-top: 5rem;
}

/** Kompo Steps */
.sec-kompo-steps .kompo-steps-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.sec-kompo-steps .sec-wrap {
  max-width: 801px;
  margin-inline: auto;
}

.sec-kompo-steps .step-txt {
  max-width: 30.3125rem;
  min-height: 6.25rem;
  font-size: var(--fs-18);
  font-weight: 400;
}

.sec-kompo-steps .number {
  color: var(--clr-primary);
}

.sec-kompo-steps .step-card {
  position: relative;
}

.sec-kompo-steps .step-card::after {
  position: absolute;
  top: 79%;
  left: 8%;
  width: 1.6875rem;
  height: 1.375rem;
  content: '';
  background-image: url(../img/index/ico_arr_dropdown.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.sec-kompo-steps .shipping-kompo-wrap {
  padding-inline: var(--space-25);
  align-self: flex-start;
}

.shipping-kompo-wrap .sub-ttl span.no-line-break {
  padding-left: 4.5625rem;
}

.shipping-kompo-wrap .sub-ttl span.sp-line-break {
  padding-right: 4.0625rem;
}

.sec-kompo-steps .sub-bg-green {
  position: relative;
  border-radius: .5rem;
  border-color: transparent;
  background-color: var(--clr-green-100);
  padding-inline: 2.375rem var(--space-40);
  padding-block: var(--space-20);
  column-gap: 3.3125rem;
}

.sec-kompo-steps .sub-bg-green::after {
  position: absolute;
  right: -1.25rem;
  bottom: -4.375rem;
  width: 8.625rem;
  height: 12.25rem;
  content: '';
  background-image: url(../img/index/shipping/ico_kompo_shipping_05.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
}

/** Logistics Tips */
.sec-blog .blog-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 10.75rem;
}

.blog-card-wrap {
  max-width: 62.5rem;
  padding-top: 2.6875rem;
  margin-inline: auto;
}

/** FAQ */
.sec-faq .sec-wrap {
  max-width: 62.5rem;
}

.sec-faq .faq-tab .q-ttl {
  line-height: 2;
}

.sec-faq .faq-tab {
  display: flex;
  position: relative;
  column-gap: var(--space-15);
  background-color: var(--clr-green-100);
}

.sec-faq .faq-q-icon {
  padding: 0px 1rem .625rem 1rem;
  color: var(--clr-neutral-100);
  font-size: var(--fs-32);
  background-color: var(--clr-primary);
}

.sec-faq .faq-answer {
  min-height: 54px;
  padding: .5625rem .5rem 0 1.0625rem;
  font-size: var(--fs-18);
  font-weight: 400;
}

.sec-faq .faq-question {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.sec-faq .ico-faq-triangle {
  position: absolute;
  right: 1.25rem;
}

/** Contact */
.sec-conatact {
  position: relative;
}

.sec-conatact.curved-bg::before {
  height: 29.375rem;
}

.sec-conatact .contact-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4rem;
  flex-wrap: wrap;
  row-gap: 2.5rem;
}

.sec-conatact .contact-wrap .btn {
  min-width: 25.75rem;
}

.sec-conatact .sub-ttl span.no-line-break {
  padding-left: .8125rem;
}

.sub-ttl span.sp-line-break {
  padding-right: .75rem;
}

/* below 1200px */
@media (max-width:75em) {
  .zero-fixed-inner {
    padding-inline: 30px;
  }

  .small-e-commerce {
    padding-inline: 30px;
  }

  .mv-register {
    padding-inline: 30px;
  }

}

/* below 1024px */
@media (max-width: 64em) {

  .mv-shipping {
    padding-top: 4.883vw;
    padding-bottom: 2.93vw;
  }

  .e-commerce-ttl {
    font-size: 3.711vw;
    padding-blocK: 5.859vw 4.199vw;
  }

  .logo-wrap {
    column-gap: 2.148vw;
    row-gap: 2.93vw;
  }

  .mv-shipping img {
    width: 49.023vw;
    height: 16.699vw;
  }

  .sec-e-commerce .bg-shipping-ico {
    width: 10.449vw;
    height: 10.449vw;
    border-radius: 0.977vw;
    font-size: 2.051vw;
  }

  .sec-e-commerce .bg-shipping-ico.ico-crowdfunding {
    font-size: 1.465vw;
  }

  .logistics-shipping-wrap p {
    font-size: 1.953vw;
  }

  .kompo-shipping .before-shipping p,
  .kompo-shipping .after-shipping p {
    font-size: 1.953vw;
  }

  .work-hours {
    padding-inline: 8.496vw 8.789vw;
  }

  .works-hours-shipments {
    column-gap: 0.488vw;
  }

  .work-hours .works-hours-shipments p {
    font-size: 3.223vw;
  }

  .number-shipments .works-hours-shipments p {
    font-size: 3.223vw;
  }

  .number-shipments {
    margin-left: 5.859vw;
  }

  .work-hours-img {
    padding-left: 2.441vw;
  }

  .achieved-e-commerce .hours-txt {
    font-size: 2.441vw;
    column-gap: 12.207vw;
  }

  .e-commerce-wrap::before {
    top: -3.906vw;
    right: -3.906vw;
    width: 15.43vw;
    height: 31.055vw;
  }

  .e-commerce-wrap::after {
    bottom: 7%;
    left: -4.395vw;
    width: 13.379vw;
    height: 23.047vw;
  }

  .e-commerce-wrap {
    padding-block: 15.137vw 0;
  }

  .e-commerce-wrap .sec-ttl svg {
    width: 59.277vw;
  }

  .sec-shipment {
    margin-left: 5.664vw;
  }

  .work-hours p,
  .number-shipments p {
    font-size: 1.953vw;
  }

  .works-hours-shipments img {
    width: 6.836vw;
    height: 7.91vw;
  }

  .sec-operation .card-body-ttl {
    min-width: 39.16vw;
  }

  .sec-operation .cmn-card {
    min-height: unset;
  }

  .sec-operation .h-slash {
    width: 15.82vw;
    font-size: 1.758vw;
  }

  .sec-operation .h-slash::before,
  .sec-operation .h-slash::after {
    top: 50%;
    width: 5.469vw;
    height: 1px;
  }

  .sec-operation .card-one {
    padding-top: 5.859vw;
  }

  .sec-operation .row-gap-40 {
    row-gap: 3.906vw;
  }

  .sec-operation .sec-consultation {
  margin-top: 7.813vw;
  }

  .sec-operation .col-gap-48 {
    column-gap: 2.93vw;
  }

  .sec-operation .card-body p span {
    font-size: 1.367vw;
  }

  .sec-operation .sec-ttl svg {
    width: 82.129vw;
  }

  .sec-operation .sec-ttl {
    top: -4.883vw;
    left: 12%;
  }

  .sec-kompo-steps .step-card .step-ttl {
    font-size: 3.223vw;
  }

  .sec-kompo-steps p.step-txt {
    max-width: 47.363vw;
    min-height: 9.766vw;
    padding-top: 1.465vw;
    font-size: 1.758vw;
  }

  .sec-kompo-steps .step-card {
    column-gap: 2.246vw;
  }

  .sec-kompo-steps .step-card.last-card::after {
    left: 40%;
    top: 78%;
  }

  .shipping-kompo-wrap p {
    font-size: 1.758vw;
  }

  .shipping-kompo-wrap .sub-ttl span.no-line-break {
    padding-inline: 2.148vw;
  }

  .shipping-kompo-wrap .sub-ttl span.sp-line-break {
    padding-inline: 2.148vw;
  }

  .sec-kompo-steps .shipping-card p {
    font-size: 1.953vw;
  }

  .sec-faq .faq-tab {
    column-gap: 1.465vw;
  }

  .sec-faq .faq-q-icon {
    display: inline-flex;
    align-items: center;
    padding: 0vw 1.563vw 0.977vw 1.563vw;
    font-size: 3.125vw;
  }

  .sec-faq .faq-tab .q-ttl {
    font-size: 2.344vw;
  }

  .sec-faq .ico-faq-triangle {
    right: 1.953vw;
  }

  .sec-faq .faq-answer {
    min-height: 5.273vw;
    padding: 0.879vw 0.781vw 0 1.66vw;
    font-size: 1.758vw;
  }

  .kompo-shipping .before-shipping::before,
  .kompo-shipping .after-shipping::before {
    top: -1.27vw;
    left: -0.488vw;
    width: 9.277vw;
    font-size: 1.758vw;
  }

  .kompo-shipping {
    column-gap: 1.953vw;
  }

  .kompo-shipping svg {
    width: 4.883vw;
    height: 5.859vw;
  }

  .sec-faq .ico-faq-triangle img {
    width: 1.953vw;
    height: 1.758vw;
  }

  .sec-kompo-steps {
    padding-block: 6.836vw 5.859vw;
  }

  .second-curved.curved-bg::before,
  .sec-register.curved-bg::before,
  .sec-e-commerce.curved-bg::before,
  .sec-operation.curved-bg::before,
  .sec-conatact.curved-bg::before {
    height: 100%;
  }

}

/* below 768px */
@media (max-width: 48em) {
	.sec-mv-cta {
		padding-block: 5.333vw;
	}

	.sec-mv-cta .btn-wrap {
		display: flex;
		gap: 4vw;
		justify-content: center;
	}

  .sec-main-visual .zero-fixed {
    padding-bottom: 15px;
  }

  .sec-main-visual .mv-bg {
    background-color: #f2f2f2;
  }

  .sec-main .hamburger-menu-top {
    padding-block: 5.333vw;
  }

  .sec-mv-cta .menu-btn:after {
    right: 4vw;
    width: 2.8vw;
    height: 2.8vw;
  }

	.sec-mv {
		background-image: none;
		padding-bottom: 51.333vw;
	}

	.sec-mv .mv-top {
		padding-block: 64vw 2.933vw;
		background-image: url('../img/index/bg_mv_sp.png');
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
		text-align: center;
	}

	.sec-mv .mv-ttl {
		border-radius: 1.067vw;
		font-size: 6.4vw;
		padding: 2.4vw 3.2vw;
	}

	.sec-mv .mv-ttl::after {
		border-right: 2.667vw solid transparent;
		border-top: 2.667vw solid var(--clr-blue-500);
	}

	.sec-mv .increase-profit {
		margin-top: 1.6vw;
		font-size: 5.067vw;
	}

	.sec-mv .mv-sub-ttl img {
		width: 70.933vw;
		height: 33.333vw;
		margin-inline: auto;
	}

	.sec-mv .mv-btm {
		padding-block: 4vw 6.667vw;
	}

	.sec-mv .btn-registration {
		margin-top: unset;
	}

	.sec-mv .btn-registration p {
		margin-bottom: 2vw;
	}

	.sec-mv .btn-registration .btn {
		min-width: unset;
		width: 100%;
	}

    .sec-mv-cta .menu-btn {
        font-size: 4vw;
        min-width: 44vw;
        height: 12vw;
        padding-left: 12.4vw;
    }

	.sec-mv .btn-registration .btn::before {
		right: 50%;
		transform: translateX(50%);
		bottom: unset;
		top: calc(100% + 7.333vw);
		width: 52.533vw;
		height: 35.867vw;
	}

  .mv-shipping {
    padding-top: 3.333vw;
    padding-bottom: 7.333vw;
  }

  .mv-shipping img {
    width: 70.933vw;
    height: 33.333vw;
  }

  .btn-registration .btn {
    min-width: 92vw;
    border: 0px solid transparent;
  }

  .mv-inner {
    text-align: center;
  }

  .mv-inner p {
    margin-top: 1.6vw;
    font-size: 5.067vw;
  }

  .btn-registration p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4.267vw;
  }

  .mv-inner img {
    margin-inline: auto;
  }

  /** Logistics */
  .logistics {
    flex-direction: column;
    row-gap: 2.0625rem;
  }

  .logistics img {
    width: 81.333vw;
    height: 57.067vw;
  }

  .achieved-e-commerce {
    flex-direction: column;
    padding-bottom: 0;
  }

  .work-hours img,
  .number-shipments img {
    margin-inline: auto;
  }

  .work-hours img {
    width: 54.933vw;
    height: 52vw;
  }

  .number-shipments img {
    width: 60.667vw;
    height: 61.6vw;
  }

  .number-shipments {
    margin-left: unset;
    padding-block: 7.467vw 6.667vw;
  }

  .e-commerce-wrap::before,
  .e-commerce-wrap::after {
    background-image: unset;
  }

  .e-commerce-wrap .sec-ttl svg {
    width: auto;
  }

  .e-commerce-wrap .sec-ttl {
    padding-top: 16.267vw;
    padding-bottom: 2.667vw;
  }

  .sec-kompo-steps .shipping-card p {
    font-size: 5.067vw;
    text-align: left;
  }

  .sec-e-commerce .e-commerce-shipping {
    flex-direction: column;
    padding-block: 10.667vw 0;
  }

  .e-commerce-shipping img {
    width: 15.333vw;
    height: 14.267vw;
  }

  .sec-e-commerce .e-commerce-ttl {
    font-size: 5.067vw;
    padding-block: 4vw 5.333vw;
  }

  .logo-wrap {
    row-gap: 4vw;
  }

  .sec-e-commerce .bg-shipping-ico {
    width: 20vw;
    height: 20vw;
    border-radius: 1.333vw;
    font-size: 3.867vw;
  }

  .second-curved.curved-bg::before {
    top: 54.667vw;
  }

  .e-commerce-wrap {
    max-width: unset;
    padding-block: 10.667vw 10vw;
  }

  .achieved-e-commerce-wrap .info-txt {
    font-size: 3.733vw;
  }

  .logistics .logistics-txt {
    flex: 1;
  }

  .logistics-shipping-wrap p {
    font-size: 4.267vw;
  }

  .logistics {
    padding-block: 5.333vw 66.997px;
    row-gap: 9.333vw;
  }

  .logistics-shipping-wrap {
    padding-bottom: 13.6vw;
  }

  .sec-operation .card-one .first-image {
    width: 56.667vw;
    height: 37.733vw;
  }

  .sec-operation .card-one .second-image {
    width: 17.6vw;
    height: 21.6vw;
  }

  .sec-operation .card-two img {
    width: 44vw;
    height: 44vw;
  }

  .sec-operation .card-three img {
    width: 33.333vw;
    height: 33.333vw;
  }

  .sec-operation .card-four img {
    width: 42.667vw;
    height: 42.667vw;
  }

  .sec-operation {
    margin-top: 16vw;
  }

  .sec-operation .sec-ttl {
    top: -24vw;
    left: 10%;
  }

  .sec-operation .sec-ttl svg {
    width: 75.467vw;
  }

  .sec-operation {
    padding-block: 10.667vw 0;
  }

  .sec-e-commerce .bg-shipping-ico.ico-crowdfunding {
    font-size: 2.8vw;
  }

  .sec-e-commerce .circle-dot {
    width: 3.333vw;
    height: 3.333vw;
  }

  .kompo-shipping {
    flex-direction: column;
    padding-block: 10.667vw 15.067vw;
  }

  .kompo-shipping-wrap {
    padding-bottom: 14.4vw;
  }

  .kompo-shipping .before-shipping::before {
    top: -3.067vw;
    left: 0;
    width: 21.067vw;
    height: 21.067vw;
    font-size: 4vw;
  }

  .kompo-shipping .after-shipping::before {
    top: 5.333vw;
    left: 4vw;
    width: 21.067vw;
    height: 21.067vw;
    font-size: 4vw;
  }

  .sec-operation .sec-consultation {
      margin-top: 16vw;
    }

  .kompo-shipping svg {
    display: block;
    width: 14.133vw;
    height: 11.733vw;
    rotate: 90deg;
  }

  .kompo-shipping .before-shipping p,
  .kompo-shipping .after-shipping p {
    font-size: 4.267vw;
  }

  .kompo-shipping .before-shipping img,
  .kompo-shipping .after-shipping img {
    margin-inline: auto;
  }

  .kompo-shipping .before-shipping img {
    width: 58.8vw;
    height: 61.867vw;
  }

  .shipping-kompo-wrap .sub-ttl span.no-line-break {
    padding-inline: 2.933vw;
  }

  .shipping-kompo-wrap .sub-ttl span.sp-line-break {
    padding-inline: 2.933vw;
  }

  .kompo-shipping .after-shipping img {
    width: 52.667vw;
    height: 62.133vw;
  }

  .kompo-shipping .after-shipping {
    padding-top: 9.333vw;
  }

  .kompo-shipping .before-shipping {
    padding-bottom: 2.133vw;
  }

  .kompo-shipping .before-shipping p {
    padding-block: 4vw 1.333vw;
  }

  .ico-arrow {
    width: 14.133vw;
    height: 30vw;
  }

  .shipping-card img {
    width: 23.867vw;
    height: 23.867vw;
  }

  .work-hours p,
  .number-shipments p {
    font-size: 5.067vw;
  }

  .work-hours .works-hours-shipments p {
    font-size: 5.067vw;
  }

  .number-shipments .works-hours-shipments p {
    font-size: 5.067vw;
  }

  .works-hours-shipments {
    column-gap: 3.067vw;
  }

  .works-hours-shipments img {
    width: 13.467vw;
    height: 15.6vw;
  }

  .work-hours-img {
    padding-left: 0;
  }

  .work-hours {
    padding-inline: 0;
    border-right: unset;
    border-bottom: 1px dotted var(--clr-border-400);
    padding-block: 0 10.667vw;
  }

  .achieved-e-commerce .hours-txt {
    align-items: center;
    justify-content: center;
    font-size: 5.067vw;
    column-gap: 20.133vw;
    margin-inline: auto;
  }

  .work-hours p,
  .number-shipments p {
    font-size: 4.267vw;
  }

  .sec-e-commerce {
    margin-bottom: 6.4vw;
  }

  .sec-operation .card-body-ttl {
    min-width: unset;
    text-align: center;
    margin-inline: unset;
    padding-block: 4.267vw;
    line-height: 1.8;
  }

  .sec-operation .row-gap-40 {
    padding-top: 13.333vw;
    row-gap: 10.667vw;
  }

  .sec-operation .card-body p span {
    font-size: 3.733vw;
  }

  .sec-operation .card-body p span.h-slash {
    display: block;
    width: 29.733vw;
    font-size: 3.067vw;
  }

  .sec-kompo-steps {
    padding-block: 16vw 17.333vw;
  }

  .sec-kompo-steps .sub-ttl {
    margin-top: 4.667vw;
  }

  .sec-kompo-steps .step-card .step-ttl {
    font-size: 5.067vw;
  }

  .sec-kompo-steps p.step-txt {
    max-width: 69.867vw;
    min-height: unset;
    padding-top: 1.465vw;
    font-size: 4.267vw;
  }

  .sec-kompo-steps .step-card {
    padding-bottom: 9.6vw;
    column-gap: 3.2vw;
  }

  .sec-kompo-steps .step-card::after {
    top: 68%;
    left: 6%;
    width: 6vw;
    height: 6vw;
    aspect-ratio: 1;
  }

  .sec-kompo-steps .step-card.last-card::after {
    top: 88%;
    left: 47%;
    width: 6vw;
    height: 6vw;
    aspect-ratio: 1;
  }

  .shipping-kompo-wrap .shipping-ttl {
    text-align: center;
  }

  .shipping-kompo-wrap p {
    font-size: 4.267vw;
  }

  .sec-kompo-steps .shipping-kompo-wrap {
    align-items: center;
    padding-inline: unset;
  }

  .sec-faq .faq-tab .q-ttl {
    line-height: 1.85;
    font-size: 4.267vw;
  }

  .sec-faq .faq-tab {
    column-gap: 2.533vw;
  }

  .sec-faq .faq-warp {
    padding-top: 6.667vw;
  }

  .sec-faq .faq-q-icon {
    display: inline-flex;
    align-items: center;
    padding: 0px 2.667vw 7.327px 2.8vw;
    font-size: 5.6vw;
  }

  .sec-faq .ico-faq-triangle {
    right: 3.6vw;
  }

  .sec-faq .ico-faq-triangle img {
    width: 2.667vw;
    height: 2.667vw;
  }

  .sec-faq .faq-answer {
    min-height: unset;
    padding: 1.867vw 0 0 2.4vw;
    font-size: 4.267vw;
  }

  .sec-faq .faq-tab-wrap {
    margin-bottom: 5.333vw;
  }

  .sec-conatact .contact-wrap .btn {
    min-width: 92vw;
    height: unset;
  }

  .sec-conatact .contact-wrap {
    padding-top: 10vw;
    row-gap: 10vw;
  }

  .sec-operation .h-slash::before,
  .sec-operation .h-slash::after {
    top: 50%;
    width: 9.867vw;
    height: 1px;
  }

  .sec-conatact .sub-ttl {
    margin-top: 5.333vw;
  }
}

/* below 650px */
@media (max-width: 40.625em) {
  .sec-kompo-steps .step-card.third-card::after {
    top: 78%;
    left: 7%;
    width: 6vw;
    height: 6vw;
    aspect-ratio: 1;
  }
}

/* below 400px */
@media (max-width: 31.25em) {
  .sec-operation .sec-ttl {
    top: -30vw;
    left: 10%;
  }

  .sec-kompo-steps .step-card::after {
    top: 75%;
    left: 10%;
  }

  .sec-kompo-steps .third-card::after {
    top: 83%;
  }

  .sec-kompo-steps .step-card.last-card::after {
    top: 92%;
  }

  .sec-kompo-steps .step-card.third-card::after {
    top: 80%;
    left: 10%;
  }
}