@charset "UTF-8";
/* -----------------------------------
   Support Download
   丸っと差し替え版
----------------------------------- */
.support-download-sec {
  padding: 70px 0 90px;
  background: #f7f9fc;
}

.support-download-nav {
  margin-bottom: 38px;
}

.support-download-nav__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.support-download-nav__list li {
  margin: 0;
}

.support-download-nav__list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 68px;
  padding: 16px 20px;
  border-radius: 18px;
  border: 1px solid #d7e2ee;
  background: #fff;
  box-shadow: 0 12px 28px rgba(21, 49, 84, 0.08);
  text-decoration: none;
  transition: .25s ease;
}

.support-download-nav__list li a span {
  color: #1b3147;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.support-download-nav__list li a:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(21, 49, 84, 0.14);
}

.support-download-nav__list li.is-current a {
  background: linear-gradient(135deg, #00448c 0%, #0f69bb 100%);
  border-color: #00448c;
}

.support-download-nav__list li.is-current a span {
  color: #fff;
}

.support-download-intro {
  margin-bottom: 34px;
}

.support-download-intro__title {
  margin: 0 0 12px;
  color: #000F45;
  font-size: 3rem;
  line-height: 1.4;
  font-weight: 700;
}

.support-download-intro__lead {
  margin: 0;
  color: #617081;
  font-size: 1.5rem;
  line-height: 1.9;
}

.support-download-group {
  margin-top: 42px;
}

.support-download-group:first-of-type {
  margin-top: 0;
}

.support-download-group__head {
  margin-bottom: 22px;
}

/* 見出し */

.support-download-group__head-inner{
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  border-radius: 18px;
  background: linear-gradient(135deg,#ffffff 0%,#f7f9fc 100%);
  box-shadow: 0 10px 24px rgba(23,50,83,.06);
}

/* 背景画像全面 */
.support-download-group__head-inner::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    url("../images/common/white_bg.jpg") center center / cover no-repeat;
  opacity:1;
  z-index:0;
}

/* 左文字エリアを読みやすく */
.support-download-group__head-inner::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.97) 0%,
    rgba(255,255,255,.92) 20%,
    rgba(255,255,255,.65) 40%,
    rgba(255,255,255,.35) 50%,
    rgba(255,255,255,.65) 60%,
    rgba(255,255,255,.92) 80%,
    rgba(255,255,255,.97) 100%
  );
  z-index:1;
}

/* 前面 */
.support-download-group__icon,
.support-download-group__title{
  position:relative;
  z-index:2;
}

/* アイコン箱も少し浮かせる */
.support-download-group__icon{
  background:rgba(255,255,255,.92);
  box-shadow:
    inset 0 0 0 1px #e3eaf2,
    0 6px 14px rgba(23,50,83,.08);
}

/* SP */
@media only screen and (max-width:767px){

  .support-download-group__head-inner{
    gap:12px;
    padding:14px 16px;
    border-radius:14px;
      border: 1px solid #dde6ef;
  }

  .support-download-group__head-inner::before{
    opacity:.28;
  }

  .support-download-group__head-inner::after{
    background:linear-gradient(
      90deg,
      rgba(255,255,255,.97) 0%,
      rgba(255,255,255,.92) 42%,
      rgba(255,255,255,.62) 68%,
      rgba(255,255,255,0) 92%
    );
  }

}


/* 見出し */

.support-download-group__icon {
  width: 52px;
  min-width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #e3eaf2;
}

.support-download-group__icon img {
  max-width: 40px;
  max-height: 40px;
}

.support-download-group__title {
  margin: 0;
  color: #12365b;
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: 700;
}

.support-download-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.support-download-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px 22px;
  border-radius: 18px;
  border: 1px solid #e1e8f0;
  background: #fff;
  box-shadow: 0 12px 30px rgba(27, 53, 87, 0.07);
}

.support-download-card__title {
  margin: 0 0 8px;
  color: #000F45;
  font-size: 1.9rem;
  line-height: 1.6;
  font-weight: 700;
}

.support-download-card__subtitle {
  margin: 0 0 18px;
  color: #6b7683;
  font-size: 1.4rem;
  line-height: 1.8;
  min-height: 2em;
}

.support-download-card__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
  align-items: flex-start;
}

/* -----------------------------------
   Button
----------------------------------- */
.support-btn {
  display: inline-flex;
  align-items: stretch;
  width: auto;
  max-width: 100%;
  min-height: 46px;
  padding: 0;
  border-radius: 0;
  text-decoration: none;
  overflow: hidden;
  box-shadow: none;
  transition: transform .2s ease, opacity .2s ease;
}

.support-btn:hover {
  transform: translateY(-1px);
  opacity: .92;
  color: #fff;
}

.support-btn:active {
  transform: translateY(0);
}

.support-btn__icon {
  width: 48px;
  min-width: 48px;
  height: 40px;
  background: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.55rem;
  line-height: 1;
}

.support-btn__label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0px 20px;
    color: #fff;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-align: center;
    white-space: nowrap;
}

.support-btn__arrow {
  width: 42px;
  min-width: 42px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
}

/* パンフレット */
.support-btn--pamphlet .support-btn__label {
  background: #11a0e3;
}
.support-btn--pamphlet .support-btn__arrow {
  background: #0b86c2;
}

/* カタログ */
.support-btn--catalog .support-btn__label {
  background: #7fba00;
}
.support-btn--catalog .support-btn__arrow {
  background: #6aa000;
}

/* 取扱説明書 */
.support-btn--manual .support-btn__label {
  background: #6c4fd3;
}
.support-btn--manual .support-btn__arrow {
  background: #5a3fc1;
}

/* 図面 */
.support-btn--cad .support-btn__label {
  background: #f08a00;
}
.support-btn--cad .support-btn__arrow {
  background: #d97700;
}

/* 仕様書 */
.support-btn--spec .support-btn__label {
  background: #6f7d8d;
}
.support-btn--spec .support-btn__arrow {
  background: #5c6876;
}

.support-download-empty {
  margin: 0;
  padding: 22px 24px;
  border-radius: 14px;
  border: 1px solid #e1e8f0;
  background: #fff;
  color: #66707d;
  font-size: 1.5rem;
  line-height: 1.8;
}

/* -----------------------------------
   Tablet
----------------------------------- */
@media only screen and (max-width: 1100px) {
  .support-download-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* -----------------------------------
   Mobile
----------------------------------- */
@media only screen and (max-width: 767px) {
  .support-download-sec {
    padding: 42px 0 60px;
  }

  .support-download-nav {
    margin-bottom: 26px;
  }

  .support-download-nav__list {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .support-download-nav__list li a {
    min-height: 56px;
    padding: 14px 16px;
    border-radius: 14px;
  }

  .support-download-nav__list li a span {
    font-size: 1.4rem;
  }

  .support-download-intro {
    margin-bottom: 24px;
  }

  .support-download-intro__title {
    font-size: 2.2rem;
  }

  .support-download-intro__lead {
    font-size: 1.4rem;
    line-height: 1.8;
  }

  .support-download-group {
    margin-top: 30px;
  }

  .support-download-group__head {
    margin-bottom: 16px;
  }

  .support-download-group__head-inner {
    gap: 12px;
    padding: 14px 16px;
    border-radius: 14px;
  }

  .support-download-group__icon {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-radius: 10px;
  }

  .support-download-group__icon img {
    max-width: 24px;
    max-height: 24px;
  }

  .support-download-group__title {
    font-size: 1.8rem;
  }

  .support-download-list {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .support-download-card {
    padding: 18px 16px;
    border-radius: 14px;
  }

  .support-download-card__title {
    font-size: 1.7rem;
  }

  .support-download-card__subtitle {
    min-height: 0;
    margin-bottom: 14px;
    font-size: 1.3rem;
  }

  .support-download-card__links {
    gap: 8px;
  }

  .support-btn {
    width: 100%;
  }

  .support-btn__icon {
    width: 44px;
    min-width: 44px;
    height: 42px;
    font-size: 1.35rem;
  }

  .support-btn__label {
    flex: 1;
    min-height: 42px;
    justify-content: flex-start;
    padding: 0 14px;
    font-size: 1.3rem;
    white-space: normal;
    text-align: left;
  }

  .support-btn__arrow {
    width: 38px;
    min-width: 38px;
    height: 42px;
    font-size: 1.05rem;
  }
}