/* ===============================
catalog
================================ */
#catalog {
}

/* ===============================
catalog : hero
================================ */
#catalog .catalog-hero {
 padding: 120px 0 60px;
 background: #ffffff;
 text-align: center;
}

#catalog .catalog-hero__title {
 font-size: 48px;
 font-weight: 700;
 letter-spacing: 0.08em;
 color: #0a1a2a;
 margin-bottom: 20px;
 text-align: center;
}

#catalog .catalog-hero__lead {
 font-size: 18px;
 line-height: 1.9;
 color: #333;
}

/* ===============================
catalog : list
================================ */
#catalog .catalog-list {
 padding: 60px 0 80px;
 background: #f2f4f6;
}

#catalog .catalog-card {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 60px 56px;
 background: #fff;
 border: 1px solid #e5e5e5;
 text-decoration: none;
 transition:
  border-color 0.3s ease,
  transform 0.3s ease;
}

#catalog .catalog-card:hover {
 border-color: #e60012;
 transform: translateY(-4px);
}

#catalog .catalog-card__label {
 font-size: 14px;
 font-weight: 700;
 letter-spacing: 0.2em;
 color: #e60012;
 margin-bottom: 12px;
}

#catalog .catalog-card__title {
 font-size: 28px;
 font-weight: 700;
 line-height: 1.4;
 color: #0a1a2a;
 margin-bottom: 16px;
}

#catalog .catalog-card__text {
 font-size: 16px;
 line-height: 1.9;
 color: #333;
}

#catalog .catalog-card__arrow {
 width: 12px;
 height: 12px;
 border-top: 2px solid #e60012;
 border-right: 2px solid #e60012;
 transform: rotate(45deg);
}

/* ===============================
SP
================================ */
@media screen and (max-width: 767px) {
 #catalog .catalog-hero {
  padding: 80px 0 60px;
 }

 #catalog .catalog-hero__title {
  font-size: 32px;
 }

 #catalog .catalog-list {
  padding: 60px 0;
 }

 #catalog .catalog-card {
  padding: 40px 28px;
 }

 #catalog .catalog-card__title {
  font-size: 22px;
 }
}