@charset "UTF-8";

/* ========================================
  共通スタイル
======================================== */
.hover-fade a {
  text-decoration: none;
}

/* アイコン */
.icon-new-window {
  inline-size: 0.8em;
  block-size: 1lh;
  vertical-align: bottom;
}

.ml-0-5em {
  margin-left: 0.5em;
}

/* 汎用ホバー：テキストを赤に */
.hover-text--red {
  a {
    transition: background-size var(--transition), color var(--transition);
  }

  :hover,
  a:hover {
    color: var(--sharp-red);
  }
}

.btn-download {
  max-inline-size: 37.3rem;
  border: solid 1px var(--light-gray);

}

/* カタログ */
.catalog-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 4rem;
  margin-top: 6rem;
}

.catalog {
  inline-size: 100%;
  padding: 2rem;
  background: #fff;
  border-radius: 10px;
}

.catalog-title {
  margin-top: 2rem;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;

  .edition {
    display: block;
    font-weight: 400;
  }
}

.catalog-img {
  max-inline-size: 18rem;
  margin-inline: auto;
}

.btn-download {
  margin: 2rem auto 0;
}

.download-anchor {
  display: flex;
  align-items: center;
  block-size: 100%;
  padding: 2rem 2rem 2rem 5rem;
  background-image: url(/business/assets/common/images/icon-pdf.svg), url(/assets/common/images/chevron-right-solid.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: left 1rem center, right 1rem center;
  background-size: 3rem auto, 1.4rem auto;

  &[data-file-type="jpeg"] {
    background-image: url(/business/assets/common/images/icon-jpeg.svg), url(/assets/common/images/chevron-right-solid.svg);
  }

  &[data-file-type="dxf"] {
    background-image: url(/business/assets/common/images/icon-dxf.svg), url(/assets/common/images/chevron-right-solid.svg);
  }
}

/* ADOBE READER */
.adobe-reader {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 3rem;
  margin-top: 6rem;
  font-size: 1.4rem;
}

.adobe-reader__logo {
  inline-size: 16rem;
}

/* ========================================
  tab & pc style
======================================== */
@media screen and (width >=768px) {

  /* カタログ */
  .catalog-wrap {
    margin-top: 8rem;
  }

  .catalog {
    inline-size: 47%;
    padding: 4rem;
  }

  .catalog-title {
    font-size: 1.6rem;
  }

  .catalog-img {
    max-inline-size: 18rem;
  }

  .download-anchor {
    padding: 2rem 2rem 2rem 7rem;
    background-position: left 2rem center, right 1.5rem center;
    background-size: 3.4rem auto, 1.4rem auto;
  }

  /* ADOBE READER */
  .adobe-reader {
    margin-top: 5rem;
    font-size: 1.6rem;
  }

  .adobe-reader__logo {
    inline-size: 16rem;
  }
}