@charset "UTF-8";

/**
 * business.css
 */

.business_info {
  margin-top: 80px;
  .info_elements {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    .info_element {
      width: calc((100% - 64px) / 3);
      background: var(--color-theme-sub);
      text-align: center;
      padding: 20px 10px;
      border-radius: 5px;
      img {
        width: 50px;
      }
      h3 {
        margin-top: 10px;
        color: #fff;
        font-size: 1.6rem;
        font-weight: 500;
      }
    }
  }
  .info_arrow {
    width: 111px;
    height: 17px;
    margin: 24px auto 0 auto;
    background: #c6dff6;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
  h2 {
    margin-top: 24px;
    font-size: 3.2rem;
    text-align: center;
  }
}

.business_list {
  .business_list_elements {
    margin-top: 48px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px 32px;
    .business_list_element {
      background: #fff;
      width: calc((100% - 64px) / 3);
      padding: 30px;
      border-radius: 6px;
      .list_num {
        text-align: center;
        color: var(--color-theme-sub);
        font-size: 2.4rem;
        font-family: var(--font-en);
        font-weight: 400;
      }
      .list_image {
        margin-top: 16px;
        img {
        }
      }
      h3 {
        color: var(--color-theme-sub);
        text-align: center;
        font-size: 2rem;
        font-weight: 700;
        margin-top: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #dddddd;
      }
      p {
        margin-top: 16px;
      }
    }
  }
}

.building_features {
  margin-top: 80px;
  .inner {
    background: none;
  }
  .content_header_center {
    text-align: center;
  }
  .building_features_info {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
    .building_features_info_image {
      width: 244px;
    }
    .building_features_info_content {
      width: calc(100% - 284px);
      h3 {
        color: var(--color-theme-sub);
        font-size: 2rem;
        padding-bottom: 16px;
        border-bottom: 1px solid #dddddd;
      }
      p {
        margin-top: 16px;
      }
    }
  }
  .business_list_elements {
    .business_list_element {
      box-shadow: 0px 1px 40px 0px #0074c11a;
    }
  }
}

.business_features {
  margin-top: 80px;
  .content_header_center {
    p {
      text-align: center;
    }
  }
}

.features_elements {
  margin-top: 64px;
  .features_element {
    background: rgba(244, 246, 247, 0.5);
    background: #f9fbfb;
    .inner {
      display: flex;
      flex-wrap: wrap;
      gap: 80px;
      padding: 80px 0;
      .features_image {
        width: 250px;
      }
      .block_header {
        width: calc(100% - 330px);
        .subtitle_en {
          color: rgba(50, 142, 191, 0.3);
          font-size: 1.2rem;
          font-family: var(--font-en);
          font-weight: 400;
        }
        .block_title {
          line-height: 110%;
          font-size: 2.8rem;
          font-weight: 700;
          padding-bottom: 24px;
          border-bottom: 1px solid #dddddd;
        }
        p {
          margin-top: 40px;
          span {
            font-size: 1.2rem;
          }
        }
        ul {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
          list-style: none;
          margin: 24px 0 0 0;
          padding: 0;
          li {
            background: #fff;
            border-radius: 5px;
            padding: 4px 8px;
            font-size: 1.2rem;
            font-weight: 500;
            color: var(--color-theme-sub);
            border: 1px solid var(--color-theme-sub);
          }
        }
        dl {
          margin: 24px 0 0 0;
          display: flex;
          flex-wrap: wrap;
          gap: 0;
          border-top: 1px solid #f4f6f7;
          border-left: 1px solid #f4f6f7;
          dt {
            width: 300px;
            color: #fff;
            background: var(--color-theme-sub);
            padding: 16px;
            border-right: 1px solid #f4f6f7;
            border-bottom: 1px solid #f4f6f7;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
          }
          dd {
            text-align: center;
            width: calc(100% - 300px);
            margin: 0;
            padding: 0;
            background: #fff;
            display: flex;
            flex-wrap: nowrap;
            gap: 0;
            span {
              flex: 1 1 0;
              width: 100%;
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              box-sizing: border-box;
              padding: 16px;
              border-right: 1px solid #f4f6f7;
              border-bottom: 1px solid #f4f6f7;
            }
          }
        }
      }
    }
  }

  .features_element_rev {
    background: #f4f6f7;
    .features_image {
      order: 2;
    }
    .block_header {
      order: 1;
    }
  }
}

.features_elements_building {
  .features_element {
    .inner {
      align-items: center;
    }
  }
}

.business_for_company {
  margin-top: 120px;
  text-align: center;
  h2 {
    font-size: 2.4rem;
    color: var(--color-theme-sub);
    font-weight: 700;
  }
  .for_company_content {
    margin-top: 36px;
    padding: 40px 10px;
    border: 1px solid #c6dff6;
    border-radius: 5px;
    p {
      font-size: 1.4rem;
    }
    .for_company_line_area {
      margin-top: 32px;
      display: flex;
      flex-wrap: wrap;
      gap: 24px 64px;
      align-items: center;
      justify-content: center;
      border-radius: 5px;
      .line_qr {
        img {
          width: 186px;
        }
      }
      .line_icon {
        img {
          width: 211px;
        }
      }
    }
  }
}

.business_contact {
  margin-top: 36px;
  a {
    text-decoration: none;
    text-align: center;
    border: 1px solid #c6dff6;
    padding: 40px 10px;
    display: block;
    h3 {
      font-size: 1.6rem;
    }
    h2 {
      margin-top: 16px;
      font-size: 3.2rem;
      font-weight: 700;
      color: var(--color-theme-sub);
      img {
        margin-right: 3px;
        width: 40px;
        vertical-align: middle;
      }
    }
    p {
      font-size: 1.4rem;
      font-weight: 500;
      margin-top: 16px;
    }
  }
}

/* business common */

.business_detail_info {
  margin-top: 24px;
  .business_detail_info_image {
    margin-top: 40px;
  }
}

.worries_elements {
  margin-top: 48px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
  .worries_element {
    width: calc((100% - 64px) / 3);
    background: #fff;
    border-radius: 6px;
    padding: 30px 16px;
    .icon {
      img {
        width: 40px;
      }
    }
    h3 {
      margin-top: 16px;
      color: var(--color-theme-sub);
      font-size: 2rem;
      letter-spacing: 0;
    }
    p {
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid #dddddd;
      text-align: left;
    }
  }
}

.worries_elements4 {
  gap: 16px 24px;
  .worries_element {
    width: calc((100% - 72px) / 4);
    padding: 30px 16px;
    h3 {
      font-size: 1.8rem;
    }
  }
}

.worries_note {
  margin-top: 24px;
  font-weight: 700;
}

.business_services {
  margin-top: 80px;
  .content_header {
    text-align: center;
  }
}

.business_service_elements {
  margin-top: 64px;
  .business_service_element {
    background: rgba(244, 246, 247, 0.5);
    padding: 80px 0;
    .inner {
      display: flex;
      flex-wrap: wrap;
      gap: 24px 80px;
      .business_service_element_image {
        img {
          width: 250px;
        }
      }
      .business_service_element_content {
        width: calc(100% - 330px);
        .block_header {
          border-bottom: 1px solid #dddddd;
          padding-bottom: 24px;
          .subtitle_en {
            font-size: 1.2rem;
          }
          .block_title {
            font-size: 2.8rem;
          }
        }
        p {
          margin-top: 40px;
        }
        ul {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
          list-style: none;
          margin: 24px 0 0 0;
          padding: 0;
          li {
            background: #fff;
            border-radius: 5px;
            padding: 4px 8px;
            font-size: 1.2rem;
            font-weight: 500;
            color: var(--color-theme-sub);
            border: 1px solid var(--color-theme-sub);
          }
        }
      }
    }
  }
  .business_service_element:nth-child(even) {
    background: #f4f6f7;
    .inner {
      .business_service_element_image {
        order: 2;
      }
      .business_service_element_content {
        order: 1;
      }
    }
  }
}

@media screen and (max-width: 1110px) {
}
@media screen and (max-width: 740px) {
  .page_info {
    .block_header {
      p {
        margin-top: 24px;
      }
      .block_header_sub {
        h2 {
          font-size: 1.8rem;
        }
      }
    }
  }
  .business_info {
    margin-top: 24px;
    .info_elements {
      .info_element {
        width: 100%;
      }
    }
    h2 {
      font-size: 2rem;
    }
  }
  .business_list {
    .business_list_elements {
      .business_list_element {
        width: 100%;
      }
    }
  }
  .business_features {
    .content_header_center {
      letter-spacing: 0;
      p {
        text-align: left;
      }
    }
  }
  .features_elements {
    margin-top: 32px;
    .features_element {
      .inner {
        padding: 48px 24px;
        gap: 32px;
        .features_image {
          width: 100%;
        }
        .block_header {
          width: 100%;
          p {
            margin-top: 24px;
          }
          dl {
            dt {
              width: 114px;
              font-size: 1.4rem;
              letter-spacing: 0;
              padding: 13px 7px;
            }
            dd {
              width: calc(100% - 114px);
              font-size: 1.4rem;
              letter-spacing: 0;
              flex-direction: column;
              span {
                flex: 1 1 auto;
                width: 100%;
                height: auto;
                padding: 13px 7px;
              }
            }
          }
        }
      }
    }
    .features_element_rev {
      .features_image {
        order: 1;
      }
      .block_header {
        order: 2;
      }
    }
  }
  .business_for_company {
    margin-top: 80px;
    .for_company_content {
      margin-top: 32px;
      padding: 40px 24px;
    }
  }
  .business_contact {
    margin-top: 32px;
    a {
      padding: 24px 10px;
      h2 {
        font-size: 2.6rem;
        margin-top: 8px;
      }
      p {
        margin-top: 8px;
      }
    }
  }
  .business_worries_content {
    .content_header {
      p {
        text-align: left;
      }
    }
  }
  .worries_elements {
    margin-top: 32px;
    .worries_element {
      width: 100%;
    }
  }
  .drone_content_flow {
    padding-bottom: 120px;
    .arrow_content_detail {
      padding-bottom: 25px;
    }
    .arrow_content_detail::before {
      top: 50%;
    }
    .arrow_content_detail::after {
      top: auto;
    }
  }
  .arrow_content_elements {
    padding-top: 40px;
  }
  .worries_elements4 {
    gap: 16px;
    .worries_element {
      width: calc((100% - 16px) / 2);
      h3 {
        font-size: 1.4rem;
      }
    }
  }
  .building_features {
    .content_header {
      p {
        text-align: left;
      }
    }
    .building_features_info {
      .building_features_info_image {
        width: 100%;
      }
      .building_features_info_content {
        width: 100%;
      }
    }
  }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}