.nav-pc li:nth-child(3) a {
  color: #4267b2; }
  .nav-pc li:nth-child(3) a::before {
    background-color: #4267b2;
    width: 100%; }

.section-sub-hero {
  background: url("/assets/img/business/main-0409.jpg") no-repeat center;
  background-size: cover; }
.section-ecu {
  position: relative;
  z-index: 0;
  background-color: #f6f6f8;
  opacity: 0.8;
  background-image: linear-gradient(#f6f6f8 2px, transparent 2px), linear-gradient(to right, #f6f6f8 2px, #fff 2px);
  background-size: 150px 150px;
  padding: 60px 0;
  overflow: hidden; }
  @media screen and (max-width: 480px) {
    .section-ecu {
      padding: 30px 0; } }
  .section-ecu::before {
    content: "CAR SYSTEM";
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 1;
    font-size: 140px;
    font-weight: bold;
    color: #f5f5f5;
    line-height: 1; }
    @media screen and (max-width: 1024px) {
      .section-ecu::before {
        bottom: -26px;
        font-size: 100px; } }
    @media screen and (max-width: 480px) {
      .section-ecu::before {
        bottom: -10px;
        font-size: 60px; } }
  .section-ecu h2 {
    font-size: 2.25rem;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -0.02em; }
    @media screen and (max-width: 1024px) {
      .section-ecu h2 {
        font-size: 1.875rem; } }
    @media screen and (max-width: 768px) {
      .section-ecu h2 {
        font-size: 1.5rem; } }
    @media screen and (max-width: 480px) {
      .section-ecu h2 {
        font-size: 1.25rem; } }
    .section-ecu h2 br {
      display: none; }
      @media screen and (max-width: 480px) {
        .section-ecu h2 br {
          display: block; } }
  .section-ecu__box {
    position: relative;
    z-index: 2;
    margin-top: 40px; }
    @media screen and (max-width: 480px) {
      .section-ecu__box {
        margin-top: 20px; } }
    .section-ecu__box .box {
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap; }
      .section-ecu__box .box-img {
        width: 50%;
        padding-right: 20px; }
        @media screen and (max-width: 768px) {
          .section-ecu__box .box-img {
            padding-right: 10px; } }
        @media screen and (max-width: 480px) {
          .section-ecu__box .box-img {
            width: 100%;
            padding-right: 0; } }
        .section-ecu__box .box-img .pc-only {
          display: block; }
          @media screen and (max-width: 480px) {
            .section-ecu__box .box-img .pc-only {
              display: none; } }
      .section-ecu__box .box-txt {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        width: 50%; }
        @media screen and (max-width: 1024px) {
          .section-ecu__box .box-txt {
            gap: 10px; } }
        @media screen and (max-width: 480px) {
          .section-ecu__box .box-txt {
            width: 100%; } }
      .section-ecu__box .box-col {
        background-color: #fff;
        border: 1px solid #627f99; }
        .section-ecu__box .box-col h3 {
          background-color: #627f99;
          padding: 15px 15px 10px;
          font-size: 1.5rem;
          font-weight: normal;
          color: #fff;
          line-height: 1.2; }
          @media screen and (max-width: 1320px) {
            .section-ecu__box .box-col h3 {
              font-size: 1.25rem; } }
          @media screen and (max-width: 1024px) {
            .section-ecu__box .box-col h3 {
              font-size: 1.125rem; } }
          @media screen and (max-width: 768px) {
            .section-ecu__box .box-col h3 {
              padding: 10px;
              font-size: 1rem; } }
          @media screen and (max-width: 480px) {
            .section-ecu__box .box-col h3 {
              font-size: 1rem; } }
        .section-ecu__box .box-col .txt {
          padding: 15px;
          font-size: 1rem;
          line-height: 1.4; }
          @media screen and (max-width: 1024px) {
            .section-ecu__box .box-col .txt {
              font-size: 0.875rem; } }
          @media screen and (max-width: 768px) {
            .section-ecu__box .box-col .txt {
              padding: 10px; } }
.section-value {
  padding: 60px 0; }
  @media screen and (max-width: 480px) {
    .section-value {
      padding: 30px 0; } }
  .section-value h2 {
    border-bottom: 1px solid #222;
    padding: 0 10px;
    font-size: 2.25rem;
    font-weight: bold;
    color: #627f99;
    line-height: 1.4; }
    @media screen and (max-width: 480px) {
      .section-value h2 {
        font-size: 1.5rem; } }
  .section-value__box {
    margin-top: 40px;
    padding: 0 20px; }
    @media screen and (max-width: 480px) {
      .section-value__box {
        margin-top: 20px;
        padding: 0; } }
    .section-value__box .box {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-top: 40px; }
      .section-value__box .box:first-child {
        margin-top: 0; }
      .section-value__box .box-txt {
        width: 50%;
        padding-right: 20px; }
        @media screen and (max-width: 1024px) {
          .section-value__box .box-txt {
            padding-right: 20px; } }
        @media screen and (max-width: 480px) {
          .section-value__box .box-txt {
            width: 100%;
            padding-right: 0; } }
        .section-value__box .box-txt h3 {
          border-left: 8px solid #627f99;
          padding-left: 10px;
          font-size: 1.5rem;
          font-weight: normal;
          line-height: 1.4; }
          @media screen and (max-width: 1024px) {
            .section-value__box .box-txt h3 {
              font-size: 1.25rem; } }
          @media screen and (max-width: 480px) {
            .section-value__box .box-txt h3 {
              font-size: 1.125rem; } }
        .section-value__box .box-txt .txt {
          margin-top: 20px;
          padding-left: 20px; }
          @media screen and (max-width: 480px) {
            .section-value__box .box-txt .txt {
              padding-left: 0; } }
      .section-value__box .box-img {
        width: 50%; }
        @media screen and (max-width: 480px) {
          .section-value__box .box-img {
            width: 100%;
            margin-top: 20px; } }
.section-flow {
  position: relative;
  background-color: #e6e6e6;
  padding: 60px 0 120px;
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .section-flow {
      padding-bottom: 100px; } }
  @media screen and (max-width: 480px) {
    .section-flow {
      padding-top: 30px;
      padding-bottom: 60px; } }
  .section-flow::before {
    content: "FLOW";
    position: absolute;
    bottom: -22px;
    right: 0;
    font-size: 140px;
    font-weight: bold;
    color: #f5f5f5;
    line-height: 1; }
    @media screen and (max-width: 1024px) {
      .section-flow::before {
        bottom: -16px;
        font-size: 100px; } }
    @media screen and (max-width: 480px) {
      .section-flow::before {
        bottom: -10px;
        font-size: 60px; } }
  .section-flow h2 {
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.4; }
    @media screen and (max-width: 480px) {
      .section-flow h2 {
        font-size: 1.5rem; } }
  .section-flow__box {
    margin-top: 40px;
    padding: 0 20px; }
    .section-flow__box .box {
      padding-left: 25px; }
      @media screen and (max-width: 480px) {
        .section-flow__box .box {
          padding-left: 0; } }
      .section-flow__box .box-row {
        position: relative;
        border-left: 1px solid #627f99;
        padding-left: 45px;
        padding-bottom: 40px; }
        @media screen and (max-width: 480px) {
          .section-flow__box .box-row {
            padding-left: 30px;
            padding-bottom: 20px; } }
        .section-flow__box .box-row h3 {
          margin-bottom: 10px; }
          .section-flow__box .box-row h3 span {
            position: absolute;
            top: -10px;
            left: -28px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #627f99;
            border: 5px solid #e6e6e6;
            border-radius: 50%;
            width: 55px;
            height: 55px;
            font-size: 1.5rem;
            color: #fff;
            line-height: 1; }
            @media screen and (max-width: 480px) {
              .section-flow__box .box-row h3 span {
                left: -26px;
                width: 50px;
                height: 50px;
                font-size: 1.125rem; } }
        .section-flow__box .box-row ul {
          margin-top: 20px; }