.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}




.inner02{max-width: 1200px; margin-left: auto;margin-right: auto;}
.orange-cl{color: #e95d08;}

.sub .image_flex:not(:last-child){margin-bottom: 80px;}
.sub .image_flex_tt{font-size: 30px; background: #00fff7; border: 1px solid #100f0f; padding: 10px 20px; line-height: 1.4em;}
.sub .image_flex_des p:not(.image_flex_tt){font-size: 18px; line-height: 1.5em; letter-spacing: 0.075em; margin-top: 25px; }
.sub .bg02 .image_flex_des p:not(.image_flex_tt){color: #FFF;}

.sub .reason_h6{font-size: 30px; line-height: 1.4;}
.box_420{display: none;}

#reason .equipment_box-catch .catch-00{font-size: 24px; letter-spacing: 0.1em; color: #fff; padding: 15px 24px 17px; line-height: 1em; border: 1px solid #100f0f; background: -moz-linear-gradient(left, #18c5ff, #0fe588); background: -webkit-linear-gradient(left, #18c5ff, #0fe588); background: linear-gradient(to right, #18c5ff, #0fe588); text-transform: uppercase; display: inline-block; position: relative; left: 35px; top: -30px; position: absolute;}

@media screen and (min-width: 769px) {
  .box_sp{display: none !important;}
  .sub .image_flex{display: flex; justify-content: space-between;}
  .sub .image_flex_img{width: 42%;}
  .sub .image_flex_des{width: 52%;}
  #reason .sub .def-btn{line-height: 75px;}
  #reason .sub .def-btn:hover{transform: translateY(-5px);}
  #reason .sub .inner .mate_box li dl dd{height: auto; min-height: 320px;}

}


@media screen and (max-width: 768px) {
  .box_pc{display: none !important;}
  #reason .sub .section_ttl h4{padding: 5px 20px;}
  #reason h1{max-width: 100%; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

  .sub .image_flex:not(:last-child){margin-bottom: 50px;}
  .sub .image_flex_img{margin-bottom: 40px;}
  .sub .inner .mate_box li:first-child{margin-top: 20px;}

  #reason .sub .inner .equipment_box-catch::after{transform: scale(0.7);}
  .sub .reason_h6{font-size: 20px;}
  #reason .sub .inner .equipment_box-catch .catch-01{text-align: center;}
  #reason .equipment_box-catch .catch-00{font-size: 16px; top: -25px; left: 25px;}
}
@media screen and (max-width: 420px) {
  .box_420{display: block;}
  #reason .sub .inner .set_menu.set_menu .set_menu-item .ttl02{font-size: 18px;}
  #reason .sub .inner .equipment_box-catch .catch-01{padding-right: 0;}
  #reason .sub .image_flex_tt{font-size: 22px;}
  #reason .sub .inner .equipment_product{padding: 20px;}
  #reason .sub .inner .equipment_product .ttl_tex{ font-size: 16px; line-height: 1.8;}
  #reason .sub .section_ttl h3{font-size: 50px;}
  #reason .sub .def-btn{font-size: 3.5vw;height: 60px; line-height: 60px;}
  #reason .sub .inner .equipment_box-catch{padding: 40px 20px 350px}
  #reason .sub .inner .equipment_box-catch::after{top: inherit; bottom: 0;left: calc(50% - 50px);}
  #reason .sub .inner .equipment_box-tex{padding-right: 0;}
}