@charset "utf-8";
/* CSS Document */

/* maintenance.htmlの要素 */
  /* タイトル */
  .recycleTopSp{
    font-size: 24px;
    color: #333333;
    display: flex;
    align-items: center;
    margin: 20px 0 20px;
    padding-left: 5px;
  }
  .recycleTopSp span{
    font-size: 16px;
    color: #777777;
    display: flex;
    align-items: center;
    padding:0 10px 0;
  }
  .recycleTopSp::after{
    border: 1px solid #777777;
    content: "";
    width: 40%;
  }
  

  /* スマホ用 */
  .maintenanceSpBox{
    width: 100%;
  }
  .maintenanceSpBox h5 img{
    width: 100%;
    height: auto;
  }
  .maintenanceSpImage img{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .maintenanceSpImage2 img{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .maintenanceSpBox p{
    margin-bottom: 30px;
  }


.h5_title {
    padding: 0.5em 1em;
    border: double 6px #FD7716;
    font-size: 1.5em;
    color: #FD7716;
    font-weight: bold;
  }
.product_feature_box {
    clear: both;
    width: 900px;
    margin-top: 2em;
}

.detail_tit {
  position: relative;
  padding-left: 1.5em;/*アイコン分のスペース*/
  line-height: 1.4;
  font-size: 1.2em;/*サイズ*/
  font-weight: bold;
}

.detail_tit:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.2em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  bottom: 0;/*アイコンの位置*/
  color: #5ab9ff; /*アイコン色*/
  font-weight: 900;
}