/*! Writen  by SCSS */
.sec02 {
  padding-bottom: clamp(50px, 6.67%, 80px); }
  @media screen and (max-width: 768px) {
    .sec02 .box01 .item.wide {
      width: calc(791% / 12); } }
  @media screen and (max-width: 480px) {
    .sec02 .box01 .item.wide {
      width: 100%; } }
  .sec02 .box01 .item.img112 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .sec02 .box01 .item.img112 {
        width: calc(380%/12);
        display: block; } }
    @media screen and (max-width: 480px) {
      .sec02 .box01 .item.img112 {
        width: 100%; } }
    .sec02 .box01 .item.img112 .item_img {
      width: calc(348%/5.87); }
      @media screen and (max-width: 768px) {
        .sec02 .box01 .item.img112 .item_img {
          width: 100%; } }
    .sec02 .box01 .item.img112 .text_box {
      width: calc(200%/5.87); }
      @media screen and (max-width: 768px) {
        .sec02 .box01 .item.img112 .text_box {
          width: 100%; } }
      .sec02 .box01 .item.img112 .text_box .item_ttl {
        text-align: left; }
        @media screen and (max-width: 480px) {
          .sec02 .box01 .item.img112 .text_box .item_ttl {
            text-align: center; } }

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