/*! Writen  by SCSS */
.sec {
  color: #fff; }

.inner_960 {
  max-width: 960px; }

.contarea {
  padding-bottom: clamp(60px, 7.5vw, 90px); }

.sec0 {
  padding: 60px 0 0; }
  @media screen and (max-width: 480px) {
    .sec0 {
      padding: 40px 0 0; } }
  .sec0.bottom {
    padding: 0 !important; }

.btn_wrap {
  display: flex;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  column-gap: 4.17%;
  column-gap: 2.09%; }
  @media screen and (max-width: 480px) {
    .btn_wrap {
      flex-direction: column;
      align-items: center;
      width: 100%;
      max-width: 235px;
      max-width: 100%;
      row-gap: 10px; } }
  .btn_wrap li {
    display: block;
    position: relative;
    width: 39.59%;
    width: 35.42%;
    line-height: 0;
    max-width: 340px;
    cursor: pointer;
    opacity: .5;
    transition: opacity 0.3s ease-in-out 0s; }
    @media screen and (max-width: 480px) {
      .btn_wrap li {
        width: 100%; } }
    @media (hover: hover) {
      .btn_wrap li:hover {
        opacity: 1; } }
    .btn_wrap li .on {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      opacity: 0;
      transition: opacity 0.3s linear;
      /*&:hover {
      	opacity: 1;
      }*/ }
    .btn_wrap li.active {
      pointer-events: none;
      opacity: 1; }
      .btn_wrap li.active .on {
        opacity: 1; }

.sec_cont {
  position: relative; }
  .sec_cont .inner {
    max-width: 1120px; }
  .sec_cont .sec {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    pointer-events: none;
    transition: 0.3s all ease-in-out 0s; }
    .sec_cont .sec.active {
      position: relative;
      pointer-events: all;
      opacity: 1; }

.qua_head {
  font-size: clamp(16px, 2.084vw, 20px);
  text-align: center;
  line-height: 1;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 480px) {
    .qua_head {
      font-size: calc(17vw / 3.9);
      line-height: 1.4;
      margin-inline: -15px; } }

.item_wrap {
  flex-wrap: wrap;
  row-gap: 30px;
  margin-bottom: 60px; }
  @media screen and (max-width: 480px) {
    .item_wrap {
      margin-bottom: 50px; } }
  .item_wrap .item {
    width: 31.25%;
    display: flex;
    flex-direction: column;
    row-gap: clamp(8px, 1vw, 12px); }
    @media screen and (max-width: 480px) {
      .item_wrap .item {
        width: 48%; } }
    .item_wrap .item.big {
      width: 65.63%; }
      @media screen and (max-width: 480px) {
        .item_wrap .item.big {
          width: 100%; } }
    .item_wrap .item.full {
      width: 100%; }
    .item_wrap .item .qua_ttl {
      font-size: clamp(15px, 1.667vw, 20px);
      line-height: 1.5;
      color: #bcae97;
      font-weight: 500;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 480px) {
        .item_wrap .item .qua_ttl {
          font-size: calc(15vw / 3.9);
          letter-spacing: 0;
          line-height: 1.3; } }
      .item_wrap .item .qua_ttl .min {
        font-size: 80%;
        display: block; }
        @media screen and (max-width: 480px) {
          .item_wrap .item .qua_ttl .min {
            display: inline-block;
            font-size: 75%; } }
    .item_wrap .item .read {
      line-height: 1.5;
      margin-bottom: 0; }
      @media screen and (max-width: 480px) {
        .item_wrap .item .read {
          font-size: calc(13vw / 3.9); } }
    .item_wrap .item .text_wrap {
      display: flex;
      flex-direction: column;
      row-gap: clamp(8px, 1vw, 12px); }
    @media screen and (max-width: 480px) {
      .item_wrap .item.last {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start; }
        .item_wrap .item.last .img, .item_wrap .item.last .text_wrap {
          width: 48%; } }

@media screen and (max-width: 480px) {
  .sec01 .item_wrap .item:nth-child(1), .sec01 .item_wrap .item:nth-child(4) {
    order: -1; } }

@media screen and (max-width: 480px) {
  .sec02 .item_wrap .item:nth-child(1), .sec02 .item_wrap .item:nth-child(2), .sec02 .item_wrap .item:nth-child(5) {
    order: -1; } }
@media screen and (max-width: 480px) {
  .sec02 .item_wrap .item .swipe1 img {
    max-width: 520px;
    width: 520px; } }

@media screen and (max-width: 480px) {
  .ls07_sp {
    letter-spacing: -0.07em !important; } }

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