/*! Writen  by SCSS */
.equipment_area {
  position: relative;
  padding: clamp(40px, 5vw, 60px) 0 clamp(30px, 4.167vw, 50px); }

.tab_group {
  margin: 40px 0 clamp(50px, 6.667vw, 80px); }
  @media screen and (max-width: 480px) {
    .tab_group {
      flex-wrap: wrap;
      gap: 6px 2%;
      justify-content: center; } }
  .tab_group.bottom {
    margin: clamp(50px, 8.334vw, 100px) 0 0; }
  .tab_group a {
    width: 13.34%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: clamp(11px, 1.231vw, 16px);
    gap: clamp(5px, 0.77vw, 10px) 0;
    padding: 20px 5px;
    color: #dfbe76;
    transition: 0.3s color ease-in-out 0s; }
    @media screen and (max-width: 480px) {
      .tab_group a {
        font-size: 11px;
        width: 32%;
        padding: 10px 3px;
        text-decoration: none; } }
    @media screen and (max-width: 480px) {
      .tab_group a:last-of-type {
        width: 100%; } }
    body:not(.mobile) .tab_group a:hover {
      color: #000;
      text-decoration: none; }
      body:not(.mobile) .tab_group a:hover:before {
        opacity: 1; }
    .tab_group a.cr {
      color: #000;
      pointer-events: none; }
      .tab_group a.cr:before {
        opacity: 1; }
    .tab_group a:before, .tab_group a:after {
      content: "";
      position: absolute;
      inset: 0;
      transition: 0.3s opacity ease-in-out 0s;
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover; }
    .tab_group a:before {
      opacity: 0;
      background-image: url("../images/equipment/bg_tab.png"); }
    .tab_group a:after {
      border: 1px solid;
      border-image: linear-gradient(24deg, #be9b57 0%, #ecd37f 100%);
      border-image-slice: 1;
      pointer-events: none; }
    .tab_group a span {
      position: relative;
      line-height: 1; }
      .tab_group a span.jp {
        font-size: 112%; }

.sec_ttl_group {
  position: relative;
  z-index: 5; }

.equip_ttl_group {
  font-size: clamp(20px, 2.5vw, 30px);
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
  letter-spacing: 0.1em;
  margin-bottom: clamp(30px, 3.334vw, 40px); }
  .equip_ttl_group .equip_ttl {
    display: flex;
    justify-content: center;
    font-size: 133%;
    line-height: 1;
    color: #dfbe76;
    column-gap: 40px; }
    @media screen and (max-width: 480px) {
      .equip_ttl_group .equip_ttl {
        column-gap: 25px; } }
    .equip_ttl_group .equip_ttl:before, .equip_ttl_group .equip_ttl:after {
      content: "";
      background: #dfbe76;
      width: 1px;
      transform: skew(-30deg); }
    .equip_ttl_group .equip_ttl span {
      flex-shrink: 0; }
  .equip_ttl_group .equip_read {
    line-height: 1.4;
    color: #FFF; }
    @media screen and (max-width: 480px) {
      .equip_ttl_group .equip_read {
        text-align: center; } }

.item_ttl {
  font-size: clamp(14px, 1.462vw, 19px);
  text-align: center;
  color: #dfbe76;
  padding-bottom: clamp(12px, 1.539vw, 20px);
  border-bottom: 1px solid #dfbe76;
  line-height: 1.4; }
  @media screen and (max-width: 480px) {
    .item_ttl {
      font-size: 14px; } }
  .item_ttl.no_border {
    padding-bottom: 0;
    border-bottom: none; }
  .item_ttl .small {
    font-size: 70%; }
    @media screen and (max-width: 480px) {
      .item_ttl .small {
        font-size: 80%; } }
  .item_ttl .block {
    display: block; }
  .item_ttl.lt {
    letter-spacing: -0.1em; }
  .item_ttl.lt02 {
    letter-spacing: -0.13em; }
  .item_ttl.left {
    text-align: left; }

.item_read {
  font-size: clamp(12px, 1.231vw, 16px);
  color: #FFF; }
  .item_read .block {
    display: block; }

.item.flex {
  flex-direction: column;
  row-gap: 20px; }

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