/**
 * フロン排出抑制法対応 LP 個別CSS（資料DL帯の追記分）
 * 対象ページ: .t-refriAirconVentilationFreonDischarge
 *
 * アップロード先:
 *   /refri-aircon-ventilation/maintenance/css/freon_discharge.css
 *
 * headタグ追加コード:
 *   <link rel="stylesheet" href="/refri-aircon-ventilation/maintenance/css/freon_discharge.css" type="text/css">
 */

/* --------------------------------------------------------------------------
   資料DL導線（空調トップ .call2action 相当）
   HTML: #service 内 .point__img 直後の #cv-catalog.call2action
   -------------------------------------------------------------------------- */

.t-refriAirconVentilationFreonDischarge :where(#main) .call2action {
  display: flex;
  margin-top: 40px;
  padding: 50px 60px;
  background-color: #f5f5f5;
  align-items: center;
  flex-wrap: wrap;
}

.t-refriAirconVentilationFreonDischarge :where(#main) .call2action_content {
  min-width: 0;
  padding-right: 40px;
  flex: 1;
}

.t-refriAirconVentilationFreonDischarge :where(#main) .call2action_title {
  font-size: 32px;
  font-weight: 700;
  line-height: 160%;
  margin: 0;
  color: #152a4f;
}

.t-refriAirconVentilationFreonDischarge :where(#main) .call2action_title + .call2action_lead {
  margin-top: 19px;
}

.t-refriAirconVentilationFreonDischarge :where(#main) .call2action_lead {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 170%;
}

.t-refriAirconVentilationFreonDischarge :where(#main) .call2action_button {
  text-align: right;
  flex-shrink: 0;
}

.t-refriAirconVentilationFreonDischarge :where(#main) .call2action_button .btn {
  min-width: 320px;
  font-weight: 700;
}

.t-refriAirconVentilationFreonDischarge :where(#main) .call2action_button .btn:hover {
  color: #fff;
  background: #000 url(/assets/img/shared/v0010/img/arr_white.svg) no-repeat calc(100% - 20px) center;
}

/* --------------------------------------------------------------------------
   SP
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .t-refriAirconVentilationFreonDischarge :where(#main) .call2action {
    display: block;
    padding: 25px 15px 32px;
  }

  .t-refriAirconVentilationFreonDischarge :where(#main) .call2action_content {
    padding-right: 0;
  }

  .t-refriAirconVentilationFreonDischarge :where(#main) .call2action_title {
    font-size: 22px;
    text-align: center;
  }

  .t-refriAirconVentilationFreonDischarge :where(#main) .call2action_lead {
    font-size: 14px;
    text-align: center;
  }

  .t-refriAirconVentilationFreonDischarge :where(#main) .call2action_button {
    margin-top: 20px;
    text-align: center;
  }

  .t-refriAirconVentilationFreonDischarge :where(#main) .call2action_button .btn {
    width: 100%;
    max-width: 295px;
    min-width: 0;
    font-weight: 700;
    font-size: 16px;
    padding: 13px 45px 11px 19px;
    text-align: left;
    background-position: calc(100% - 19px) center;
  }
}