/** breakPoint **/
:root {
  --hero-bg-color-sub: #8EB500;
  --color-bg-secondary: #F2F5F9;
}

@media (max-width: 1079px) {
  .p-product-common-hero-202603__inner {
    padding: var(--spacing_xl) 24px;
  }
}

.p-product-common-hero-202603__image {
  max-width: 645px;
}
@media (max-width: 1079px) {
  .p-product-common-hero-202603__image {
    padding: 0;
  }
}

.p-product-common-hero-202603__body {
  padding-right: 0;
}

.c-button--m {
  width: 244px;
}
@media (max-width: 1079px) {
  .c-button--m {
    width: 310px;
    align-items: start;
  }
}
.c-button--m .c-button__title {
  width: fit-content;
}

@media (max-width: 1079px) {
  .p-problem__list {
    flex-direction: column;
  }
}
.p-problem__item {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
}
@media (max-width: 1079px) {
  .p-problem__item {
    min-height: 346px;
  }
}
.p-problem__item-head {
  background-color: var(--smoke-70, #4c6075);
  color: var(--color-text-inverse);
  flex-shrink: 0;
}
.p-problem__item-body {
  background-color: var(--smoke-20, #dde2e8);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0%;
  min-height: 0;
}
.p-problem__item-image {
  width: 100%;
  max-width: 313px;
  height: 200px;
  overflow: hidden;
}
.p-problem__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1079px) {
  .p-docissue-mailing-service-item__title {
    font-size: 20px;
  }
}

@media (max-width: 1079px) {
  .p-docissue-mailing-service-items {
    gap: var(--spacing_md);
  }
}

.p-docissue-mailing-service-item__no {
  font-size: 15px !important;
}

@media (max-width: 1079px) {
  .p-docissue-mailing-service-item {
    row-gap: 8px;
    text-align: left;
    grid-template-columns: auto 1fr;
    grid-template-areas: "no no" "icon title" "desc desc";
    align-items: center;
  }
}
@media (max-width: 1079px) {
  .p-docissue-mailing-service-item__no {
    grid-area: no;
    margin: 0;
  }
}
@media (max-width: 1079px) {
  .p-docissue-mailing-service-item__icon {
    grid-area: icon;
  }
}
@media (max-width: 1079px) {
  .p-docissue-mailing-service-item__icon img {
    margin: 0;
    width: 56px;
    height: 56px;
  }
}
@media (max-width: 1079px) {
  .p-docissue-mailing-service-item__title {
    grid-area: title;
    text-align: left;
  }
}
@media (max-width: 1079px) {
  .p-docissue-mailing-service-item__desc {
    grid-area: desc;
  }
}

@media (min-width: 1080px) {
  .p-docissue-point__row {
    display: grid;
    grid-template-columns: auto 600px;
    gap: 100px;
  }
}

.p-function-detail-feature {
  background-color: var(--color-bg-secondary);
}
.p-function-detail-feature__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing_4xl);
}
@media (max-width: 1079px) {
  .p-function-detail-feature__list {
    gap: var(--spacing_xl);
  }
}

.p-function-detail-feature-item {
  border-radius: var(--radius_lg);
  overflow: hidden;
  display: grid;
  grid-template-columns: 51.3% 48.675%;
  align-items: center;
  background-color: var(--color-bg-primary);
}
@media (max-width: 1079px) {
  .p-function-detail-feature-item {
    display: flex;
    flex-direction: column-reverse;
  }
}
.p-function-detail-feature-item__image {
  width: 100%;
}
.p-function-detail-feature-item__image img {
  max-height: 420px;
}
@media (max-width: 1079px) {
  .p-function-detail-feature-item__image img {
    object-fit: cover;
    width: 100%;
  }
}

.c-voice-list {
  grid-template-columns: repeat(2, 1fr);
}

.p-function-cta {
  background-color: var(--color-bg-product-primary);
  padding: var(--spacing_3xl) 0;
}
@media (max-width: 1079px) {
  .p-function-cta {
    padding: var(--spacing_2xl) 0;
  }
}
.p-function-cta__row {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: 419px 300px;
  gap: var(--spacing_3xl);
}
@media (max-width: 1079px) {
  .p-function-cta__row {
    grid-template-columns: 1fr;
    gap: var(--spacing_2xl);
  }
}
@media (min-width: 1080px) {
  .p-function-cta__title {
    text-align: center;
  }
}
@media (max-width: 1079px) {
  .p-function-cta__buttons .c-primary-button {
    max-width: 100%;
  }
}

@media (max-width: 1079px) {
  .p-function-detail-feature__list {
    gap: var(--spacing_2xl);
  }
}

@media (max-width: 1079px) {
  .p-function-detail-feature-item__image img {
    aspect-ratio: 342/261;
  }
}

.c-customer-voice {
  padding-left: var(--spacing_4xl);
  padding-right: var(--spacing_4xl);
}
@media (max-width: 1079px) {
  .c-customer-voice {
    padding: var(--spacing_2xl) var(--spacing_lg);
    border-radius: var(--radius_lg);
  }
}
.c-customer-voice h2 {
  margin-bottom: var(--spacing_4xl);
}
@media (max-width: 1079px) {
  .c-customer-voice h2 {
    margin-bottom: var(--spacing_2xl);
  }
}

.c-voice-list {
  gap: var(--spacing_xl);
}

.c-voice__logo {
  margin-bottom: var(--spacing_sm);
}

.c-voice-list-slider {
  margin: 0 0 var(--spacing_2xl);
}

/*# sourceMappingURL=doc-issue-shipping-service.css.map */