/*! Writen  by SCSS */
.sec {
  padding-top: clamp(50px, 6.67%, 80px);
  padding-bottom: clamp(50px, 6.67%, 80px);
  margin-bottom: 0; }
  .sec .inner {
    max-width: 1000px; }
    .sec .inner .equipment_content_head {
      padding-top: 0; }

.item_head {
  font-size: clamp(13px, 1.53vw, 16px);
  line-height: 1.38;
  font-weight: 500; }
  @media screen and (max-width: 480px) {
    .item_head {
      font-size: 14px; } }

.item_text {
  font-size: clamp(10px, 1.25vw, 13px);
  line-height: 1.85; }
  @media screen and (max-width: 480px) {
    .item_text {
      font-size: 11px; } }

.equipment_list {
  display: grid;
  align-items: start;
  align-content: start;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(25px, 4vw, 40px) 8%; }
  @media screen and (max-width: 480px) {
    .equipment_list {
      grid-template-columns: repeat(2, 1fr);
      gap: 25px 6%; } }
  .equipment_list .item_wide {
    grid-column: span 2; }
  .sec01 .equipment_list .item_main_image {
    grid-column: span 4; }
    @media screen and (max-width: 480px) {
      .sec01 .equipment_list .item_main_image {
        grid-column: span 2; } }
  .sec02 .equipment_list .item_main_image, .sec03 .equipment_list .item_main_image, .sec04 .equipment_list .item_main_image {
    grid-column: span 2;
    grid-row: span 2; }
    @media screen and (max-width: 480px) {
      .sec02 .equipment_list .item_main_image, .sec03 .equipment_list .item_main_image, .sec04 .equipment_list .item_main_image {
        grid-row: auto; } }
  .equipment_list .item {
    display: grid;
    align-items: start;
    align-content: start;
    gap: 20px 0; }
    @media screen and (max-width: 480px) {
      .equipment_list .item {
        gap: 15px 0; } }
    .equipment_list .item .item_image {
      position: relative; }
      .equipment_list .item .item_image.border_image::after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        z-index: 2;
        pointer-events: none;
        border: 1px solid #e1e1e1; }
      .equipment_list .item .item_image .item_badge {
        position: absolute;
        z-index: 2;
        max-width: 59px;
        width: 31.06%;
        right: -7.89%;
        bottom: -15.78%; }
    .equipment_list .item .item_head {
      margin-bottom: 1em; }
      @media screen and (max-width: 480px) {
        .equipment_list .item .item_head {
          margin-bottom: 0.8em; } }

/*# sourceMappingURL=equipment03.css.map */
