@charset "UTF-8";

@media screen and (min-width: 641px) {
  .page-kv {
    grid-template-areas:
      "page-company page-company page-company"
      "page-kv__title page-kv__title page-kv__title"
      "page-kv__info page-kv__card .";
    padding-top: var(--pixel40);
    padding-bottom: var(--pixel96);
  }
}
@media screen and (max-width: 640px) {
  .page-kv {
    padding-top: var(--pixel24);
  }
}

.page-company {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 641px) {
  .page-company {
    margin-bottom: var(--pixel45);
  }
  .page-company__logo--dgft {
    width: min(17.20351390922401vw, 235px);
  }
  .page-company__logo--saison {
    width: var(--pixel99);
  }
  .page-company__multiplication {
    width: var(--pixel39);
    height: var(--pixel39);
    margin-right: var(--pixel27);
    margin-left: var(--pixel27);
  }
}
@media screen and (max-width: 640px) {
  .page-company {
    margin-bottom: var(--pixel20);
  }
  .page-company__logo--dgft {
    width: 31.333333333333336vw;
  }
  .page-company__logo--saison {
    width: 13.200000000000001vw;
  }
  .page-company__multiplication {
    width: var(--pixel19);
    height: var(--pixel19);
    margin-right: var(--pixel13);
    margin-left: var(--pixel13);
  }
}

.page-kv__info .notes-list {
  margin-top: var(--pixel10);
}
.page-kv__info .notes-list > li {
  text-align: center;
  color: #fff;
}
.page-kv__info .modal-item__notes > li {
  color: var(--color-navy);
  text-align: left;
}
@media screen and (min-width: 641px) {
  .page-kv__info .notes-list > li {
    font-size: var(--pixel14);
  }
}

@media screen and (max-width: 640px) {
  .page-kv__card {
    margin-bottom: var(--pixel25);
  }
  .page-kv__card img {
    width: 49.06666666666666vw;
  }
  .page-kv__info .notes-list > li {
    font-size: var(--pixel12);
  }
}