/* RIYOGYA responsive sizing; preserve the original template's visual language. */
.container { max-width: 1270px; }
@media (min-width: 768px) {
  .container { padding-left: 30px; padding-right: 30px; }
}
.hero-5__inner { padding-top: clamp(100px, 10vh, 128px); }
.hero-5__inner .hero-5__content { padding: 0 24px 36px; }
.hero-5__inner .hero-5__content .title {
  font-size: clamp(36px, 5vw, 72px);
  line-height: 1.06;
  letter-spacing: -.045em;
  margin-bottom: 24px;
}
.hero-5__inner .hero-5__content .desc {
  max-width: 480px;
  line-height: 1.5;
}
.hero-5__inner .hero-5__media { padding: 24px; }
.hero-5__inner .hero-5__media .thumb {
  overflow: hidden;
  height: clamp(260px, 47vh, 480px);
}
.hero-5__inner .hero-5__media .thumb img {
  height: 100%; width: 100%; object-fit: cover;
}
.breadcrumb__content { padding-top: 170px; padding-bottom: 56px; }
.breadcrumb__sub-title { margin-bottom: 28px; }
.breadcrumb__title,
.page-title-area .page-title-wrapper .page-title {
  font-size: clamp(48px, 6.5vw, 94px);
  line-height: 1.06;
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
}
.section-spacing { padding-top: 80px; padding-bottom: 80px; }
@media (max-width: 767px) {
  .hero-5__inner .hero-5__content { padding: 0 16px 28px; }
  .hero-5__inner .hero-5__content .title { font-size: clamp(32px, 8.7vw, 48px); }
  .hero-5__inner .hero-5__media { padding: 12px; }
  .hero-5__inner .hero-5__media .thumb { height: auto; aspect-ratio: 16 / 10; }
  .breadcrumb__content { padding-top: 116px; padding-bottom: 36px; }
  .breadcrumb__sub-title { margin-bottom: 20px; }
  .section-spacing { padding-top: 48px; padding-bottom: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}