@charset "UTF-8";
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
/********************************************************

setting

********************************************************/
:root {
  --margin-block: 200px; }

@media (min-width: 1101px) and (max-width: 1280px) {
  :root {
    --margin-block: 120px; } }
@media (min-width: 641px) and (max-width: 1100px) {
  :root {
    --margin-block: 90px; } }
@media (max-width: 640px) {
  :root {
    --margin-block: 70px; } }
.page_equipment {
  background-color: #1c202e;
  padding-bottom: calc( var(--margin-block) / 2 ); }

.page_equipment.cate_premium {
  background: linear-gradient(to bottom, #2d2216, #83705c); }

.page_equipment .wrap_box-equipment:nth-of-type(2) {
  margin-bottom: 50px; }

.page_equipment .img_caption {
  bottom: 10px;
  right: 10px; }

.page_equipment .wrap_h3 {
  width: 90%;
  margin: 0 auto calc( var(--margin-block) / 2.5 ); }
  .page_equipment .wrap_h3 .h3_equipment {
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
    color: #FFF;
    font-family: "Shippori Mincho", serif; }
    @media screen and (min-width: 750px) {
      .page_equipment .wrap_h3 .h3_equipment {
        font-size: calc(20px + 0.0085470085 * (100vw - 750px)); } }
    @media screen and (min-width: 1920px) {
      .page_equipment .wrap_h3 .h3_equipment {
        font-size: 30px; } }
    @media screen and (max-width: 600px) {
      .page_equipment .wrap_h3 .h3_equipment {
        font-size: 18px; } }
  .page_equipment .wrap_h3 .text_h3 {
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
    margin-top: calc( var(--margin-block) / 5 ); }
    @media screen and (min-width: 750px) {
      .page_equipment .wrap_h3 .text_h3 {
        font-size: calc(16px + 0.0068376068 * (100vw - 750px)); } }
    @media screen and (min-width: 1920px) {
      .page_equipment .wrap_h3 .text_h3 {
        font-size: 24px; } }
    @media screen and (max-width: 600px) {
      .page_equipment .wrap_h3 .text_h3 {
        text-align: left; } }

.page_equipment .sec_btn-link {
  width: min(90%, 1240px);
  margin: calc(var(--margin-block) / 2) auto; }
  .page_equipment .sec_btn-link ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .page_equipment .sec_btn-link ul li {
      text-align: center;
      font-size: 16px;
      width: 19%;
      margin-bottom: 20px;
      overflow: visible;
      /* 矢印のはみ出し許可 */ }
      @media screen and (min-width: 750px) {
        .page_equipment .sec_btn-link ul li {
          font-size: calc(16px + 0.0034188034 * (100vw - 750px)); } }
      @media screen and (min-width: 1920px) {
        .page_equipment .sec_btn-link ul li {
          font-size: 20px; } }
      @media screen and (max-width: 970px) {
        .page_equipment .sec_btn-link ul li {
          width: 49%;
          font-size: 13px;
          margin-bottom: 15px; } }
      .page_equipment .sec_btn-link ul li a {
        display: block;
        color: #FFF;
        padding: 15px 0;
        background: linear-gradient(90deg, #45608f 0%, #5f84c5 50%, #45608f 100%);
        text-decoration: none !important;
        position: relative;
        overflow: visible; }
        @media screen and (max-width: 970px) {
          .page_equipment .sec_btn-link ul li a {
            padding: 10px 0; } }
      .page_equipment .sec_btn-link ul li.active a {
        position: relative;
        background: #FFF;
        color: #5f84c5; }
  .page_equipment .sec_btn-link.other ul li {
    width: 32%; }
    @media screen and (max-width: 970px) {
      .page_equipment .sec_btn-link.other ul li {
        width: 49%; } }
  .page_equipment .sec_btn-link ul.head {
    align-items: flex-start; }
    .page_equipment .sec_btn-link ul.head li.active a:after {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      border-width: 10px 10px 0 10px;
      border-style: solid;
      border-color: #FFF transparent transparent transparent;
      z-index: 1;
      pointer-events: none; }
  .page_equipment .sec_btn-link ul.bottom {
    align-items: flex-end; }
    .page_equipment .sec_btn-link ul.bottom li.active a:after {
      content: "";
      position: absolute;
      top: -10px;
      left: 50%;
      transform: translateX(-50%);
      border-width: 0 10px 10px 10px;
      border-style: solid;
      border-color: transparent transparent #FFF transparent;
      z-index: 1;
      pointer-events: none; }

.wrap_box-equipment {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: min(90%, 1240px);
  margin: 0 auto;
  gap: 50px 0; }
  .wrap_box-equipment .wrap_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .wrap_box-equipment .col-01 {
    width: 100%; }
  .wrap_box-equipment .col-03,
  .wrap_box-equipment .col-02_other_set {
    width: 31.5%; }
    @media screen and (max-width: 970px) {
      .wrap_box-equipment .col-03,
      .wrap_box-equipment .col-02_other_set {
        width: 48%; } }
    @media screen and (max-width: 600px) {
      .wrap_box-equipment .col-03,
      .wrap_box-equipment .col-02_other_set {
        width: 100%; } }
  .wrap_box-equipment .col-04 {
    width: 22%; }
    @media screen and (max-width: 970px) {
      .wrap_box-equipment .col-04 {
        width: 48%; } }
    @media screen and (max-width: 600px) {
      .wrap_box-equipment .col-04 {
        width: 100%; } }
  .wrap_box-equipment .col-02 {
    width: 48%; }
    @media screen and (max-width: 600px) {
      .wrap_box-equipment .col-02 {
        width: 100%; } }
  .wrap_box-equipment .col-02_other_l {
    width: 66%; }
    @media screen and (max-width: 970px) {
      .wrap_box-equipment .col-02_other_l {
        width: 48%; } }
    @media screen and (max-width: 600px) {
      .wrap_box-equipment .col-02_other_l {
        width: 100%;
        margin-bottom: 50px; } }
  .wrap_box-equipment .col-02_other_r:last-child {
    margin-top: 50px; }
  @media screen and (max-width: 600px) {
    .wrap_box-equipment .col-02_other_r {
      width: 100%; } }
  .wrap_box-equipment .dammy {
    visibility: hidden; }

.wrap_box-equipment .box-equipment .set-img {
  display: flex;
  flex-wrap: wrap; }
  .wrap_box-equipment .box-equipment .set-img .img-box {
    width: 50%; }
    @media screen and (max-width: 970px) {
      .wrap_box-equipment .box-equipment .set-img .img-box {
        width: 100%; } }
.wrap_box-equipment .box-equipment .img-box {
  position: relative; }
  .wrap_box-equipment .box-equipment .img-box .img-cap {
    position: absolute;
    right: 1%;
    bottom: 1%;
    font-size: 12px; }
    .wrap_box-equipment .box-equipment .img-box .img-cap.wh {
      color: #FFF; }
    .wrap_box-equipment .box-equipment .img-box .img-cap.bk {
      color: #000; }
.wrap_box-equipment .box-equipment .title-box {
  font-size: 18px;
  color: #b4a57f;
  padding-bottom: 10px;
  margin-top: 17px;
  margin-bottom: 10px;
  border-bottom: 1px solid #4f5568; }
  @media screen and (min-width: 750px) {
    .wrap_box-equipment .box-equipment .title-box {
      font-size: calc(18px + 0.0034188034 * (100vw - 750px)); } }
  @media screen and (min-width: 1920px) {
    .wrap_box-equipment .box-equipment .title-box {
      font-size: 22px; } }
.wrap_box-equipment .box-equipment .text-box {
  font-size: 15px;
  line-height: 2.0;
  color: #FFF; }
  @media screen and (min-width: 750px) {
    .wrap_box-equipment .box-equipment .text-box {
      font-size: calc(15px + 0.0025641026 * (100vw - 750px)); } }
  @media screen and (min-width: 1920px) {
    .wrap_box-equipment .box-equipment .text-box {
      font-size: 18px; } }
  .wrap_box-equipment .box-equipment .text-box .kome {
    vertical-align: super; }
  .wrap_box-equipment .box-equipment .text-box .text-caption {
    font-size: 12px; }