@charset "UTF-8";

.top-commitment-tit01 {
  font-size: clamp(18px, 2.2vw, 2.2rem);
  color: #0068b7;
  border-bottom: solid 1px  #0068b7;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
}
.top-commitment img {
  width: 100%;
  border-radius: 20px;
}

.top-commitment-box01 {
  position: relative;
  z-index: 0;
  margin: 0 0 40px 0;
  padding: 30px 44px 20px;
  background: #fff;
  width: 100%;
  border-top: solid 1px  #0068b7;
  border-bottom: solid 1px  #0068b7;
}

.top-commitment-box01-wrap {
  width: 100%;
  display: flex;
}

.top-commitment-box01-fig {
  width: 26%;
}
.top-commitment-box01-txt {
  width: 100%;
}
.top-commitment-box01-article {
  margin: 0 0 34px 0;
  padding:0 0 0 40px;
}
.top-commitment-box01-article p {
  margin: 0;
  padding: 0;
  font-size: clamp(13px, 1.6vw, 1.6rem);
  line-height: 1.8;
  margin-bottom: 1.6rem;
}
.top-commitment-box01-tit {
  font-size: clamp(18px, 2.2vw, 2.2rem);
  color: #333;
  font-weight: 600;
  margin: 0 0 25px 0;
  padding: 0 0 0 74px;
  position:relative;
  display:inline-block;
}
.top-commitment-box01-tit::before {
  position:absolute;
  top:calc(50% - 0px);
  left: -8px;
  width:68px;
  height:10px;
  content:'';
  border-top: solid 2px #999;
}

@media screen and (max-width: 768px) {
  .top-commitment-box01 {
    padding: 20px 15px 10px;
    width: 100%;
  }
  .top-commitment-box01-wrap {
    display: block;
  }
  .top-commitment-box01-fig {
    width: 100%;
  }
  .top-commitment-box01-txt {
    width: 100%;
  }
  .top-commitment-box01-article {
    margin: 0 0 20px 0;
    padding: 0;
  }
}