@charset "UTF-8";
/* /app/ 専用。共通部品は style_redesign.css（tokens もそちら）。 */

/* ================================================== */
/* hero */
/* ================================================== */
.rd-page section.rd-app-hero { padding: 72px 0 80px; }
.rd-app-hero__mascot {
  margin: 0;
  text-align: center;
}
.rd-page .rd-app-hero__mascot img {
  height: auto;
  margin: 0 auto;
  max-width: 320px;
  width: 100%;
}

/* ================================================== */
/* features */
/* ================================================== */
.rd-app-feature {
  background: var(--rd-bg-light);
  border-radius: var(--rd-radius-panel);
  padding: 36px;
}
.rd-app-feature--more {
  background: var(--rd-white);
  border: 2px dashed var(--rd-secondary);
}

@media screen and (max-width: 767px) {
  .rd-page section.rd-app-hero { padding: 32px 0 40px; }
  .rd-page .rd-app-hero__mascot img { max-width: 200px; }
  .rd-app-feature { padding: 20px; }
}