.page-program .common-fv__body-title {
  letter-spacing: 0.07em;
}

.about {
  padding: 10rem 0 0;
}

.about .c-layout01__item-head {
  background: #e6001e;
  padding: 0.625rem;
}

.about .u-sales .c-layout01__item-head {
  background: #e77600;
}

.about .u-scm .c-layout01__item-head {
  background: #f0b200;
}

.about .u-engineering .c-layout01__item-head {
  background: #8bb628;
}

.about .u-procurement .c-layout01__item-head {
  background: #297f48;
}

.about .u-operations .c-layout01__item-head {
  background: #0081b9;
}

.about .c-layout01__item-number {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #fff;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .about .c-layout01__item-number {
    font-size: max(0.6rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .about .c-layout01__item-number {
    font-size: 0.75rem;
  }
}

.about .c-layout01__item-title {
  font-weight: 500;
  line-height: 1.3333333333;
  letter-spacing: 0em;
  color: #fff;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .about .c-layout01__item-title {
    font-size: max(0.9rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .about .c-layout01__item-title {
    font-size: 1.125rem;
  }
}

.about__accordion {
  margin-top: 0.625rem;
}

.about .c-accordion-head {
  margin-top: 1.875rem;
}

.about .c-accordion__head.active + .c-accordion__contents {
  padding-top: 1.875rem;
}

.system {
  padding: 10rem 0;
}

.system .c-layout01__item-head {
  background: #e6001e;
  padding: 0.625rem;
}

.system .u-marketing .c-layout01__item-head {
  background: #da5283;
}

.system .u-investigation .c-layout01__item-head {
  background: #3c59b0;
}

.system .u-intellectual-property .c-layout01__item-head {
  background: #7f4fba;
}

.system .c-layout01__item-number {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #fff;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .system .c-layout01__item-number {
    font-size: max(0.6rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .system .c-layout01__item-number {
    font-size: 0.75rem;
  }
}

.system .c-layout01__item-title {
  font-weight: 500;
  line-height: 1.3333333333;
  letter-spacing: 0em;
  color: #fff;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .system .c-layout01__item-title {
    font-size: max(0.9rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .system .c-layout01__item-title {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 768px) {
  .page-program .common-fv__body-title {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about {
    padding: 9.38vw 0 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about {
    padding: 32vw 0 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about .c-layout01__item-head {
    padding: 0.78vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about .c-layout01__item-head {
    padding: 2.67vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about .c-layout01__item-number {
    font-size: max(0.94vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about .c-layout01__item-number {
    font-size: max(3.2vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about .c-layout01__item-title {
    font-size: max(1.41vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about .c-layout01__item-title {
    font-size: max(4.8vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about__accordion {
    margin-top: 0.78vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about__accordion {
    margin-top: 2.67vw;
  }
}
@media screen and (max-width: 768px) {
  .about .c-accordion-head {
    margin-top: 1.875rem;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about .c-layout01__main-title {
    font-size: max(1.24vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about .c-layout01__main-title {
    font-size: max(4.24vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about .c-accordion__head.active + .c-accordion__contents {
    padding-top: 0.78vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about .c-accordion__head.active + .c-accordion__contents {
    padding-top: 2.67vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .system {
    padding: 9.38vw 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .system {
    padding: 32vw 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .system .c-layout01__item-head {
    padding: 0.78vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .system .c-layout01__item-head {
    padding: 2.67vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .system .c-layout01__item-number {
    font-size: max(0.94vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .system .c-layout01__item-number {
    font-size: max(3.2vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .system .c-layout01__item-title {
    font-size: max(1.41vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .system .c-layout01__item-title {
    font-size: max(4.8vw, 10px);
  }
}