/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/style.scss ***!
  \******************************************************************************************************************************************/
@charset "UTF-8";
/* 
Theme Name: ダートフリーク Cross Section HUB Theme
Author: 株式会社トータル・アシスト
*/
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.cs-hub__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100vh;
  background: #000000;
}
@media screen and (min-width: 1400px) {
  .cs-hub__container {
    justify-content: center;
  }
}
.cs-hub__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0;
  background: #000000;
}
.cs-hub__logo {
  padding: 3rem 0;
}
.cs-hub__logo img {
  max-width: clamp(160px, 6.176rem + 11.76vw, 240px);
}
.cs-hub__thumbnail--group {
  flex-direction: column;
  gap: 0;
  margin-block-start: 0;
}
@media screen and (min-width: 1400px) {
  .cs-hub__thumbnail--group {
    flex-direction: row;
  }
}
.cs-hub__thumbnail--item {
  overflow: hidden;
}
.cs-hub__thumbnail--item img:hover {
  transform: scale(1.05);
  filter: brightness(110%);
  transition: all 0.5s 0s ease;
}
.cs-hub__catch-copy {
  width: 100%;
  padding: 3rem 0;
  margin-block-start: 0;
}
.cs-hub__catch-copy p {
  color: #FFFFFF;
}

/*# sourceMappingURL=style.css.map*/