[data-accordion] {
  overflow: hidden;
  height: 0;
  transition: height 0.35s ease-in-out;
}

.company-concept_brand {
  position: relative;
  margin-bottom: min(8.667vw, 104px);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand {
    margin-bottom: 16.41vw;
  }
}
.company-concept_brand__outer {
  display: grid;
  justify-items: center;
  grid-auto-flow: row;
}
.company-concept_brand__inner {
  width: min(91.667vw, 1100px);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__inner {
    width: 87.692vw;
  }
}
.company-concept_brand__heading h2 {
  margin-bottom: min(5.333vw, 64px);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__heading h2 {
    margin-bottom: 10.256vw;
  }
}
.company-concept_brand__heading p {
  font-size: min(1.333vw, 16px);
  font-weight: var(--weight-medium);
  line-height: 1.7;
  letter-spacing: 0.04em;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__heading p {
    font-size: 4.103vw;
    text-align: start;
  }
}
.company-concept_brand__commentary {
  display: grid;
  justify-items: center;
  margin: min(3.333vw, 40px) 0 min(8.667vw, 104px);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary {
    margin: 10.256vw 0 16.41vw;
  }
}
.company-concept_brand__commentary-heading {
  display: inline-block;
  color: var(--dark_green_primary);
  font-family: var(--family-jp);
  font-size: min(4vw, 48px);
  font-weight: var(--weight-bold);
  line-height: 1.7;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading {
    margin-left: 8.205vw;
    font-size: 8.205vw;
  }
}
.company-concept_brand__commentary-heading span {
  display: inline-block;
}
.company-concept_brand__commentary-heading .kerning-1 {
  letter-spacing: 0.1em;
}
.company-concept_brand__commentary-heading .kerning-2 {
  letter-spacing: 0.17em;
}
.company-concept_brand__commentary-heading .kerning-3 {
  letter-spacing: 0.25em;
}
.company-concept_brand__commentary-heading .kerning-4 {
  letter-spacing: -0.25em;
}
.company-concept_brand__commentary-heading .setting-1 {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading .setting-1::before {
    position: absolute;
    display: inline-block;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.513vw;
    background: linear-gradient(to right, rgb(125, 199, 161) 0%, rgb(95, 187, 162) 50%, rgb(57, 172, 164) 100%);
  }
}
.company-concept_brand__commentary-heading .setting-1::after {
  position: absolute;
  display: inline-block;
  content: "";
  margin-left: max(-0.167vw, -2px);
  bottom: calc(max(-5.167vw, -62px) + max(-1.5vw, -18px));
  left: 50%;
  width: min(26.5vw, 318px);
  height: min(5.167vw, 62px);
  background-image: url("/assets/img/company/company_concept-horizontal-arrow-medium.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading .setting-1::after {
    top: 13.333vw;
    left: -11.026vw;
    width: 8.462vw;
    height: 23.846vw;
    background-image: url("/assets/img/company/company_concept-vertical-arrow-small.png");
    transform: translate(0, 0);
  }
}
.company-concept_brand__commentary-heading .setting-2 {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading .setting-2::before {
    position: absolute;
    display: inline-block;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.513vw;
    background: linear-gradient(to right, rgb(125, 199, 161) 0%, rgb(95, 187, 162) 50%, rgb(57, 172, 164) 100%);
  }
}
.company-concept_brand__commentary-heading .setting-2::after {
  position: absolute;
  display: inline-block;
  content: "";
  margin-left: max(-0.5vw, -6px);
  bottom: calc(max(-5.167vw, -62px) + max(-1.5vw, -18px));
  left: 50%;
  width: min(22.917vw, 275px);
  height: min(5.167vw, 62px);
  background-image: url("/assets/img/company/company_concept-horizontal-arrow-small.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading .setting-2::after {
    top: 13.333vw;
    left: calc(100% + 2.564vw);
    width: 32.051vw;
    height: 76.923vw;
    background-image: url("/assets/img/company/company_concept-vertical-arrow-long.png");
    transform: translate(0, 0);
  }
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading [data-accordion-decoration]::before {
    opacity: 0;
    transition: var(--ease-in-out);
  }
}
.company-concept_brand__commentary-heading [data-accordion-decoration]::after {
  opacity: 0;
  transition: 0.35s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading [data-accordion-decoration].setting-1::before {
    transform: translateX(2.564vw);
  }
}
.company-concept_brand__commentary-heading [data-accordion-decoration].setting-1::after {
  transform: translate(-50%, max(-0.833vw, -10px));
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading [data-accordion-decoration].setting-1::after {
    transform: translate(2.564vw, 0);
  }
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading [data-accordion-decoration].setting-2::before {
    transform: translateX(-2.564vw);
  }
}
.company-concept_brand__commentary-heading [data-accordion-decoration].setting-2::after {
  transform: translate(-50%, max(-0.833vw, -10px));
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading [data-accordion-decoration].setting-2::after {
    transform: translate(-2.564vw, 0);
  }
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading [data-accordion-open]::before {
    opacity: 1;
    transition: var(--ease-in-out);
  }
}
.company-concept_brand__commentary-heading [data-accordion-open]::after {
  opacity: 1;
  transition: 0.35s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading [data-accordion-open].setting-1::before {
    transform: translateX(0);
  }
}
.company-concept_brand__commentary-heading [data-accordion-open].setting-1::after {
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading [data-accordion-open].setting-1::after {
    transform: translate(0, 0);
  }
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading [data-accordion-open].setting-2::before {
    opacity: 1;
    transform: translateX(0);
  }
}
.company-concept_brand__commentary-heading [data-accordion-open].setting-2::after {
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-heading [data-accordion-open].setting-2::after {
    transform: translate(0, 0);
  }
}
.company-concept_brand__commentary-content {
  display: grid;
  justify-items: center;
  margin-top: min(8.583vw, 103px);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-content {
    margin-top: 7.179vw;
  }
}
.company-concept_brand__commentary-content-inner {
  display: grid;
  justify-items: center;
  grid-template-columns: min(42.667vw, 512px) min(43.917vw, 527px);
  gap: min(2vw, 24px);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-content-inner {
    grid-template-columns: 1fr;
    gap: 6.154vw;
    width: 87.692vw;
  }
}
.company-concept_brand__commentary-content-inner p {
  padding: min(2vw, 24px) min(3.333vw, 40px);
  font-size: min(1.333vw, 16px);
  font-weight: var(--weight-medium);
  line-height: 1.7;
  border-radius: min(0.667vw, 8px);
  background-color: var(--light_green_1);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-content-inner p {
    padding: 6.154vw 6.154vw;
    width: 81.538vw;
    font-size: 4.103vw;
    border-radius: 2.051vw;
  }
  .company-concept_brand__commentary-content-inner p:first-child {
    justify-self: start;
  }
  .company-concept_brand__commentary-content-inner p:last-child {
    justify-self: end;
  }
}
.company-concept_brand__commentary-button {
  display: grid;
  justify-items: center;
  margin: min(2vw, 24px) 0 min(3.333vw, 40px);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-button {
    margin: 6.154vw 0 6.154vw;
  }
}
.company-concept_brand__commentary-description {
  color: var(--black);
  font-size: min(1.333vw, 16px);
  font-weight: var(--weight-regular);
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__commentary-description {
    font-size: 4.103vw;
  }
}
.company-concept_brand__logo-content {
  display: grid;
  align-items: center;
}
.company-concept_brand__logo-image-wrapper {
  display: grid;
  justify-items: center;
  margin: min(7.5vw, 90px) 0;
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__logo-image-wrapper {
    margin: 10.256vw 0;
  }
}
.company-concept_brand__logo-image {
  width: min(41.667vw, 500px);
  height: min(14.167vw, 170px);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__logo-image {
    width: 75.385vw;
    height: 25.564vw;
  }
}
.company-concept_brand__logo-image img {
  display: block;
  width: 100%;
}
.company-concept_brand__logo-statement {
  display: grid;
  grid-auto-flow: row;
  gap: min(2.267vw, 27.2px);
  margin-bottom: min(8.667vw, 104px);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__logo-statement {
    margin-bottom: 16.41vw;
  }
}
.company-concept_brand__logo-statement p {
  font-size: min(1.333vw, 16px);
  font-weight: var(--weight-regular);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__logo-statement p {
    font-size: 4.103vw;
  }
}
.company-concept_brand__logo-color {
  display: grid;
  grid-template-columns: repeat(3, min(27vw, 324px));
  gap: min(5.333vw, 64px);
  margin-top: min(3.333vw, 40px);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__logo-color {
    grid-template-columns: 1fr;
    gap: 16.41vw;
    margin-top: 10.256vw;
  }
}
.company-concept_brand__logo-color dl {
  display: grid;
  justify-items: center;
  grid-template-columns: 1fr;
  gap: min(2vw, 24px);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__logo-color dl {
    justify-items: start;
    gap: 2.051vw;
    width: 61.538vw;
  }
}
.company-concept_brand__logo-color dt {
  font-size: min(1.5vw, 18px);
  font-weight: var(--weight-medium);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__logo-color dt {
    font-size: 4.615vw;
  }
}
.company-concept_brand__logo-color dt.hip-blue-green {
  color: #007873;
}
.company-concept_brand__logo-color dt.hip-green {
  color: #00A03C;
}
.company-concept_brand__logo-color dt.hip-gray {
  color: #373737;
}
.company-concept_brand__logo-color dd {
  font-size: min(1.333vw, 16px);
  font-weight: var(--weight-regular);
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__logo-color dd {
    font-size: 4.103vw;
  }
}
.company-concept_brand__logo-color-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: min(2vw, 24px);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__logo-color-list {
    align-items: start;
    grid-template-columns: auto 1fr;
    gap: 6.154vw;
  }
}
.company-concept_brand__logo-color-chip {
  display: block;
  width: 100%;
  height: min(6.667vw, 80px);
}
@media only screen and (max-width: 767px) {
  .company-concept_brand__logo-color-chip {
    width: 15.385vw;
    height: 34.359vw;
  }
}
.company-concept_brand__logo-color-chip.hip-blue-green {
  color: #007873;
  background-color: #007873;
}
.company-concept_brand__logo-color-chip.hip-green {
  color: #00A03C;
  background-color: #00A03C;
}
.company-concept_brand__logo-color-chip.hip-gray {
  color: #373737;
  background-color: #373737;
}

.company-concept_character {
  position: relative;
  padding: min(8.667vw, 104px) 0 min(9.25vw, 111px);
  background-color: var(--light_green_1);
}
@media only screen and (max-width: 767px) {
  .company-concept_character {
    padding: 16.41vw 0;
  }
}
.company-concept_character::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 0;
  width: min(6.944vw, 100px);
  height: min(44.514vw, 641px);
  background-image: url("/assets/img/company/hip-nyan_pc.svg");
  background-position: center;
  background-size: min(6.944vw, 100px) min(44.514vw, 641px);
  background-repeat: no-repeat;
  transform: translate(0, -50%);
}
@media only screen and (max-width: 767px) {
  .company-concept_character::before {
    display: none;
  }
}
.company-concept_character__outer {
  display: grid;
  justify-items: center;
  grid-auto-flow: row;
}
.company-concept_character__inner {
  width: min(91.667vw, 1100px);
}
@media only screen and (max-width: 767px) {
  .company-concept_character__inner {
    width: 87.692vw;
  }
}
.company-concept_character__heading {
  margin-bottom: min(2.583vw, 31px);
}
@media only screen and (max-width: 767px) {
  .company-concept_character__heading {
    margin-bottom: 10.256vw;
  }
}
.company-concept_character__profile {
  display: grid;
  align-items: end;
  justify-items: center;
  grid-template-columns: 1fr 1fr;
  gap: min(6.917vw, 83px);
}
@media only screen and (max-width: 767px) {
  .company-concept_character__profile {
    grid-template-columns: 1fr;
    gap: 6.154vw;
  }
}
.company-concept_character__profile-image {
  width: min(27.75vw, 333px);
  height: min(43.583vw, 523px);
}
@media only screen and (max-width: 767px) {
  .company-concept_character__profile-image {
    width: 61.538vw;
    height: 89.231vw;
  }
}
.company-concept_character__profile-image img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .company-concept_character__profile-image img {
    height: 100%;
  }
}
.company-concept_character__profile-content {
  display: grid;
  grid-auto-flow: row;
  gap: min(5.333vw, 64px);
}
@media only screen and (max-width: 767px) {
  .company-concept_character__profile-content {
    gap: 10.256vw;
  }
}
.company-concept_character__profile-list {
  display: grid;
  grid-auto-flow: row;
  gap: min(1.333vw, 16px);
  padding: min(3vw, 36px) min(3.333vw, 40px);
  border-radius: min(1.333vw, 16px);
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .company-concept_character__profile-list {
    gap: 6.154vw;
    padding: 6.154vw;
    border-radius: 4.103vw;
  }
}
.company-concept_character__profile-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: min(2vw, 24px);
}
@media only screen and (max-width: 767px) {
  .company-concept_character__profile-item {
    grid-template-columns: 1fr;
    gap: 2.051vw;
  }
}
.company-concept_character__profile-item dt {
  display: block;
  width: min(6.833vw, 82px);
  height: min(2.917vw, 35px);
  color: var(--white);
  font-size: min(1.333vw, 16px);
  font-weight: var(--weight-medium);
  line-height: min(2.917vw, 35px);
  letter-spacing: 0.04em;
  text-align: center;
  border-radius: min(0.333vw, 4px);
  background-color: var(--dark_green_primary);
}
@media only screen and (max-width: 767px) {
  .company-concept_character__profile-item dt {
    width: 100%;
    height: 8.974vw;
    font-size: 4.103vw;
    line-height: 8.974vw;
    border-radius: 1.026vw;
  }
}
.company-concept_character__profile-item dd {
  width: min(34.5vw, 414px);
  font-size: min(1.333vw, 16px);
  font-weight: var(--weight-medium);
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  .company-concept_character__profile-item dd {
    width: 100%;
    font-size: 4.103vw;
  }
}
.company-concept_character__profile-description {
  display: flex;
  flex-direction: column;
  gap: min(1.333vw, 16px);
}
@media only screen and (max-width: 767px) {
  .company-concept_character__profile-description {
    gap: 4.103vw;
  }
}
.company-concept_character__profile-description p {
  color: var(--black);
  font-size: min(1.333vw, 16px);
  font-weight: var(--weight-regular);
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .company-concept_character__profile-description p {
    font-size: 4.103vw;
  }
}/*# sourceMappingURL=company_concept.css.map */