@charset "UTF-8";
.under-mv.under-mv--no-img .under-mv__title .under-mv__title-en {
  font-size: clamp(50px, 11vw, 120px); }

.under.ci {
  /* スライド内の画像 */ }
  .under.ci .section__lead {
    display: flex;
    align-items: center;
    font-weight: 500;
    margin-bottom: 3.3rem;
    font-size: 16px; }
    @media screen and (max-width: 834px) {
      .under.ci .section__lead {
        font-size: 14px;
        margin-bottom: 1rem; } }
    .under.ci .section__lead img {
      filter: brightness(0.5);
      height: auto;
      padding-right: 4px;
      width: 24px; }
  .under.ci .lead__title-en {
    font-family: "Bricolage Grotesque", sans-serif;
    font-weight: 400;
    font-size: clamp(4rem, 11vw, 8rem);
    line-height: 1;
    margin-bottom: 3.2rem; }
    @media screen and (max-width: 834px) {
      .under.ci .lead__title-en {
        font-size: 45px;
        margin-bottom: 2rem;
        width: 100%; } }
  .under.ci .section__title {
    font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
    font-weight: 500;
    margin-bottom: 4rem;
    line-height: 1.7;
    font-size: 32px; }
    @media screen and (max-width: 834px) {
      .under.ci .section__title {
        font-size: 20px;
        margin-bottom: 2rem; } }
  .under.ci .ci__lead {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-bottom: 30lvh;
    padding-top: 31lvh;
    z-index: 1;
    background-color: #000;
    background-position: center;
    background-image: url("../img/webp/ci/identity-bg.webp");
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%; }
    @media screen and (max-width: 834px) {
      .under.ci .ci__lead {
        padding-bottom: 10lvh;
        padding-top: 10lvh;
        margin: 0 auto; } }
    .under.ci .ci__lead .section__lead img {
      filter: grayscale(1); }
    .under.ci .ci__lead .lead__info {
      width: 27%; }
      @media screen and (max-width: 1680px) {
        .under.ci .ci__lead .lead__info {
          width: 29%; } }
      @media screen and (max-width: 1500px) {
        .under.ci .ci__lead .lead__info {
          width: 29%; } }
      @media screen and (max-width: 1300px) {
        .under.ci .ci__lead .lead__info {
          width: 35%; } }
      @media screen and (max-width: 1024px) {
        .under.ci .ci__lead .lead__info {
          width: 44%; } }
      @media screen and (max-width: 834px) {
        .under.ci .ci__lead .lead__info {
          width: 90%; } }
    .under.ci .ci__lead .section__title {
      font-size: clamp(22px, 2vw, 32px); }
      @media screen and (max-width: 834px) {
        .under.ci .ci__lead .section__title {
          margin-bottom: 2rem;
          font-size: 22px; } }
  .under.ci .ci__thoughts {
    padding: 13rem 0; }
    @media screen and (max-width: 834px) {
      .under.ci .ci__thoughts {
        padding: 5rem 0; } }
    .under.ci .ci__thoughts .thoughts__lead-box {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media screen and (max-width: 834px) {
        .under.ci .ci__thoughts .thoughts__lead-box {
          flex-direction: column;
          gap: 4rem 0; } }
    .under.ci .ci__thoughts .lead__info {
      width: 41%; }
      @media screen and (max-width: 834px) {
        .under.ci .ci__thoughts .lead__info {
          width: 100%; } }
    .under.ci .ci__thoughts .lead__picture {
      width: 49%; }
      .under.ci .ci__thoughts .lead__picture img {
        object-fit: cover;
        display: block;
        width: 100%;
        height: auto; }
      @media screen and (max-width: 834px) {
        .under.ci .ci__thoughts .lead__picture {
          width: 100%; } }
  .under.ci .ci__passion {
    background: linear-gradient(to bottom, #F4F4F1 0%, #fafaf9 100%);
    padding: 15rem 0 21rem; }
    @media screen and (max-width: 834px) {
      .under.ci .ci__passion {
        padding: 5rem 0 7rem; } }
    .under.ci .ci__passion .passion__lead {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media screen and (max-width: 834px) {
        .under.ci .ci__passion .passion__lead {
          flex-direction: column-reverse;
          gap: 4rem 0; } }
    .under.ci .ci__passion .lead__info {
      width: 41%; }
      @media screen and (max-width: 834px) {
        .under.ci .ci__passion .lead__info {
          width: 100%; } }
    .under.ci .ci__passion .lead__picture {
      width: 49%; }
      .under.ci .ci__passion .lead__picture img {
        object-fit: cover;
        display: block;
        width: 100%;
        height: auto; }
      @media screen and (max-width: 834px) {
        .under.ci .ci__passion .lead__picture {
          width: 100%; } }
  @media screen and (min-width: 835px) {
    .under.ci .ci__slider .swiper-slide:nth-child(2n+1) {
      height: 267px !important;
      width: auto !important; } }
  @media screen and (max-width: 834px) {
    .under.ci .ci__slider .swiper-slide:nth-child(2n+1) {
      height: 200px !important;
      width: auto !important; } }
  @media screen and (min-width: 835px) {
    .under.ci .ci__slider .swiper-slide:nth-child(2n) {
      height: 328px !important;
      width: auto !important; } }
  @media screen and (max-width: 834px) {
    .under.ci .ci__slider .swiper-slide:nth-child(2n) {
      height: 240px !important;
      width: auto !important; } }
  .under.ci .ci__slider .swiper-wrapper {
    align-items: center;
    transition-timing-function: linear; }
  .under.ci .ci__slider .swiper-slide img {
    width: auto;
    height: 100%; }
  .under.ci .ci__slider .swiper-slide {
    width: fit-content; }
  .under.ci .ci__logo {
    padding: 15rem 0 17rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 834px) {
      .under.ci .ci__logo {
        flex-direction: column;
        gap: 4rem 0;
        padding: 5rem 0 8rem; } }
    .under.ci .ci__logo .lead__info {
      width: 41%; }
      @media screen and (max-width: 834px) {
        .under.ci .ci__logo .lead__info {
          width: 100%; } }
    .under.ci .ci__logo .lead__picture {
      width: 49%; }
      .under.ci .ci__logo .lead__picture img {
        object-fit: cover;
        display: block;
        width: 100%;
        height: auto; }
      @media screen and (max-width: 834px) {
        .under.ci .ci__logo .lead__picture {
          width: 60%; } }