@media screen and (min-width: 821px) {
  .business-content {
    gap: 8.125rem;
  }
  .business-content > .item {
    gap: 3.75rem;
    grid-template-columns: 1fr 1fr;
  }
  .business-content > .item > .text {
    gap: 2rem;
  }
  .business-content > .item > .image {
    margin: 0;
  }
  .business-content > .item.-reflection > .image {
    order: 0;
  }
}

@media screen and (min-width: 821px) {
  .data-content > .title {
    margin-bottom: 3.5rem;
  }
  .data-content > .description {
    margin-bottom: 5.5rem;
  }
  .data-content > .content {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.125rem 3.75rem;
  }
  .data-content > .content > .item {
    padding: 2rem 2rem 3rem;
  }
  .data-content > .content > .item.-wide {
    grid-column: span 2;
  }
  .data-content > .content > .site-text-standard {
    grid-column: span 2;
  }
  .data-content-item > .title {
    font-size: 1.25rem;
  }
  .data-content-item > .title > .sub {
    font-size: 1.125rem;
  }
  .data-content-item.-item13 {
    align-items: center;
    flex-direction: row;
    margin: 1rem auto 0;
    max-width: 61.875rem;
  }
  .data-content-item.-item13 > .title {
    margin: auto 0;
  }
  .data-content-item01 {
    gap: 1.5rem;
    width: auto;
  }
  .data-content-item01 > .column {
    width: 7.875rem;
  }
  .data-content-item01 > .column.-main {
    width: 8.875rem;
  }
  .data-content-item01 > .column.-main dd {
    font-size: 5rem;
  }
  .data-content-item01 dt {
    font-size: 1.125rem;
  }
  .data-content-item01 dd {
    font-size: 3.5rem;
  }
  .data-content-item02 img {
    width: 20.938rem;
  }
  .data-content-item03 img {
    width: 18.125rem;
  }
  .data-content-item04 {
    gap: 2rem;
    margin: auto;
  }
  .data-content-item04 > .text {
    font-size: 5.625rem;
    width: 14.5rem;
  }
  .data-content-item04 > .text > .unit {
    font-size: 2.25rem;
    margin-bottom: 0.75rem;
  }
  .data-content-item04 > .icon {
    width: 6.25rem;
  }
  .data-content-item05 {
    gap: 5rem;
  }
  .data-content-item05 > .column {
    width: 7.75rem;
  }
  .data-content-item05 dt {
    font-size: 1.25rem;
  }
  .data-content-item05 dd > .text {
    font-size: 4.375rem;
  }
  .data-content-item05 dd > .text > .unit {
    font-size: 2.5rem;
  }
  .data-content-item06 {
    gap: 4rem;
  }
  .data-content-item06 > .item {
    width: 7.75rem;
  }
  .data-content-item06 > .item > .text {
    font-size: 4.375rem;
  }
  .data-content-item06 > .item > .text > .unit {
    font-size: 2.5rem;
  }
  .data-content-item06 > .chart {
    width: 8.875rem;
  }
  .data-content-item07 {
    gap: 4rem;
  }
  .data-content-item07 > .item {
    width: 7.75rem;
  }
  .data-content-item07 > .item > .text {
    font-size: 4.375rem;
  }
  .data-content-item07 > .item > .text > .unit {
    font-size: 2.5rem;
  }
  .data-content-item07 > .chart {
    width: 8.875rem;
  }
  .data-content-item08 {
    gap: 2rem;
    margin: auto;
  }
  .data-content-item08 > .text {
    font-size: 5.625rem;
    width: 11.75rem;
  }
  .data-content-item08 > .text > .unit {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
  }
  .data-content-item08 > .icon {
    width: 6.25rem;
  }
  .data-content-item09 {
    align-items: flex-end;
    gap: 3rem;
    flex-direction: row;
    margin: auto;
  }
  .data-content-item09 > .image img {
    width: 9.563rem;
  }
  .data-content-item09 > .list {
    margin-left: auto;
    min-width: 14.375rem;
    padding: 0;
  }
  .data-content-item09 > .list > li {
    font-size: 1.125rem;
    gap: 1rem;
  }
  .data-content-item10 {
    align-items: flex-end;
    gap: 3rem;
    flex-direction: row;
    margin: auto;
    width: auto;
  }
  .data-content-item10 > .list {
    gap: 1rem;
    min-width: 15.75rem;
    padding: 0;
  }
  .data-content-item10 > .list > li {
    font-size: 1.125rem;
    gap: 1rem;
  }
  .data-content-item11 {
    align-items: flex-end;
    gap: 3rem;
    flex-direction: row;
    margin: auto;
    width: auto;
  }
  .data-content-item11 > .image img {
    width: 8.875rem;
  }
  .data-content-item11 > .list {
    gap: 0.25rem;
    min-width: 14.375rem;
    padding: 0;
  }
  .data-content-item11 > .list > li {
    font-size: 1.125rem;
    gap: 1rem;
  }
  .data-content-item12 {
    align-items: flex-end;
    gap: 3rem;
    flex-direction: row;
    margin: auto;
    width: auto;
  }
  .data-content-item12 > .list {
    gap: 1rem;
    min-width: 15.75rem;
    padding: 0;
  }
  .data-content-item12 > .list > li {
    gap: 1rem;
    font-size: 1.125rem;
  }
  .data-content-item14 {
    gap: 3.75rem;
    grid-template-columns: 1fr 1fr;
    margin: 1rem auto 0;
    max-width: 61.875rem;
  }
  .data-content-item14 > .image img {
    width: 28.063rem;
  }
  .data-content-item14 > .text > .list {
    max-width: 20.938rem;
  }
  .data-content-item14 > .text > .list > li {
    font-size: 0.938rem;
  }
  .data-content-item14 > .text > .list > li.-main {
    font-size: 1.625rem;
  }
  .data-content-item14 > .text > .list > li.-main > .position {
    font-size: 3.125rem;
  }
  .data-content-item14 > .text > .list > li.-main > .number {
    font-size: 2.5rem;
  }
  .data-content-item14 > .text > .list > li.-main > .number > .unit {
    font-size: 1.625rem;
  }
  .data-content-item15 {
    gap: 3.75rem;
    grid-template-columns: 1fr 1fr;
    margin: 1rem auto 0;
    max-width: 61.875rem;
  }
  .data-content-item15 > .image img {
    width: 29.063rem;
  }
  .data-content-item15 > .text > .list {
    max-width: 20.938rem;
  }
  .data-content-item15 > .text > .list > li {
    font-size: 0.938rem;
    width: 16.875rem;
  }
  .data-content-item15 > .text > .list > li.-main {
    font-size: 1.625rem;
  }
  .data-content-item15 > .text > .list > li.-main > .position {
    font-size: 3.125rem;
  }
  .data-content-item15 > .text > .list > li.-main > .number {
    font-size: 2.5rem;
  }
  .data-content-item15 > .text > .list > li.-main > .number > .unit {
    font-size: 1.625rem;
  }
  .data-content-item16 {
    gap: 3.75rem;
    grid-template-columns: 1fr 1fr;
    margin: 1rem auto 0;
    max-width: 61.875rem;
  }
  .data-content-item16 > .image img {
    width: 28.063rem;
  }
  .data-content-item16 > .text > .list {
    max-width: 20.938rem;
  }
  .data-content-item16 > .text > .list > li > .number {
    min-width: auto;
  }
  .data-content-item16 > .text > .list > li.-main {
    font-size: 1.625rem;
  }
  .data-content-item16 > .text > .list > li.-main > .position {
    font-size: 3.125rem;
  }
  .data-content-item16 > .text > .list > li.-main > .number {
    font-size: 2.5rem;
  }
  .data-content-item16 > .text > .list > li.-main > .number > .unit {
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 821px) {
  .environment-culture > .title {
    margin-bottom: 3.5rem;
  }
  .environment-culture > .description {
    margin-bottom: 5rem;
  }
  .environment-culture-item > .title {
    font-size: 1.625rem;
    padding: 1.25rem;
  }
  .environment-culture-item > .content {
    padding: 3.5rem;
  }
  .environment-culture-item > .content > .list {
    gap: 3.75rem;
    grid-template-columns: 1fr 1fr;
    margin: auto;
    max-width: 61.875rem;
  }
  .environment-culture-item > .content > .list > li {
    flex-direction: row;
    gap: 1rem;
  }
  .environment-culture-item > .content > .list > li:before {
    font-size: 1.625rem;
    text-align: left;
  }
  .environment-culture-item > .content > .list > li > .text > .site-heading-simple {
    text-align: left;
  }
  .environment-career > .title {
    margin-bottom: 3.5rem;
  }
  .environment-career > .description {
    margin-bottom: 5rem;
  }
  .environment-career > .content {
    padding: 1.5rem 2rem 3.5rem;
  }
  .environment-career > .content > .image {
    margin: 1.5rem auto 0;
    max-width: 65.25rem;
  }
  .environment-training > .title {
    margin-bottom: 3.5rem;
  }
  .environment-training > .description {
    margin-bottom: 5rem;
  }
  .environment-training-content > .title {
    font-size: 1.25rem;
    padding: 1.25rem;
  }
  .environment-training-content > .content {
    padding: 3.5rem 3.5rem 6rem;
  }
  .environment-training-content > .content > .inner {
    gap: 4rem;
    max-width: 61.875rem;
  }
  .environment-training-item {
    gap: 3.75rem;
    grid-template-columns: repeat(10, 1fr);
    padding-bottom: 4rem;
  }
  .environment-training-item > .title {
    flex-direction: row;
    gap: 1rem;
    grid-column: span 4;
  }
  .environment-training-item > .title > .icon {
    width: 5.438rem;
  }
  .environment-training-item > .title > .site-heading-simple {
    text-align: left;
    width: auto;
  }
  .environment-training-item > .title > .site-heading-simple > .logo img {
    width: 8.625rem;
  }
  .environment-training-item > .description {
    grid-column: span 6;
  }
  .environment-style > .title {
    margin-bottom: 3.5rem;
  }
  .environment-style > .description {
    margin-bottom: 5rem;
  }
  .environment-style > .content {
    gap: 3.125rem 3.75rem;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 8.125rem;
  }
  .environment-style > .content > .item {
    padding: 2.5rem 2.5rem 3rem;
  }
  .environment-style > .content > .item > .title {
    font-size: 1.75rem;
  }
  .environment-style > .content > .item > .list > li {
    align-items: center;
  }
  .environment-style > .content > .item > .list > li::before {
    margin-top: 0;
  }
  .environment-communication > .title {
    margin-bottom: 3.5rem;
  }
  .environment-communication > .description {
    margin-bottom: 5rem;
  }
  .environment-communication > .content {
    grid-template-columns: repeat(12, 1fr);
  }
  .environment-communication > .content > .item {
    grid-column: span 4;
  }
}

@media screen and (min-width: 821px) {
  .faq-list {
    gap: 3.125rem;
  }
  .faq-item {
    padding: 2.5rem 3rem;
  }
  .faq-item > .title {
    gap: 1rem;
    padding-bottom: 1.75rem;
  }
  .faq-item > .title::before {
    font-size: 1.5rem;
  }
  .faq-item > .content {
    gap: 1rem;
    padding-top: 2rem;
  }
  .faq-item > .content::before {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 821px) {
  .home-hero {
    aspect-ratio: 1440/950;
    margin-bottom: -11.25vw;
  }
  .home-hero > .title {
    margin-left: 3.8888888889vw;
  }
  .home-hero > .title > .text01 img {
    width: 27.7083333333vw;
  }
  .home-hero > .title > .text02 {
    margin-top: 0.2777777778vw;
  }
  .home-hero > .title > .text02 img {
    width: 22.7083333333vw;
  }
  .home-hero > .image > .item {
    aspect-ratio: 647/950;
    -webkit-clip-path: polygon(46.99% 0, 100% 0, 53.01% 100%, 0 100%);
    clip-path: polygon(46.99% 0, 100% 0, 53.01% 100%, 0 100%);
  }
  .home-hero > .image > .item.-item01 {
    right: 40.7638888889vw;
  }
  .home-hero > .image > .item.-item02 {
    top: 0;
    right: 16.25vw;
  }
  .home-hero > .image > .item.-item03 {
    top: 0;
    right: -8.2638888889vw;
  }
  .home-hero > .image > .item img {
    width: 44.9305555556vw;
  }
  .home-hero > .ornament {
    font-size: 0.9722222222vw;
    inset: auto 4.3055555556vw 2.2222222222vw auto;
  }
  .home-intro {
    background-image: url(../../images/home/background_intro.png);
    padding: calc(10rem + 11.25vw) 0 14rem;
  }
  @supports (background-image: url("../../images/home/background_intro.webp")) {
    .home-intro {
      background-image: url("../../images/home/background_intro.webp");
    }
  }
  .home-intro-content {
    margin: auto;
    max-width: 61.875rem;
  }
  .home-intro-content > .title {
    gap: 2.5rem;
  }
  .home-intro-content > .title img {
    width: 26.75rem;
  }
  .home-intro-content > .description {
    max-width: 29.063rem;
    width: auto;
  }
  .home-intro-content > .description > .text {
    font-size: 1.188rem;
    padding-left: 1.875rem;
  }
  .home-vision {
    gap: 3.75rem;
    grid-template-columns: 1fr 1fr;
  }
  .home-vision > .text > .site-heading-combi {
    margin-bottom: 3rem;
  }
  .home-vision > .text > .site-text-standard {
    margin-bottom: 5rem;
  }
  .home-vision > .text > .buttons {
    gap: 1.875rem;
    max-width: 22.5rem;
  }
  .home-business > .title {
    gap: 3.75rem;
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: 4.5rem;
  }
  .home-business > .title > .heading {
    grid-column: 1/6;
  }
  .home-business > .title > .description {
    grid-column: 6/13;
  }
  .home-business > .content {
    grid-template-columns: repeat(12, 1fr);
    gap: 3.75rem;
  }
  .home-business > .content > .buttons {
    grid-column: 9/13;
    gap: 1.875rem;
  }
  .home-business > .content > .image {
    grid-column: 1/8;
    order: -1;
    margin-left: calc(-50vw + 88.89%);
    width: calc(100% + 50vw - 88.89%);
  }
  .home-interview > .title {
    grid-template-columns: repeat(12, 1fr);
    gap: 3.75rem;
    margin-bottom: 6rem;
  }
  .home-interview > .title > .heading {
    grid-column: 1/6;
  }
  .home-interview > .title > .description {
    grid-column: 6/13;
  }
  .home-interview > .button {
    margin-left: auto;
    max-width: 15.938rem;
  }
  .home-member {
    grid-template-areas: "text image" "button image";
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    gap: 3.125rem 3.75rem;
    height: 48.1944444444vw;
    margin: -10rem 0;
    min-height: 43.375rem;
  }
  .home-member > .text {
    grid-column: span 5;
    margin-top: auto;
    margin-bottom: 0;
  }
  .home-member > .text > .site-heading-combi {
    margin-bottom: 3rem;
  }
  .home-member > .image {
    flex-direction: row;
    gap: 1.5rem;
    grid-column: span 7;
    height: 48.1944444444vw;
    min-height: 43.375rem;
    transform: rotate(15deg);
    width: auto;
  }
  .home-member > .image > .slide {
    flex-direction: column;
  }
  .home-member > .image > .slide > .inner {
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .home-member > .image > .slide.-slide01.-slide > .inner {
    animation: memberSliderVertical 30s infinite linear;
  }
  .home-member > .image > .slide.-slide02.-slide > .inner {
    animation: memberSliderVerticalReflect 30s infinite linear;
  }
  .home-member > .image > .slide img {
    width: 20.625rem;
  }
  .home-member > .button {
    grid-column: span 5;
    margin-top: 0;
    margin-bottom: auto;
  }
  .home-workstyle > .title {
    grid-template-columns: repeat(12, 1fr);
    gap: 3.75rem;
    margin-bottom: 6rem;
  }
  .home-workstyle > .title > .heading {
    grid-column: 1/6;
  }
  .home-workstyle > .title > .description {
    grid-column: 6/13;
  }
  .home-workstyle > .main {
    margin-bottom: 10rem;
  }
  .home-workstyle > .sub {
    gap: 3.75rem;
    grid-template-columns: 1fr 1fr;
  }
  .home-workstyle-item {
    padding: 4.5rem var(--margin-side);
  }
  .home-workstyle-item > .inner {
    gap: 3.75rem;
    grid-template-columns: repeat(10, 1fr);
    margin: auto;
    max-width: 61.875rem;
  }
  .home-workstyle-item > .inner > .text {
    gap: 2rem;
    grid-column: 1/7;
  }
  .home-workstyle-item > .inner > .text > .heading {
    align-items: center;
    flex-direction: row;
    gap: 2rem;
  }
  .home-workstyle-item > .inner > .text > .heading > .en {
    font-size: 3.438rem;
  }
  .home-workstyle-item > .inner > .text > .heading > .ja {
    font-size: 1rem;
  }
  .home-workstyle-item > .inner > .text > .button {
    font-size: 1.25rem;
  }
  .home-workstyle-item > .inner > .image {
    grid-column: 7/11;
  }
  .home-workstyle-item:hover {
    background-position: left center;
    color: var(--color-white);
    transition-duration: 0.6s;
  }
  .home-workstyle-sub-item {
    flex-wrap: nowrap;
  }
  .home-workstyle-sub-item > .text {
    display: block;
    padding: 1.5rem 2.5rem 1.5rem 3.5rem;
  }
  .home-workstyle-sub-item > .text::after {
    right: 2.5rem;
  }
  .home-workstyle-sub-item > .text > .en {
    font-size: 2.125rem;
    margin-bottom: 0.5rem;
  }
  .home-workstyle-sub-item > .text > .ja {
    font-size: 0.875rem;
  }
  .home-workstyle-sub-item > .image {
    aspect-ratio: auto;
    width: 54.4%;
  }
  .home-workstyle-sub-item:hover {
    color: var(--color-project-orange);
  }
  .home-workstyle-sub-item:hover > .text::after {
    transform: translate(0.25rem, -50%);
  }
  .home-sns > .title {
    font-size: 2.125rem;
    margin-bottom: 3.5rem;
  }
  .home-sns > .content {
    grid-template-columns: 1fr 1fr;
    gap: 3.75rem;
  }
  .home-sns-item {
    align-items: center;
    flex-direction: row;
    gap: 3rem;
    padding: 2.5rem 2.5rem 2.5rem 3.75rem;
  }
  .home-sns-item::after {
    top: 50%;
    right: 2.5rem;
    bottom: auto;
    transform: translateY(-50%);
  }
  .home-sns-item > .title {
    gap: 1rem;
  }
  .home-sns-item > .title > .logo.-note img {
    width: 7.625rem;
  }
  .home-sns-item > .title > .logo.-youtube img {
    width: 10.063rem;
  }
  .home-sns-item > .title > .text {
    font-size: 0.875rem;
  }
  .home-sns-item > .image {
    width: 13.125rem;
  }
  .home-sns-item:hover {
    color: var(--color-project-orange);
  }
  .home-sns-item:hover::after {
    transform: translate(0.25rem, -50%);
  }
}