@charset "UTF-8";
/*
コンセプトのCSSファイル
*/
/* 色 */
/* pの行間 */
/* サイドエリアのグリッドサイズ */
/* サイドエリアの幅 */
/* 外周のマージン */
/* メインエリアのグリッドサイズ */
/* タブレットのメインエリア幅 */
/* スマホのヘッダー高さ */
/* セクションの最低高さ */
/* 690px */
/*
@use "./_mixins" as mixins;

@include mixins.mobileView {
}

@include mixins.mobileView {
}
*/
#concept {
  min-height: 660px;
  height: calc(100svh - 48px);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  #concept {
    height: calc(100svh - 24px);
  }
}

.about_flex {
  display: flex;
  gap: 100px;
  align-items: baseline;
}

/* Aboutの画像 */
.about_img img {
  height: 24px;
}

@media screen and (max-width: 1024px) {
  .About {
    display: block;
  }
  .about_flex {
    display: block;
    width: calc(100vw - 48px);
    margin: 0 24px 0 24px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .About {
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .about_flex {
    width: 100%;
    max-width: 390px;
  }
}
/* コンセプト文 */
.concept_flex {
  display: flex;
  gap: 35px;
}

@media screen and (max-width: 1024px) {
  .about_img img {
    margin-bottom: 24px;
  }
  .concept_flex {
    display: block;
  }
}
.concept_flex p {
  margin-bottom: 1em;
}

/* 画像スクロール */
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.scroll-infinity__wrap {
  margin-top: 150px;
  display: flex;
  gap: 16px;
  overflow: hidden;
}

.scroll-infinity__list {
  display: flex;
  gap: 16px;
  list-style: none;
  padding: 0;
}

.scroll-infinity__list--left {
  animation: infinity-scroll-left 55s infinite linear 0.5s both;
}

.scroll-infinity__item {
  width: 16.6666666667vw;
}

.scroll-infinity__item > img {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .scroll-infinity__wrap {
    margin-top: 100px;
  }
  .scroll-infinity__item {
    width: 50vw;
  }
}

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