/*! Writen  by SCSS */
.sec02 {
  margin-bottom: clamp(50px, 6.67%, 80px); }

.sec03 {
  margin-bottom: clamp(50px, 6.67%, 80px); }

.sec04 {
  margin-bottom: clamp(50px, 6.67%, 80px); }

.sec05 {
  padding-bottom: clamp(50px, 6.67%, 80px); }

.sec02 .box01 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 30px; }
  .sec02 .box01 .l_cnt {
    width: calc(893%/12); }
    @media screen and (max-width: 768px) {
      .sec02 .box01 .l_cnt {
        width: 100%; } }
  .sec02 .box01 .r_cnt {
    width: calc(280%/12); }
    @media screen and (max-width: 768px) {
      .sec02 .box01 .r_cnt {
        display: none; } }
    .sec02 .box01 .r_cnt .list_item {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      grid-gap: 10px 0; }

.box03 {
  display: flex;
  justify-content: space-between;
  align-items: stretch; }
  @media screen and (max-width: 768px) {
    .box03 {
      flex-direction: column;
      grid-gap: 30px 0; } }
  .box03 .l_cnt {
    width: calc(340%/12); }
    @media screen and (max-width: 768px) {
      .box03 .l_cnt {
        width: 100%; } }
  .box03 .r_cnt {
    width: calc(833%/12); }
    @media screen and (max-width: 768px) {
      .box03 .r_cnt {
        width: 100%; } }
    .box03 .r_cnt .list_item {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      height: 100%;
      grid-gap: 10px 0; }
      @media screen and (max-width: 600px) {
        .box03 .r_cnt .list_item {
          grid-gap: 30px calc(29.5%/7.1); } }
      .box03 .r_cnt .list_item .item {
        width: calc(403%/8.33);
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        height: fit-content; }
        @media screen and (max-width: 600px) {
          .box03 .r_cnt .list_item .item {
            width: calc(340%/7.1);
            display: block; } }
        .box03 .r_cnt .list_item .item .item_img {
          width: calc(170%/4.03); }
          @media screen and (max-width: 600px) {
            .box03 .r_cnt .list_item .item .item_img {
              width: 100%; } }
        .box03 .r_cnt .list_item .item .text_box {
          width: calc(200%/4.03); }
          @media screen and (max-width: 600px) {
            .box03 .r_cnt .list_item .item .text_box {
              width: 100%; } }
          .box03 .r_cnt .list_item .item .text_box .item_ttl {
            text-align: left; }
            @media screen and (max-width: 600px) {
              .box03 .r_cnt .list_item .item .text_box .item_ttl {
                text-align: center; } }
        .box03 .r_cnt .list_item .item:nth-last-child(-n+2) {
          margin-top: auto; }
          @media screen and (max-width: 600px) {
            .box03 .r_cnt .list_item .item:nth-last-child(-n+2) {
              margin-top: 0; } }

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