@charset "utf-8";

/* CSS Document */
.technologypage .contentheader{background-image: url(../images/technology-bg-01.jpg);}

.technology{padding-bottom: 100px;}
  .technology-outline{margin-bottom: 80px;}
    .technologyoutline-fig{
      width: 70%;
      margin: 0 auto;
      position: relative;
      z-index: 100;
      }
    .technologyoutline-detail{
      width: 100%;
      margin: -90px auto 0;
      padding: 140px 50px 50px;
      /* border-bottom: 5px solid rgba(255,216,19,.5); */
      background-color: rgba(255,255,255,1);
      box-shadow: 0px 0px 10px -6px rgba(0,0,0,0.6);
      }
      .technologyoutline-detail-txt{
        font-weight: 500;
        line-height: 1.8 ;
        }

  .technology-base{
    display: flex;
    flex-wrap: wrap;
    }
    .technology-base-item{
      width: calc((100% - 80px) / 2);
      padding: 40px;
      border-top: 10px solid rgba(255,216,19,1);
      background-color: rgba(255,255,255,1);
      box-shadow: 0px 0px 10px -6px rgba(0,0,0,0.6);
      position: relative;
      }
      .technology-base-item.scan{margin-right: 80px;}
      .technology-base-item.scan::before{
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 0 25px 30px;
        border-color: transparent transparent transparent rgba(150,150,150,1);
        position: absolute;
        top: 50%;
        right: -55px;
        transform: translateY(-50%);
        }
      .technology-base-item.processing{}
      .technology-base-ttl{margin-bottom: 10px;}
        .technology-base-ttl-txt{
          display: inline-block;
          font-size: 18px;
          font-weight: 500;
          position: relative;
          }
          .technology-base-ttl-txt::before{
            content: "";
            width: 40px;
            height: 2px;
            background-color: rgba(255,216,19,1);
            position: absolute;
            right: -50px;
            top: 50%;
            transform: translateY(-50%);
            }
      .technology-base-fig{margin-bottom: 10px;}
      .technology-base-detail{}
        .technology-base-detail-txt{
          font-size: 14px;
          line-height: 1.8;
          }


.strengths{
  padding-top: 100px;
  padding-bottom: 150px;
  background-color: rgba(246,247,249,1);
  }
  .strengths .secintro-ttl{margin-bottom: 70px;}

.strengths-list{}
  .strengths-item{}
    .strengths-item:not(:last-of-type){margin-bottom: 80px;}
    .strengths-item-ttl{
      display: flex;
      justify-content: flex-start;
      margin-bottom: 20px;      
      padding-top: 10px;
      padding-bottom: 10px;
      position: relative;
      }
      .strengths-item-ttl::before{
        content: "";
        width: 100%;
        height: 3px;
        background-color:rgba(150,150,150,1);
        position: absolute;
        bottom: 0;
        left: 0;
        }
      .strengths-item-ttl-txt{
        font-size: 18px;
        font-weight: 500;
        line-height: 1.4;
        position: relative;
        }
        .strengths-item-ttl-txt::before{
          content: "";
          width: 100%;
          height: 3px;
          background-color:rgba(255,216,19,1);
          position: absolute;
          bottom: -10px;
          left: 0;
          }

    .strengths-item-detail{}
      .strengths-item-detail-txt{}


@media screen and (max-width: 1199px) {}/* max-width: 1199px */

@media screen and (max-width: 991px) {

.technology{padding-bottom: 80px;}

  .technology-outline{margin-bottom: 50px;}
    .technologyoutline-fig{width: 80%;}
    .technologyoutline-detail{
      width: 100%;
      margin: -80px auto 0;
      padding: 120px 35px 35px;
      }
      .technology-base-item{
        width: calc((100% - 60px) / 2);
        padding: 30px;
        }
        .technology-base-item.scan{margin-right: 60px;}
        .technology-base-item.scan::before{
          border-width: 15px 0 15px 20px;
          right: -40px;
          }
          .technology-base-ttl-txt{font-size: 16px;}
            .technology-base-ttl-txt::before{width: 30px;}
          .technology-base-detail-txt{line-height: 1.6;}

.strengths{
  padding-top: 80px;
  padding-bottom: 100px;
  }
  .strengths-item-ttl-txt{font-size: 16px;}
  .strengths-item:not(:last-of-type){margin-bottom: 50px;}

}/* max-width: 991px */

@media screen and (max-width: 767px) {

.technology{padding-bottom: 50px;}
  .technologyoutline-detail{padding: 120px 25px 25px;}

    .technology-base-item{
      width: 100%;
      padding: 30px;
      }
      .technology-base-item.scan{
        margin-right: 0;
        margin-bottom: 60px;
        }
        .technology-base-item.scan::before{
          top: auto;
          right: auto;
          bottom: -60px;
          left: 50%;
          transform: translate(0, -50%) rotate(90deg);
          }

.strengths{
  padding-top: 50px;
  padding-bottom: 80px;
  }
  .strengths .secintro-ttl{margin-bottom: 50px;}
  .strengths-item:not(:last-of-type){margin-bottom: 30px;}
  .strengths-item-ttl{margin-bottom: 15px;}
}/* max-width: 767px */

@media screen and (max-width: 575px) {

.technologyoutline-fig{width: 95%;}
.technologyoutline-detail{
  width: 100%;
  margin: -60px auto 0;
  padding: 90px 20px 20px;
  }
  .technology-base-item{padding: 20px;}
    .technology-base-ttl-txt{font-size: 15px;}

.strengths .secintro-ttl{margin-bottom: 30px;}
  .strengths-item-ttl-txt{font-size: 15px;}
  
}/* max-width: 575px */