@charset "UTF-8";
.bl-policy__message, .bl-about__description, .bl-about__name, .bl-company__list, .bl-history__list {
  margin-block: calc((1em - 1lh) / 2 + var(--margin-top, 0px)) calc((1em - 1lh) / 2 + var(--margin-bottom, 0px));
}

.bl-policy, .bl-company, .bl-history {
  margin-inline: auto;
}
@media print, screen and (min-width: 768.1px) {
  .bl-policy, .bl-company, .bl-history {
    width: 1080px;
    max-width: calc(100% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .bl-policy, .bl-company, .bl-history {
    width: 83.4666666667vw;
  }
}

.bl-policy {
  margin-top: calc(98 * var(--pxvw-coefficient));
}
.bl-policy__title {
  margin: 0;
  font-weight: 500;
  font-size: calc(37 * var(--pxvw-coefficient));
  line-height: 1;
  letter-spacing: 0.003em;
  text-align: center;
}
.bl-policy__message {
  --margin-top: 3em;
  line-height: 1.53;
  letter-spacing: 0.05em;
}
.bl-policy__media {
  margin: auto;
}
.bl-policy__media iframe {
  display: block;
  aspect-ratio: 64/36;
  height: auto;
}
@media print, screen and (min-width: 768.1px) {
  .bl-policy {
    width: 1000px;
  }
  .bl-policy__message {
    font-size: 17px;
  }
  .bl-policy__media {
    margin-top: 107px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .bl-policy__message {
    font-size: 2.9333333333vw;
  }
  .bl-policy__media {
    margin-top: 8.9333333333vw;
    width: 100%;
  }
  .bl-policy__media iframe {
    width: 100%;
  }
}

.bl-about {
  text-align: center;
  position: relative;
  z-index: 0;
}
.bl-about__background {
  margin: 0;
}
.bl-about__background img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.bl-about__contents {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bl-about__logo {
  margin: auto;
  display: block;
}
.bl-about__title {
  margin: auto;
  font-weight: 500;
  font-size: calc(37 * var(--pxvw-coefficient));
  line-height: 1;
  letter-spacing: 0.06em;
  font-feature-settings: "palt";
}
.bl-about__description {
  line-height: 1.45;
  letter-spacing: -0.02em;
}
.bl-about__columns {
  margin-top: calc(46 * var(--pxvw-coefficient));
}
.bl-about__image {
  margin: 0;
}
.bl-about__name {
  font-weight: 500;
  line-height: 1.46;
  letter-spacing: 0.079em;
  font-feature-settings: "palt";
}
.bl-about__more {
  margin-inline: auto;
  background-color: #323232;
}
@media (hover: hover) {
  .bl-about__more:hover {
    background-color: #464646;
  }
}
@media print, screen and (min-width: 768.1px) {
  .bl-about {
    margin-top: 150px;
    min-height: 843px;
  }
  .bl-about__title {
    margin-top: 31px;
  }
  .bl-about__description {
    --margin-top: 25px;
    font-size: 17px;
  }
  .bl-about__columns {
    display: flex;
    justify-content: center;
    gap: 59px;
  }
  .bl-about__name {
    --margin-top: 25px;
    font-size: 23px;
  }
  .bl-about__more {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .bl-about {
    margin-top: 13.3333333333vw;
    min-height: 188.2666666667vw;
  }
  .bl-about__logo {
    width: 13.6vw;
  }
  .bl-about__title {
    margin-top: 5.2vw;
  }
  .bl-about__description {
    --margin-top: 1em;
    font-size: 2.9333333333vw;
    word-break: keep-all;
  }
  .bl-about__columns {
    margin-inline: auto;
    width: 60vw;
  }
  .bl-about__section:nth-of-type(n+2) {
    margin-top: 8vw;
  }
  .bl-about__name {
    --margin-top: 2.5333333333vw;
    font-size: 4vw;
  }
  .bl-about__more {
    margin-top: 3.7333333333vw;
  }
}

.bl-company__title {
  margin: 0;
  font-weight: 500;
  font-size: calc(37 * var(--pxvw-coefficient));
  line-height: 1;
  letter-spacing: 0.059em;
  text-align: center;
}
.bl-company__list {
  --margin-top: calc(50 * var(--pxvw-coefficient));
  letter-spacing: 0.05em;
}
.bl-company__type {
  margin: 0;
}
.bl-company__data {
  margin: 0;
  word-break: keep-all;
}
@media print, screen and (min-width: 768.1px) {
  .bl-company {
    --type-width: 190px;
    margin-top: 150px;
    width: 717px;
  }
  .bl-company__list {
    display: flex;
    flex-wrap: wrap;
    font-size: 17px;
    line-height: 1.88;
  }
  .bl-company__type {
    width: var(--type-width);
  }
  .bl-company__data {
    width: calc(100% - var(--type-width));
  }
}
@media screen and (max-width: 768px) {
  .bl-company {
    margin-top: 12.8vw;
  }
  .bl-company__list {
    font-size: 2.9333333333vw;
    line-height: 1.45;
  }
  .bl-company__type::before {
    content: "◯";
  }
  .bl-company__data {
    margin-bottom: 1lh;
  }
}

.bl-history__title {
  margin: 0;
  font-weight: 500;
  font-size: calc(37 * var(--pxvw-coefficient));
  line-height: 1;
  letter-spacing: 0.059em;
  text-align: center;
}
.bl-history__list {
  --margin-top: calc(50 * var(--pxvw-coefficient));
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.05em;
}
.bl-history__type {
  width: var(--type-width);
}
.bl-history__data {
  margin: 0;
  width: calc(100% - var(--type-width));
}
@media print, screen and (min-width: 768.1px) {
  .bl-history {
    --type-width: 90px;
    width: 500px;
  }
  .bl-history__list {
    font-size: 17px;
    line-height: 1.88;
  }
}
@media screen and (max-width: 768px) {
  .bl-history {
    --type-width: 20vw;
    width: 80vw;
  }
  .bl-history__list {
    font-size: 2.9333333333vw;
    line-height: 1.45;
  }
  .bl-history__data {
    word-break: keep-all;
  }
}
/*# sourceMappingURL=page-about-the-group.css.map */