/*! Writen  by SCSS */
body {
  background: #FFF; }

.inner_main .main_image {
  background-image: url("../images/equipment/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_image {
      background-image: url("../images/equipment/main_sp.jpg"); } }

.eq_common_area {
  scroll-margin-top: 70px; }
  .eq_common_area .tab_group {
    flex-wrap: wrap;
    margin-bottom: clamp(50px, 5.625vw, 90px); }
    @media screen and (max-width: 480px) {
      .eq_common_area .tab_group {
        gap: 12px 0; } }
    .eq_common_area .tab_group a {
      width: 23.13%;
      display: block;
      font-size: clamp(12px, 1.438vw, 23px);
      text-align: center;
      color: #132d56;
      background: #dde7eb;
      line-height: 1;
      padding: clamp(15px, 1.25vw, 20px) 5px clamp(15px, 1.563vw, 25px);
      transition: 0.3s color ease-in-out 0s,0.3s background ease-in-out 0s; }
      @media screen and (max-width: 480px) {
        .eq_common_area .tab_group a {
          font-size: 4vw;
          width: 48%; } }
      .eq_common_area .tab_group a.cr, body:not(.mobile) .eq_common_area .tab_group a:hover {
        color: #FFF;
        background: #132d56; }
      .eq_common_area .tab_group a.cr {
        pointer-events: none; }

.col4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: clamp(40px, 3.75vw, 60px) 2.49%; }
  .col4 .item {
    position: relative;
    width: 23.13%; }
    .col4 .item.full {
      width: 100%; }
    .col4 .item.half {
      width: 48.75%; }
    .col4 .item.triple {
      width: 74.38%; }
    .col4 .item.border:after {
      content: "";
      position: absolute;
      inset: 0;
      border: 1px solid #132d56;
      pointer-events: none; }
    .col4 .item .image {
      position: relative; }
      .col4 .item .image.border:after {
        content: "";
        position: absolute;
        inset: 0;
        border: 1px solid rgba(19, 45, 86, 0.5);
        pointer-events: none; }
      .col4 .item .image + .item_name {
        margin-top: 15px; }
        @media screen and (max-width: 480px) {
          .col4 .item .image + .item_name {
            margin-top: 10px; } }

.item_name {
  font-size: clamp(13px, 1.177vw, 20px);
  color: #132d56;
  line-height: 1.4; }
  @media screen and (max-width: 820px) {
    .item_name {
      font-size: 1.7vw; } }
  @media screen and (max-width: 480px) {
    .item_name {
      font-size: 4vw; } }
  .item_name + .item_read {
    margin-top: 15px; }
    @media screen and (max-width: 820px) {
      .item_name + .item_read {
        margin-top: 10px; } }
  .item_name.big {
    font-size: clamp(15px, 1.372vw, 24px); }
    @media screen and (max-width: 480px) {
      .item_name.big {
        font-size: 4vw; } }
    .item_name.big .small80 {
      font-size: 80%; }
  .item_name .sub {
    font-size: 70%;
    color: #000; }
    @media screen and (max-width: 480px) {
      .item_name .sub {
        display: block; } }
  @media screen and (max-width: 480px) {
    .item_name.sp_lt {
      letter-spacing: -0.1em; } }

.item_read {
  font-size: clamp(11px, 0.824vw, 14px);
  line-height: 1.71;
  text-wrap: stable; }
  @media screen and (max-width: 480px) {
    .item_read {
      font-size: 13px; } }
  .item_read .cap_l {
    display: block;
    margin-top: 5px; }
  .item_read + .image.bottom {
    margin-top: 20px; }

.fit {
  width: fit-content;
  margin: 0 auto; }

.midashi_group.second {
  margin-bottom: clamp(40px, 3.75vw, 60px); }

.cap_l,
.cap_r {
  font-size: 10px;
  line-height: 1.5; }

.caption_area {
  padding-top: clamp(60px, 6.25vw, 100px); }

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