#tom-solution .main.container { margin-top: -6.25rem; }
#tom-solution nav .logo a > .logo-white { display: block; }
#tom-solution nav .logo a > .logo-green { display: none; }
#tom-solution nav .wrap-hamburger-menu a.btn-open-menu .hamburger-menu { color: #fff; }

.top-banner { position: relative; width: 100%; max-width: 1920px; }
.top-banner .top-banner-bg { width: 100%; }
.top-banner .top-banner-bg img { width: 100%; }
.top-banner .wrap-title-tags-sns { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 1180px; }
.top-banner .wrap-title-tags-sns h1 { margin-bottom: 2.5rem; font-size: 3rem; color: #fff; }
.top-banner .wrap-title-tags-sns .wrap-tags-sns { display: flex; justify-content: space-between; }
.top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-tags .tags { margin-bottom: 0.625rem; font-size: 1.125rem; font-weight: bold; color: #fff; }
.top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-tags .tags .tag { display: inline-block; margin-right: 1.25rem; }
.top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-tags .tags .tag:last-of-type { margin-right: 0; }
.top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-tags .date { font-family: "Montserrat"; font-size: 1.125rem; font-weight: bold; color: #ccc; }
.top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-share-sns { width: 50%; max-width: 280px; text-align: right; }
.top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-share-sns .share { color: #fff; }
.top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-share-sns .wrap-sns { visibility: hidden; box-sizing: border-box; padding: 1.25rem 45px; background-color: rgba(255, 255, 255, 0.8); text-align: center; }
.top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-share-sns .wrap-sns h2 { margin-bottom: 0.625rem; font-size: 1.125rem; font-weight: normal; color: #757575; }
.top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-share-sns .wrap-sns .list-sns { display: flex; justify-content: space-between; }
.top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-share-sns .wrap-sns .list-sns .sns img { width: 3.125rem; height: 3.125rem; }

.tom-trend-content { margin: 6.25rem 0 9.375rem; width: 100%; max-width: 1920px; }
.tom-trend-content .wrap-content { width: 100%; max-width: 1180px; margin: 0 auto; }
.tom-trend-content .wrap-btn { margin: 5.625rem auto 0; padding-top: 1.875rem; width: 100%; max-width: 1180px; border-top: 1px solid #ccc; text-align: center; }
.tom-trend-content .wrap-btn .btn-link { width: 50%; max-width: 284px; box-sizing: border-box; padding: 12px 115px 16px 117px; font-size: 0.875rem; color: #757575; border: 1px solid #ccc; }

@media only screen and (max-width: 600px) {
  .top-banner .top-banner-bg { overflow: hidden; display: flex; justify-content: center; }
  .top-banner .top-banner-bg img { width: auto; height: 100%; max-height: 700px; }
  .top-banner .wrap-title-tags-sns { padding: 0 1.25rem; box-sizing: border-box; }
  .top-banner .wrap-title-tags-sns h1 { margin-bottom: 1.875rem; font-size: 1.25rem; letter-spacing: -0.8px; }
  .top-banner .wrap-title-tags-sns .wrap-tags-sns { flex-wrap: wrap; position: relative; }
  .top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-tags { margin-bottom: 5rem; }
  .top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-tags .tags { font-size: 0.875rem; }
  .top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-tags .tags .tag { margin-right: 2.5rem; }
  .top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-tags .date { font-size: 0.875rem; }
  .top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-share-sns { position: absolute; right: 0; bottom: -2.75rem; width: 100%; max-width: 204px; }
  .top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-share-sns .wrap-sns { padding: 1.25rem 1.375rem; }
  .top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-share-sns .wrap-sns h2 { font-size: 0.875rem; }
  .top-banner .wrap-title-tags-sns .wrap-tags-sns .wrap-share-sns .wrap-sns .list-sns .sns img { width: 2.5rem; height: 2.5rem; }

  .tom-trend-content { margin: 9.375rem 0 6.25rem; padding: 0 1.25rem; box-sizing: border-box; }
  .tom-trend-content .wrap-content { box-sizing: border-box; overflow: hidden; }
  .tom-trend-content .wrap-btn { margin: 6.25rem auto 0; padding-top: 3.75rem; }
}

/*# sourceMappingURL=support_tom_trends_detail.css-8dda0231b4754b37e4b61763b9789418e3747607d58e452e04e2f4d8fda05c39.map */