/*! Writen  by SCSS */
.sec02,
.sec03,
.sec04,
.sec05,
.sec06,
.sec07 {
  padding-bottom: clamp(50px, 6.67%, 80px); }

@media screen and (max-width: 768px) {
  .sec02 .box01 .item {
    width: calc(340%/7.1); } }
@media screen and (max-width: 768px) {
  .sec02 .box01 .item.sp_full {
    width: 100%; } }
.sec02 .box01 .item.full {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row-reverse; }
  @media screen and (max-width: 768px) {
    .sec02 .box01 .item.full {
      display: block; } }
  .sec02 .box01 .item.full .item_img {
    width: calc(587%/12); }
    @media screen and (max-width: 768px) {
      .sec02 .box01 .item.full .item_img {
        width: 100%; } }
  .sec02 .box01 .item.full .text_box {
    width: calc(587%/12);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    grid-gap: 10px 0; }
    @media screen and (max-width: 768px) {
      .sec02 .box01 .item.full .text_box {
        width: 100%; } }
  .sec02 .box01 .item.full .item_ttl {
    text-align: left; }
    @media screen and (max-width: 480px) {
      .sec02 .box01 .item.full .item_ttl {
        text-align: center; } }
.sec02 .img101 .cap1 {
  right: auto;
  left: 0; }

@media screen and (max-width: 480px) {
  .sec03 .list_item .item.sp_col2 {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    .sec03 .list_item .item.sp_col2 .item_img {
      width: calc(340%/7.1); }
    .sec03 .list_item .item.sp_col2 .text_box {
      width: calc(340%/7.1); }
      .sec03 .list_item .item.sp_col2 .text_box .item_ttl {
        text-align: left;
        margin-top: 0; } }

@media screen and (max-width: 480px) {
  .sec04 .list_item .item.sp_col2 {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    .sec04 .list_item .item.sp_col2 .item_img {
      width: calc(340%/7.1); }
    .sec04 .list_item .item.sp_col2 .text_box {
      width: calc(340%/7.1); }
      .sec04 .list_item .item.sp_col2 .text_box .item_ttl {
        text-align: left;
        margin-top: 0; } }

.sec07 .box01 {
  display: flex;
  justify-content: space-between;
  align-items: stretch; }
  @media screen and (max-width: 768px) {
    .sec07 .box01 {
      flex-direction: column; } }
  .sec07 .box01 .l_cnt {
    width: calc(789%/12); }
    @media screen and (max-width: 768px) {
      .sec07 .box01 .l_cnt {
        width: 100%;
        padding-bottom: clamp(50px, 6.67%, 80px); } }
  .sec07 .box01 .r_cnt {
    width: calc(380%/12); }
    @media screen and (max-width: 768px) {
      .sec07 .box01 .r_cnt {
        width: 100%;
        display: flex;
        justify-content: space-between; } }
  .sec07 .box01 .col2 {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0 calc(26%/7.89); }
    .sec07 .box01 .col2 .item {
      width: calc(380%/7.89); }
    .sec07 .box01 .col2 .full {
      width: 100%;
      margin-top: 30px; }
  @media screen and (max-width: 768px) {
    .sec07 .box01 .item02, .sec07 .box01 .item03 {
      width: calc(380%/7.89); } }
  .sec07 .box01 .item03 {
    margin-top: 41px; }
    @media screen and (max-width: 768px) {
      .sec07 .box01 .item03 {
        margin-top: 0; } }

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