@charset "utf-8";

._home-section-global-community { background-color: rgb(247, 247, 248); }

._home-section-global-community .inner { color: rgb(82, 82, 82); padding-bottom: 56px; padding-top: 56px; text-align: center; }

._home-section-global-community .title { color: rgb(211, 0, 0); font-size: 26px; font-weight: 500; letter-spacing: 0.78px; line-height: 32px; }

@media screen and (min-width: 768px) {
  ._home-section-global-community .title { font-size: 32px; letter-spacing: 0.96px; line-height: 40px; }
}

@media screen and (min-width: 1244px) {
  ._home-section-global-community .title { font-size: 40px; font-weight: 700; letter-spacing: 1.2px; line-height: 48px; }
}

._home-section-global-community .message { color: rgb(82, 82, 82); font-size: 16px; font-weight: 400; letter-spacing: 0.48px; line-height: 24px; margin-top: 12px; }

._home-section-global-community .community-spotlight { background-color: rgb(255, 255, 255); border: 1px solid rgb(241, 241, 244); border-radius: 8px; margin-top: 24px; text-align: left; }

._home-section-global-community .community-spotlight img { border-radius: 8px 8px 0px 0px; height: auto; max-width: 100%; width: 100%; }

._home-section-global-community .community-spotlight .content { padding: 24px; }

._home-section-global-community .community-spotlight h4 { color: rgb(211, 0, 0); font-size: 16px; font-weight: 500; letter-spacing: 0.48px; line-height: 24px; }

._home-section-global-community .community-spotlight h5 { color: rgb(0, 0, 0); font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; margin-top: 8px; }

@media screen and (min-width: 1244px) {
  ._home-section-global-community .community-spotlight h5 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

._home-section-global-community .community-spotlight p { color: rgb(64, 64, 64); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; margin-top: 4px; }

._home-section-global-community .connect { display: flex; flex-direction: column; gap: 16px; margin-top: 24px; padding-left: 24px; padding-right: 24px; }

._home-section-global-community .connect h4 { color: rgb(0, 0, 0); font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  ._home-section-global-community .connect h4 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

._home-section-global-community .connect s { background-color: rgb(0, 0, 0); display: block; height: 2px; }

@media screen and (min-width: 768px) {
  ._home-section-global-community .inner { max-width: 704px; }
  ._home-section-global-community .community-spotlight img { height: 320px; }
}

@media screen and (min-width: 1244px) {
  ._home-section-global-community .inner { max-width: 1200px; padding-bottom: 80px; padding-top: 80px; }
  ._home-section-global-community .community-spotlight { border-radius: 16px; display: flex; height: 278px; margin-top: 40px; }
  ._home-section-global-community .community-spotlight figure { display: block; height: inherit; }
  ._home-section-global-community .community-spotlight img { border-radius: 16px 0px 0px 16px; height: 100%; }
  ._home-section-global-community .community-spotlight .content { padding: 40px; }
  ._home-section-global-community .community-spotlight h5 { margin-top: 24px; }
  ._home-section-global-community .community-spotlight p { margin-top: 8px; }
  ._home-section-global-community .connect { align-items: center; display: flex; flex-flow: row; gap: 24px; justify-content: center; margin-top: 40px; }
  ._home-section-global-community .connect s { align-self: center; width: 80px; }
  ._home-section-global-community.hidden-community-spotlight .inner .connect { flex-flow: column; }
  ._home-section-global-community.hidden-community-spotlight .inner .connect s { margin-bottom: 16px; width: 256px; }
}