.promise #content .promiseBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 100px 0 100px
}

@media screen and (max-width: 768px) {
  .promise #content .promiseBox {
      display:block;
      padding: 0 20px 50px
  }
}

.promise #content .promiseBox .tx {
  font-size: 26px;
  font-weight: 700;
  width: 50%;
  line-height: 180%
}

@media screen and (max-width: 768px) {
  .promise #content .promiseBox .tx {
      width:100%;
      font-size: 16px
  }
}

.promise #content .promiseBox .imgBox {
  text-align: center;
  width: 50%
}

@media screen and (max-width: 768px) {
  .promise #content .promiseBox .imgBox {
      width:100%
  }
}

.promise #content .promiseBox2 {
  padding: 70px
}

@media screen and (max-width: 768px) {
  .promise #content .promiseBox2 {
      padding:50px 20px
  }
}

.promise #content .promiseBox2 .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 20px
}

.promise #content .promiseBox2 .title .iconBox {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 117px;
  -ms-flex: 0 0 117px;
  flex: 0 0 117px;
  padding: 0 30px 0 0
}

.promise #content .promiseBox2 .title .txBox {
  font-weight: 700
}

.promise #content .promiseBox2 .title .txBox .sub {
  display: inline-block;
  background-color: #42210b;
  padding: 5px 20px;
  border-radius: 30px;
  color: #fff;
  font-size: 20px
}

@media screen and (max-width: 768px) {
  .promise #content .promiseBox2 .title .txBox .sub {
      font-size:16px
  }
}

.promise #content .promiseBox2 .title .txBox h3 {
  color: #42210b;
  font-size: 26px;
  padding: 30px 0 0
}

@media screen and (max-width: 768px) {
  .promise #content .promiseBox2 .title .txBox h3 {
      font-size:22px;
      line-height: 1.6818181818;
      padding-top: 16px
  }
}

.promise #content .promiseBox2 .tx {
  font-size: 16px;
  line-height: 180%
}

@media screen and (max-width: 768px) {
  .promise #content .promiseBox2 .tx {
      font-size:14px
  }
}

.promise #content .firstBox_list {
  padding: 100px 0 70px
}

@media screen and (max-width: 768px) {
  .promise #content .firstBox_list {
      padding:30px 0 50px
  }
}

.promise #content .nav_list {
  margin: 50px 0 0
}

@media screen and (max-width: 768px) {
  .promise #content .nav_list {
      padding:30px 20px 0
  }
}
