/*! Writen  by SCSS */
.dummy_wrap {
  position: relative; }
  .dummy_wrap .dummy {
    position: absolute;
    inset: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10;
    pointer-events: none; }
    .dummy_wrap .dummy p {
      color: #fff !important;
      font-size: 20px; }

@media screen and (max-width: 480px) {
  .sec_main .main_image img {
    object-position: 75% center; } }

.item_head_lg {
  font-size: clamp(15px, 1.45vw, 18px);
  line-height: 1.4;
  font-weight: 600; }

.box_head {
  font-size: clamp(20px, 2.74vw, 34px);
  line-height: 1;
  font-weight: 600; }

.item_head {
  font-size: clamp(13px, 1.29vw, 16px);
  line-height: 1.4;
  font-weight: 600; }

.item_text {
  font-size: clamp(11px, 1.12vw, 14px);
  line-height: 1.86; }
  @media screen and (max-width: 480px) {
    .item_text {
      line-height: 1.6; } }

.cap_l,
.cap_r {
  line-height: 1.4; }

.item_image,
.image_box {
  position: relative; }
  .item_image .cap_l,
  .item_image .cap_r,
  .image_box .cap_l,
  .image_box .cap_r {
    margin-top: 5px; }
  .item_image.border_image::after,
  .image_box.border_image::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    border: 1px solid #cccccc; }

.equipment_list_outer {
  position: relative; }

.equipment_list {
  display: grid;
  align-items: start;
  align-content: start;
  grid-auto-flow: dense; }
  .equipment_list.col_5_list {
    grid-template-columns: repeat(5, 1fr);
    gap: clamp(20px, 3.34vw, 40px) 3.33%; }
  .equipment_list.col_4_list {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(20px, 3.34vw, 40px) 3.33%; }
    @media screen and (max-width: 480px) {
      .equipment_list.col_4_list {
        grid-template-columns: repeat(2, 1fr); } }
  .equipment_list.col_3_list {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(20px, 3.34vw, 40px) 3.75%; }
  .equipment_list.col_2_list {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(20px, 5vw, 60px) 5%; }
  .equipment_list .item {
    display: grid;
    align-items: start;
    align-content: start;
    gap: clamp(10px, 1.67vw, 20px) 0; }
    .equipment_list .item .text_box .item_head {
      color: #007272;
      background-color: rgba(124, 221, 208, 0.4);
      padding: 0.3em 0;
      text-align: center; }
      @media screen and (max-width: 480px) {
        .equipment_list .item .text_box .item_head {
          display: flex;
          align-items: center;
          justify-content: center; } }
      .equipment_list .item .text_box .item_head.no_bg {
        background: none;
        color: #fff; }
    .equipment_list .item .text_box .cap_l {
      margin-top: 5px; }
    @media screen and (max-width: 480px) {
      .equipment_list .item.sp_col_item {
        grid-column: span 2;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 4%; } }
    @media screen and (max-width: 480px) {
      .equipment_list .item.vpc480 {
        display: none; } }
    @media screen and (min-width: 480px) {
      .equipment_list .item.vsp480 {
        display: none; } }
  @media screen and (max-width: 480px) {
    .equipment_list.swiper-wrapper {
      display: flex; }
      .equipment_list.swiper-wrapper.col_5_list, .equipment_list.swiper-wrapper.col_4_list, .equipment_list.swiper-wrapper.col_3_list {
        gap: 0; }
      .equipment_list.swiper-wrapper.col_5_list .item, .equipment_list.swiper-wrapper.col_4_list .item {
        width: calc(50% - 10px); }
        .equipment_list.swiper-wrapper.col_5_list .item.item_wide, .equipment_list.swiper-wrapper.col_4_list .item.item_wide {
          width: 100%; }
        .equipment_list.swiper-wrapper.col_5_list .item.item_row, .equipment_list.swiper-wrapper.col_4_list .item.item_row {
          width: 100%;
          display: flex;
          align-items: flex-start;
          justify-content: space-between; }
          .equipment_list.swiper-wrapper.col_5_list .item.item_row .item_image,
          .equipment_list.swiper-wrapper.col_5_list .item.item_row .text_box, .equipment_list.swiper-wrapper.col_4_list .item.item_row .item_image,
          .equipment_list.swiper-wrapper.col_4_list .item.item_row .text_box {
            width: calc(50% - 10px); }
        .equipment_list.swiper-wrapper.col_5_list .item.h100, .equipment_list.swiper-wrapper.col_4_list .item.h100 {
          height: auto;
          max-height: 208px; }
      .equipment_list.swiper-wrapper.col_3_list .item {
        width: 100%; } }
  @media screen and (max-width: 480px) {
    .equipment_list.align {
      align-items: unset; } }

@media screen and (max-width: 480px) {
  .inner_pagination {
    gap: 15px 10px;
    flex-wrap: wrap; }
    .inner_pagination .swiper-pagination-bullet {
      min-width: 15px;
      width: calc((100% / 7) - 10px); } }

.tab_outer {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  line-height: 1;
  text-align: center;
  gap: clamp(20px, 3.34vw, 40px) 0; }
  .tab_outer .tab_main_wrap {
    display: flex;
    justify-content: center;
    font-size: clamp(16px, 1.77vw, 22px); }
    .tab_outer .tab_main_wrap .item {
      width: 50%; }
      .tab_outer .tab_main_wrap .item a {
        padding: 0.96em 0.2em;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        color: #16afaf;
        background: #ededed;
        border: 1px solid #ededed;
        transition: background 0.3s ease-in-out,color 0.3s ease-in-out; }
        @media screen and (max-width: 480px) {
          .tab_outer .tab_main_wrap .item a {
            padding: 0.9em 0.2em; } }
        @media (hover: hover) {
          .tab_outer .tab_main_wrap .item a:hover {
            color: #fff;
            background: #16afaf; } }
        .tab_outer .tab_main_wrap .item a.cr {
          color: #fff;
          background: #16afaf; }
        .tab_outer .tab_main_wrap .item a .en {
          font-size: 55%; }
      .tab_outer .tab_main_wrap .item:not(:first-child) a {
        border-left: none; }
    @media screen and (max-width: 480px) {
      .tab_outer .tab_main_wrap.tab_main_wrap_col_4 {
        width: 100%;
        flex-wrap: wrap; } }
    .tab_outer .tab_main_wrap.tab_main_wrap_col_4 .item {
      width: 25%; }
      @media screen and (max-width: 480px) {
        .tab_outer .tab_main_wrap.tab_main_wrap_col_4 .item {
          width: 50%; } }
      @media screen and (max-width: 480px) {
        .tab_outer .tab_main_wrap.tab_main_wrap_col_4 .item:nth-child(odd) a {
          border-left: 1px solid #99885a; } }
      @media screen and (max-width: 480px) {
        .tab_outer .tab_main_wrap.tab_main_wrap_col_4 .item:nth-last-child(-n+2) a {
          border-top: none; } }
  .tab_outer .tab_sub_wrap {
    display: flex;
    justify-content: center;
    font-size: clamp(12px, 1.29vw, 16px);
    gap: 0 3.33%; }
    @media screen and (max-width: 480px) {
      .tab_outer .tab_sub_wrap {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        flex-wrap: wrap;
        justify-content: center;
        font-size: 12px;
        gap: 10px 2%; } }
    .tab_outer .tab_sub_wrap .item {
      max-width: 216px;
      width: 18%; }
      @media screen and (max-width: 480px) {
        .tab_outer .tab_sub_wrap .item {
          width: 32%; } }
      .tab_outer .tab_sub_wrap .item a {
        padding: 1.25em 0.2em;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        color: #16afaf;
        border-bottom: 1px solid #16afaf;
        transition: background 0.3s ease-in-out,color 0.3s ease-in-out; }
        @media screen and (max-width: 480px) {
          .tab_outer .tab_sub_wrap .item a {
            height: 3em;
            padding: 0.2em; } }
        @media (hover: hover) {
          .tab_outer .tab_sub_wrap .item a:hover {
            color: #fff;
            background: #16afaf; } }
  .tab_outer.tab_outer_top {
    margin-top: clamp(40px, 5%, 60px);
    margin-bottom: clamp(50px, 6.67%, 80px); }
    @media screen and (max-width: 480px) {
      .tab_outer.tab_outer_top {
        margin-top: 0; } }
  .tab_outer.tab_outer_bottom {
    flex-direction: column-reverse;
    margin-top: clamp(50px, 6.67%, 80px);
    margin-bottom: clamp(25px, 3.34%, 40px); }

.sec + .sec {
  margin-top: clamp(80px, 10%, 120px); }

.sec_head_wrap {
  margin-bottom: clamp(40px, 5%, 60px);
  line-height: 1; }
  .sec_head_wrap .en_lead {
    font-size: clamp(14px, 1.45vw, 18px);
    line-height: 1;
    margin-bottom: 0.4em;
    width: 100%; }
    @media screen and (max-width: 480px) {
      .sec_head_wrap .en_lead {
        margin-bottom: -0.6em;
        text-align: center; } }
  .sec_head_wrap .sec_head_text {
    text-align: center; }
    .sec_head_wrap .sec_head_text .sec_head {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: clamp(20px, 2.41vw, 30px);
      margin-bottom: 1em;
      padding-bottom: 0.2em;
      position: relative; }
      @media screen and (max-width: 480px) {
        .sec_head_wrap .sec_head_text .sec_head {
          font-size: 24px; } }
      .sec_head_wrap .sec_head_text .sec_head::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 2.5em;
        height: 1px;
        background: #16afaf; }
      .sec_head_wrap .sec_head_text .sec_head .en {
        font-weight: 600; }
      .sec_head_wrap .sec_head_text .sec_head .text_jp {
        font-size: 0.5em; }
    .sec_head_wrap .sec_head_text .sec_lead {
      font-size: clamp(20px, 2.41vw, 30px);
      letter-spacing: 0.06em;
      padding-bottom: 0.5em; }
      @media screen and (max-width: 480px) {
        .sec_head_wrap .sec_head_text .sec_lead {
          width: 100%;
          text-align: center;
          padding-bottom: 20px;
          border-bottom: none;
          padding-bottom: 0; } }

.sec_border_head_wrap {
  font-size: clamp(20px, 2.41vw, 30px);
  line-height: 1;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5em;
  padding-bottom: 0.6em;
  margin-bottom: clamp(25px, 3.34%, 40px);
  border-bottom: 1px solid #9b8343; }
  @media screen and (max-width: 480px) {
    .sec_border_head_wrap {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center; } }
  .sec_border_head_wrap .sec_border_head {
    display: flex;
    align-items: baseline;
    gap: 0.25em; }
    .sec_border_head_wrap .sec_border_head .en {
      font-weight: 700; }
    .sec_border_head_wrap .sec_border_head .jp {
      font-size: 0.53em; }
  .sec_border_head_wrap .border_lead {
    font-size: 0.53em; }

.slide_cap {
  display: none; }
  @media screen and (max-width: 480px) {
    .slide_cap {
      display: block;
      line-height: 1;
      text-align: center;
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
      color: #936f29;
      font-size: 10px;
      margin-top: 3em;
      margin-bottom: 2.5em; } }

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