.products .detail {
  margin: 50px auto;
  max-width: 1100px;
  flex-wrap: wrap; }
  @media screen and (max-width: 1200px) {
    .products .detail {
      margin: 40px auto 30px;
      max-width: 1020px; } }
  @media screen and (max-width: 767px) {
    .products .detail {
      flex-direction: column-reverse; } }
  .products .detail .textarea {
    width: 570px; }
    @media screen and (max-width: 1200px) {
      .products .detail .textarea {
        width: 500px; } }
    @media screen and (max-width: 767px) {
      .products .detail .textarea {
        width: 100%; } }
    .products .detail .textarea h4 {
      font-size: 2.5em;
      line-height: 1.5em;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 1200px) {
        .products .detail .textarea h4 {
          font-size: 2.25em; } }
      @media screen and (max-width: 767px) {
        .products .detail .textarea h4 {
          font-size: 2em; } }
      @media screen and (max-width: 500px) {
        .products .detail .textarea h4 {
          font-size: 1.425em; } }
    .products .detail .textarea p {
      font-size: 1.125em;
      margin-bottom: 1.5em; }
      @media screen and (max-width: 767px) {
        .products .detail .textarea p {
          font-size: 1em;
          margin-bottom: 0; } }
  .products .detail .imagearea {
    max-width: 480px;
    width: calc(100% - 570px);
    padding-left: 30px; }
    @media screen and (max-width: 1200px) {
      .products .detail .imagearea {
        width: calc(100% - 500px); } }
    @media screen and (max-width: 767px) {
      .products .detail .imagearea {
        width: 100%;
        padding-left: 0;
        margin-bottom: 10px; } }
.products ul.flexbox {
  align-items: flex-start;
  margin-bottom: 60px; }
  .products ul.flexbox li {
    width: calc(33.3333% - 40px); }
    .products ul.flexbox li h5 {
      font-size: 1.4em;
      line-height: 1.5em;
      margin: 0.5em 0; }
    .products ul.flexbox li p {
      font-size: 1em; }

.point-drone {
  color: #661461; }

.point-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .point-list {
      max-width: 440px; } }
  .point-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(25% - 10px);
    border: 2px solid;
    border-radius: 50%;
    text-align: center;
    aspect-ratio: 1 / 1;
    margin-bottom: 20px; }
    @media screen and (max-width: 950px) {
      .point-list li {
        width: calc(25% - 5px); } }
    @media screen and (max-width: 767px) {
      .point-list li {
        width: calc(50% - 10px);
        max-width: 200px;
        margin-bottom: 10px; } }
    @media screen and (max-width: 500px) {
      .point-list li {
        width: calc(50% - 5px); } }
    .point-list li h5 {
      font-weight: bold;
      font-size: 1.25em;
      letter-spacing: 0.01em;
      font-family: 'Montserrat', sans-serif; }
      @media screen and (max-width: 1200px) {
        .point-list li h5 {
          font-size: 1.125em; } }
      @media screen and (max-width: 950px) {
        .point-list li h5 {
          font-size: 1em; } }
      @media screen and (max-width: 500px) {
        .point-list li h5 {
          font-size: 0.85em; } }
    .point-list li p {
      font-size: 1.5em;
      line-height: 1.5em; }
      @media screen and (max-width: 1200px) {
        .point-list li p {
          font-size: 1.25em; } }
      @media screen and (max-width: 950px) {
        .point-list li p {
          font-size: 1.125em; } }
      @media screen and (max-width: 500px) {
        .point-list li p {
          font-size: 0.975em; } }

.ict {
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .ict {
      margin-top: 30px; } }
  .ict .textarea {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .ict .textarea {
        text-align: left; } }
    .ict .textarea h4 {
      margin-bottom: 20px;
      font-weight: 500;
      font-size: 2.25em;
      line-height: 1.75em;
      color: #352765; }
      @media screen and (max-width: 1200px) {
        .ict .textarea h4 {
          font-size: 2em; } }
      @media screen and (max-width: 500px) {
        .ict .textarea h4 {
          font-size: 1.75em; } }
      @media screen and (max-width: 500px) {
        .ict .textarea h4 {
          font-size: 1.425em; } }
    .ict .textarea p {
      font-size: 1.25em; }
      @media screen and (max-width: 767px) {
        .ict .textarea p {
          font-size: 1.125em; } }
      @media screen and (max-width: 500px) {
        .ict .textarea p {
          font-size: 1em; } }

.ict-flow {
  margin-top: 30px; }
  .ict-flow .ict-flow-h4 {
    position: relative;
    font-size: 1.7em;
    font-weight: bold;
    padding-left: 1.5em;
    color: #352765; }
    @media screen and (max-width: 1200px) {
      .ict-flow .ict-flow-h4 {
        padding-left: 1.25em; } }
    @media screen and (max-width: 767px) {
      .ict-flow .ict-flow-h4 {
        font-size: 1.5em;
        line-height: 1.75em; } }
    @media screen and (max-width: 500px) {
      .ict-flow .ict-flow-h4 {
        font-size: 1.25em; } }
    .ict-flow .ict-flow-h4::before {
      content: "";
      position: absolute;
      top: 0.6em;
      left: 0;
      width: 0.875em;
      height: 0.875em;
      border-radius: 50%;
      background-color: #352765; }
  .ict-flow .ict-flow-wrap {
    display: flex;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .ict-flow .ict-flow-wrap {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center; } }
  .ict-flow .ict-flow-box {
    display: flex;
    flex-direction: column;
    width: 33.3333%;
    padding-right: 25px; }
    @media screen and (max-width: 767px) {
      .ict-flow .ict-flow-box {
        position: relative;
        width: 100%;
        max-width: 300px;
        padding-right: 0;
        padding-bottom: 25px; }
        .ict-flow .ict-flow-box::before {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          bottom: 5px;
          right: calc(50% - 2em);
          border-style: solid;
          border-width: 20px 2em 0 2em;
          border-color: #81759b transparent transparent transparent; } }
    .ict-flow .ict-flow-box h5 {
      position: relative;
      font-size: 2.25em !important;
      line-height: 2em !important;
      margin: 0 !important;
      color: #fff;
      background-color: #81759b;
      font-weight: 500;
      text-align: center; }
      @media screen and (max-width: 1200px) {
        .ict-flow .ict-flow-box h5 {
          font-size: 2em !important; } }
      @media screen and (max-width: 767px) {
        .ict-flow .ict-flow-box h5 {
          font-size: 1.75em !important; } }
      @media screen and (max-width: 500px) {
        .ict-flow .ict-flow-box h5 {
          font-size: 1.5em !important; } }
      .ict-flow .ict-flow-box h5::before {
        content: "";
        position: absolute;
        top: 0;
        right: -20px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 1em 0 1em 20px;
        border-color: transparent transparent transparent #81759b; }
        @media screen and (max-width: 767px) {
          .ict-flow .ict-flow-box h5::before {
            border: none; } }
    .ict-flow .ict-flow-box:first-child h5 {
      background-color: #352765; }
      .ict-flow .ict-flow-box:first-child h5::before {
        border-color: transparent transparent transparent #352765; }
    .ict-flow .ict-flow-box .ict-flow-image {
      border-right: 4px solid #81759b;
      border-left: 4px solid #81759b;
      border-bottom: 4px solid #81759b;
      border-radius: 0 0 15px 15px;
      padding: 15px 15px 10px;
      flex-grow: 1; }

.sec-3ddata {
  margin-top: 150px; }
  @media screen and (max-width: 767px) {
    .sec-3ddata {
      margin-top: 60px; } }

.point-3ddata {
  color: #0b8a7c; }

.needs .textarea h4 {
  margin: 50px 0 20px;
  font-weight: 500;
  font-size: 2.25em;
  line-height: 1.75em;
  text-align: center;
  color: #0b8a7c; }
  @media screen and (max-width: 1200px) {
    .needs .textarea h4 {
      font-size: 2em; } }
  @media screen and (max-width: 767px) {
    .needs .textarea h4 {
      margin: 30px 0 20px;
      text-align: left; } }
  @media screen and (max-width: 500px) {
    .needs .textarea h4 {
      font-size: 1.425em; } }
.needs .flexbox {
  justify-content: space-around;
  align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .needs .flexbox {
      justify-content: space-between; } }
  @media screen and (max-width: 500px) {
    .needs .flexbox {
      flex-wrap: wrap; } }
  .needs .flexbox .box-needs {
    width: calc(50% - 50px); }
    @media screen and (max-width: 767px) {
      .needs .flexbox .box-needs {
        width: calc(50% - 15px); } }
    @media screen and (max-width: 500px) {
      .needs .flexbox .box-needs {
        width: 100%; }
        .needs .flexbox .box-needs:first-child {
          margin-bottom: 20px; } }
    .needs .flexbox .box-needs h5 {
      font-size: 1.725em;
      font-weight: 500;
      text-align: center;
      margin-bottom: 10px; }
      @media screen and (max-width: 1200px) {
        .needs .flexbox .box-needs h5 {
          font-size: 1.5em; } }
      @media screen and (max-width: 500px) {
        .needs .flexbox .box-needs h5 {
          font-size: 1.25em; } }
    .needs .flexbox .box-needs .box-needs-img {
      font-size: 0;
      margin-bottom: 20px; }
      @media screen and (max-width: 500px) {
        .needs .flexbox .box-needs .box-needs-img {
          margin-bottom: 15px; } }
    .needs .flexbox .box-needs p {
      font-size: 1.25em; }
      @media screen and (max-width: 1200px) {
        .needs .flexbox .box-needs p {
          font-size: 1.125em; } }
      @media screen and (max-width: 767px) {
        .needs .flexbox .box-needs p {
          font-size: 1em; } }

.link-infrared {
  margin-top: 100px; }
  @media screen and (max-width: 767px) {
    .link-infrared {
      margin-top: 50px; } }
  .link-infrared a {
    position: relative;
    display: block;
    width: 100%;
    height: 400px;
    overflow: hidden;
    line-height: 0; }
    @media screen and (max-width: 1200px) {
      .link-infrared a {
        height: 350px; } }
    @media screen and (max-width: 767px) {
      .link-infrared a {
        height: inherit;
        max-height: 350px; }
        .link-infrared a::before {
          content: "";
          display: block;
          padding-top: 50%;
          position: inherit; } }
    .link-infrared a img {
      width: 100%;
      height: 440px;
      transition: transform .6s ease;
      object-fit: cover; }
      @media screen and (max-width: 1200px) {
        .link-infrared a img {
          height: 350px; } }
      @media screen and (max-width: 767px) {
        .link-infrared a img {
          position: absolute;
          top: 0;
          left: 0; } }
    .link-infrared a h3 {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      font-size: 1.8em;
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      line-height: 2.2em;
      font-weight: 500; }
      @media screen and (max-width: 767px) {
        .link-infrared a h3 {
          font-size: 1.2em; } }
      .link-infrared a h3 span {
        display: block;
        font-size: 1.7em; }
    .link-infrared a:hover img {
      transform: scale(1.1); }

/*# sourceMappingURL=drone.css.map */