@charset "UTF-8";
/* **************************************


     追加


***************************************/
/*最小値:$value+0.2 → 可変（$value + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px,2560px:12px））→ 最大値:$value + 1.2*/
/* =============================================================================


    CHARACTERISTIC


============================================================================= */
.cha {
  padding: 100px 0;
}
.cha {
  /*   .inner {
    width: 90vw;
    @include mq("tab") {
      width: 100%;
    }
  } */
}

.cha-item {
  gap: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 120px;
}
.cha-item:nth-of-type(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.cha-item-img {
  margin-right: -93px;
  width: calc(60% + 93px);
}
.cha-item:nth-of-type(2n + 1) .cha-item-img {
  margin-left: -93px;
  margin-right: 0;
}

.cha-item-txtbox {
  width: calc(40% - 40px);
}

.cha-item-ttlbox {
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #231815;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}

.cha-item-num {
  font-family: "Barlow", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
}

.cha-item-ttl {
  font-size: 4.8rem;
}

.cha-item-txt {
  margin-top: 30px;
}

@media (max-width: 1228px){
  .cha-item:nth-of-type(2n + 1) .cha-item-img {
    margin-left: -24px;
  }
  .cha-item-img {
    margin-right: -24px;
    width: calc(50% + 24px);
  }
  .cha-item-txtbox {
    width: calc(50% - 40px);
  }
  .cha-item-num {
    font-size: 2rem;
  }
  .cha-item-ttl {
    font-size: 3.6rem;
  }
}

@media (max-width: 767px){
  .cha {
    padding-top: 50px;
  }
  .cha-item {
    gap: 20px;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    margin-top: 60px;
  }
  .cha-item:nth-of-type(2n + 1) .cha-item-img {
    margin-left: -16px;
  }
  .cha-item-img {
    margin-left: auto;
    margin-right: -16px;
    width: 95%;
  }
  .cha-item-txtbox {
    margin-right: auto;
    width: 95%;
  }
  .cha-item:nth-of-type(2n + 1) .cha-item-txtbox {
    margin-left: auto;
    margin-right: 0;
  }
  .cha-item-ttlbox {
    padding-bottom: 12px;
  }
  .cha-item-num {
    font-size: 1.8rem;
  }
  .cha-item-ttl {
    font-size: 3rem;
  }
  .cha-item-txt {
    margin-top: 16px;
  }
}

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