img { max-width: 100%; }

.go-index { font-size: 2.4rem; border-radius: 1rem; }

.elder-banner-title { font-size: 7.2rem; }
.elder-banner-en { font-size: 3.6rem; }

.qlink a { color: #fff; display: flex; align-items: center; justify-content: center; flex-flow: column; border-radius: 1rem; font-size: 2rem; }
.qlink p { font-weight: bold; font-size: 4.8rem; margin-top: 1rem; line-height: 1.2; min-height: 116px; text-align: center; display: flex; align-items: center; width: 100%; justify-content: center; }

.title1 { font-size: 4rem; font-weight: bold; padding-bottom: 1rem; }

.elder-list { line-height: 2; font-size: 3.2rem; }
.elder-list span { font-size: 2.6rem; }

@media (min-width: 1200px) { .qlink { /*margin: 4rem 0 !important;*/ }
  .qlink a { border-radius: 1.5rem; padding:5rem 3rem  !important; }
  .qlink a:hover { opacity: .85; box-shadow: 0 2px 10px #999; }
  .qlink p { font-size: 4.8rem; min-height: 116px; height: 116px; }
  .g-md-5, .gy-md-5 { --bs-gutter-y: 5rem; --bs-gutter-x: 5rem; } }
@media (max-width: 991.98px) { .qlink a img { width: 8rem; }
  .qlink p { font-size: 3rem; padding-top: 0; min-height: auto; }
  .title1 { font-size: 3rem; padding-bottom: 0; }
  .elder-list { font-size: 2.8rem; }
  .elder-list span { font-size: 2.6rem; } }
@media (max-width: 575.98px) { .elder-banner-text { position: relative; left: 5%; }
  .elder-banner-title { font-size: 3.6rem; }
  .elder-banner-en { font-size: 2rem; }
  .qlink a { min-height: 15rem; }
  .qlink a img { width: 8rem; }
  .qlink p { font-size: 3rem; padding-top: 0; min-height: 7rem; }
  .title1 { font-size: 3.4rem; padding-bottom: 0; }
  .elder-list { font-size: 3rem; }
  .elder-list span { font-size: 3rem; } }
