@charset "UTF-8";
/* Aboutus CSS Document */

/* section */
.aboutus-index .l-section__title {
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
}
.aboutus-index .l-section__title + * {
  margin-top: 28px;
}
/* SP */
@media screen and (max-width: 768px) {
  .aboutus-index .l-section__title {
    font-size: 1.8rem;
  }
  .aboutus-index .l-section__title + * {
    margin-top: 24px;
  }
  .aboutus-index .l-section__leadText {
    font-size: 1.4rem;
  }
}



/* introduction */
.aboutus-index .l-section--introduction {
  padding-bottom: 110px;
}
.aboutus-index .l-section--introduction .p-introduction-imageBlock {
  margin-top: 70px;
  margin-inline: auto;
  max-width: 737px;
}
.aboutus-index .l-section--introduction .p-introduction-philosophyBlock {
  margin-top: 120px;
}
.aboutus-index .l-section--introduction .p-introduction-philosophyBlock dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.aboutus-index .l-section--introduction .p-introduction-philosophyBlock dl dt {
  font-weight: 400;
}
.aboutus-index .l-section--introduction .p-introduction-philosophyBlock dl dd {
  line-height: 2;
}
.aboutus-index .l-section--introduction .p-introduction-philosophyBlock__main > dl + dl {
  margin-top: 48px;
}
.aboutus-index .l-section--introduction .p-introduction-philosophyBlock__main > dl dt {
  font-size: 2.8rem;
  font-weight: 200;
}
.aboutus-index .l-section--introduction .p-introduction-philosophyBlock__sub {
  border-top: 1px solid #444;
  margin-top: 80px;
}
.aboutus-index .l-section--introduction .p-introduction-philosophyBlock__sub > dl {
  border-bottom: 1px solid #444;
  padding-block: 32px;
}
.aboutus-index .l-section--introduction .p-introduction-philosophyBlock__sub > dl dt {
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.4;
}
.aboutus-index .l-section--introduction .p-introduction-philosophyBlock__sub > dl dd .text-catch {
  font-size: 2.8rem;
  line-height: 1.6;
  margin-bottom: 16px;
}
/* PC */
@media screen and (min-width: 769px) {
  .aboutus-index .l-section--introduction .p-introduction-philosophyBlock dl dt {
    padding-right: calc(20 / 952 * 100%);
    width: calc(245 / 952 * 100%);
  }
  .aboutus-index .l-section--introduction .p-introduction-philosophyBlock dl dd {
    width: calc(707 / 952 * 100%);
  }
}
/* SP */
@media screen and (max-width: 768px) {
  .aboutus-index .l-section--introduction {
    padding-bottom: 80px;
  }
  .aboutus-index .l-section--introduction .p-introduction-imageBlock {
    margin-top: 32px;
    margin-inline: -20px;
    max-width: initial;
    width: 100vw;
  }
  .aboutus-index .l-section--introduction .p-introduction-philosophyBlock {
    margin-top: 40px;
  }
  .aboutus-index .l-section--introduction .p-introduction-philosophyBlock dl dt {
    padding-right: 20px;
    width: 104px;
  }
  .aboutus-index .l-section--introduction .p-introduction-philosophyBlock dl dd {
    font-size: 1.4rem;
    width: calc(100% - 104px);
  }
  .aboutus-index .l-section--introduction .p-introduction-philosophyBlock__main > dl + dl {
    margin-top: 32px;
  }
  .aboutus-index .l-section--introduction .p-introduction-philosophyBlock__main > dl dt {
    font-size: 1.8rem;
  }
  .aboutus-index .l-section--introduction .p-introduction-philosophyBlock__sub {
    margin-top: 32px;
  }
  .aboutus-index .l-section--introduction .p-introduction-philosophyBlock__sub > dl {
    padding-block: 24px;
  }
  .aboutus-index .l-section--introduction .p-introduction-philosophyBlock__sub > dl dt {
    font-size: 1.2rem;
    line-height: 2;
  }
  .aboutus-index .l-section--introduction .p-introduction-philosophyBlock__sub > dl dd .text-catch {
    font-size: 1.8rem;
    margin-bottom: 4px;
  }
}


/* group */
.aboutus-index .l-section--group {
  background-color: #E4E7E9;
  overflow: hidden;
  padding-block: 70px;
}
/* PC */
@media screen and (min-width: 769px) {
  .aboutus-index .l-section--group .p-group-imageBlock {
    margin-inline: calc(-220 / 952 * 100%);
  }
}
@media screen and (min-width: 769px) and (max-width: 1365px) {
  .aboutus-index .l-section--group .p-group-imageBlock {
    margin-inline: -60px;
  }
}
/* SP */
@media screen and (max-width: 768px) {
  .aboutus-index .l-section--group {
    padding-block: 30px;
  }
  .aboutus-index .l-section--group .p-group-imageBlock {
    margin-top: 16px;
    margin-inline: -30px;
  }
}


/* client */
.aboutus-index .l-section--client {
  padding-top: 120px;
  padding-bottom: 60px;
}
.aboutus-index .l-section--client .p-client-imageBlock {
  margin-top: 70px;
  margin-inline: auto;
  max-width: 995px;
}
/* SP */
@media screen and (max-width: 768px) {
  .aboutus-index .l-section--client {
    padding-top: 80px;
    padding-bottom: 35px;
  }
  .aboutus-index .l-section--client .p-client-imageBlock {
    margin-top: 32px;
  }
}


/* feature */
.aboutus-index .l-section--feature {
  padding-top: 60px;
}
.aboutus-index .l-section--feature .p-feature-contentsBlock {
  border-top: 1px solid #444;
  margin-top: 60px;
}
.aboutus-index .l-section--feature .p-feature-contentsBlock__item {
  border-bottom: 1px solid #444;
  padding-block: 80px;
}
.aboutus-index .l-section--feature .p-feature-contentsBlock__item .item-heading {
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 1.6;
}
.aboutus-index .l-section--feature .p-feature-contentsBlock__item .item-heading .subtext {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
}
.aboutus-index .l-section--feature .p-feature-resultList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.aboutus-index .l-section--feature .p-feature-resultList__item {
  background-color: #D9F1FF;
  padding: 16px 20px;
  position: relative;
}
.aboutus-index .l-section--feature .p-feature-resultList__item .text-heading {
  font-weight: 400;
}
.aboutus-index .l-section--feature .p-feature-resultList__item .text-heading span {
  font-size: 1.4rem;
  font-weight: 300;
}
.aboutus-index .l-section--feature .p-feature-resultList__item .text-notes {
  font-size: 1.4rem;
  margin-top: 4px;
}
.aboutus-index .l-section--feature .p-feature-resultList__item .text-number {
  color: #22AAFF;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 156px;
  margin-inline: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.aboutus-index .l-section--feature .p-feature-resultList__item .text-number > p {
  font-size: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}
.aboutus-index .l-section--feature .p-feature-resultList__item .text-number .average {
  height: 50px;
  margin-right: 2px;
}
.aboutus-index .l-section--feature .p-feature-resultList__item .text-number .number {
  font-family: "Inter", sans-serif;
  font-size: 5.8rem;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: 0.04em;
}
.aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(5) .image-illust {
  margin: 10px auto 0;
  max-width: 171px;
}
.aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(6) .image-illust {
  margin: 10px auto 0;
  max-width: 174px;
}
.aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row-reverse;
}
.aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .text-heading {
  width: 100%;
}
.aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .list-system > li {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 400;
  padding-left: 1em;
  text-indent: -1em;
}
.aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .list-system > li:before {
  content: "・";
}
.aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .list-system > li span {
  font-size: 1.4rem;
  font-weight: 300;
}
.aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(8) .image-illust {
  margin: 32px auto 0;
  max-width: 93px;
}
/* PC */
@media screen and (min-width: 769px) {
  .aboutus-index .l-section--feature .p-feature-contentsBlock__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .aboutus-index .l-section--feature .p-feature-contentsBlock__item .item-heading {
    width: calc(244 / 952 * 100%);
  }
  .aboutus-index .l-section--feature .p-feature-contentsBlock__item .item-body {
    width: calc(708 / 952 * 100%);
  }
  .aboutus-index .l-section--feature .p-feature-resultList {
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item {
    height: 15.2778vw;
    max-height: 220px;
    margin-left: 3.3899%;
    margin-top: 3.3899%;
    width: 31.0734%;
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item:nth-of-type(-n+3) {
    margin-top: 0;
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) {
    width: 65.5367%;
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .image-illust {
    text-align: center;
    width: calc(172 / 424 * 100%);
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .image-illust img {
    margin-inline: auto;
    max-width: 104px;
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .list-system {
    margin-top: -20px;
    width: calc(252 / 424 * 100%);
  }
}
@media screen and (min-width: 769px) and (max-width: 1365px) {
  .aboutus-index .l-section--feature .p-feature-contentsBlock__item {
    padding-block: calc(80 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .p-feature-contentsBlock__item .item-heading {
    font-size: calc(28 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .p-feature-contentsBlock__item .item-heading .subtext {
    font-size: calc(16 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item {
    padding: calc(16 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-heading {
    font-size: calc(16 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-heading span {
    font-size: calc(14 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-notes {
    font-size: calc(14 / 1365 * 100vw);
    margin-top: calc(4 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-number {
    height: calc(156 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-number > p {
    font-size: calc(16 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-number .average {
    height: calc(50 / 1365 * 100vw);
    margin-right: calc(2 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-number .number {
    font-size: calc(58 / 1365 * 100vw);
    line-height: calc(50 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(5) .image-illust {
    margin-top: calc(10 / 1365 * 100vw);
    max-width: calc(171 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(6) .image-illust {
    margin-top: calc(10 / 1365 * 100vw);
    max-width: calc(174 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .list-system > li {
    font-size: calc(15 / 1365 * 100vw);
    line-height: 1.8;
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .list-system > li span {
    font-size: calc(13 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .list-system {
    margin-top: calc(-20 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .image-illust img {
    max-width: calc(104 / 1365 * 100vw);
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(8) .image-illust {
    margin-top: calc(32 / 1365 * 100vw);
    max-width: calc(93 / 1365 * 100vw);
  }
}
/* SP */
@media screen and (max-width: 768px) {
  .aboutus-index .l-section--feature {
    padding-top: 35px;
  }
  .aboutus-index .l-section--feature .l-section__title {
    margin-inline: -10px;
  }
  .aboutus-index .l-section--feature .p-feature-contentsBlock {
    margin-top: 40px;
  }
  .aboutus-index .l-section--feature .p-feature-contentsBlock__item {
    padding-top: 20px;
    padding-bottom: 80px;
  }
  .aboutus-index .l-section--feature .p-feature-contentsBlock__item .item-heading {
    font-size: 2rem;
    text-align: center;
  }
  .aboutus-index .l-section--feature .p-feature-contentsBlock__item .item-heading .subtext {
    font-size: 1.4rem;
  }
  .aboutus-index .l-section--feature .p-feature-resultList {
    justify-content: space-between;
    margin-top: 32px;
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item {
    margin-top: 10px;
    padding: 12px;
    height: 153px;
    width: 48.34%;
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item:nth-of-type(-n+2) {
    margin-top: 0;
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-heading {
    font-size: 1.2rem;
    margin-right: -6px;
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-heading span {
    font-size: 1rem;
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-notes {
    font-size: 1rem;
    margin-top: 0;
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-number {
    height: 108px;
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-number > p {
    font-size: 1.3rem;
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-number .average {
    height: 35px;
    margin-right: 2px;
  }
  .aboutus-index .l-section--feature .p-feature-resultList__item .text-number .number {
    font-size: 4rem;
    line-height: 35px;
    letter-spacing: 0.02em;
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(5) .image-illust,
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(6) .image-illust {
    margin-top: 8px;
    max-width: 122px;
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) {
    justify-content: center;
    height: auto;
    width: 100%;
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .image-illust {
    text-align: center;
    width: 95px;
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .image-illust img {
    max-width: 73px;
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .list-system {
    max-width: calc(100% - 95px);
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .list-system > li {
    font-size: 1.2rem;
    line-height: 1.8;
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(7) .list-system > li span {
    font-size: 1rem;
  }
  .aboutus-index .l-section--feature .environment .p-feature-resultList__item:nth-of-type(8) .image-illust {
    margin-top: 18px;
    max-width: 65px;
  }
}