@media screen and (min-width: 821px) {
  html {
    font-size: clamp(0.875rem, 0.55rem + 0.5vw, 1.125rem);
  }
  .for-large {
    display: block;
  }
  .for-small {
    display: none;
  }
  .layout-max,
  .layout-primary,
  .layout-secondary {
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--margin-side);
    padding-left: var(--margin-side);
  }
  .layout-max {
    max-width: calc(var(--content-max) + var(--margin-side) * 2);
  }
  .layout-primary {
    max-width: calc(var(--content-primary) + var(--margin-side) * 2);
  }
  .layout-secondary {
    max-width: calc(var(--content-secondary) + var(--margin-side) * 2);
  }
  .site-block {
    margin: 11.25rem 0;
  }
  .site-block.-fill {
    margin: 0;
    padding: 7.5rem 0;
  }
  .site-block.-fill.-blue {
    padding-top: 8.75rem;
  }
  .site-block.-fill.-recruit {
    margin-top: 15rem;
  }
  .site-block.-ornament {
    background: url(../images/common/background_logo.png) right calc(50vw - 64.125rem - 3rem) center no-repeat;
    background-size: 64.125rem 57.75rem;
  }
  @supports (background-image: url("../images/common/background_logo.webp")) {
    .site-block.-ornament {
      background-image: url("../images/common/background_logo.webp");
    }
  }
  .site-block.-home-mission {
    margin: 12.5rem 0 0;
    padding: 6.5rem 0;
  }
  .site-block.-home-mission::after {
    right: 50%;
  }
  .site-block.-home-infra {
    margin: 0;
    padding: 7.5rem 0;
  }
  .site-block.-home-infra::after {
    background-size: 111.688rem 100.063rem;
    top: auto;
    right: 50%;
    bottom: 0;
    left: auto;
    transform: translateX(50%);
    width: 111.688rem;
  }
  .site-block.-home-ict {
    margin: 0 0 15rem;
    padding: 7.5rem 0 0;
  }
  .site-block.-home-about {
    border-radius: 100px 0 100px 0;
    padding: 8rem 0;
  }
  .site-block.-foreigntalent {
    margin-top: calc(18.06vw + 8.75rem);
    margin-bottom: calc(20.83vw + 9.75rem);
    padding: 0;
  }
  .site-button-primary {
    font-size: 1.125rem;
    min-width: 21.563rem;
    padding: 1.125rem 2rem 1.125rem 2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .site-button-primary.-hero {
    min-width: 18.75rem;
  }
  .site-button-cta {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .site-button-cta > .inner {
    font-size: 1.25rem;
    min-width: 20rem;
    padding: 2rem 2.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .site-cms-pager .page-numbers {
    padding: 10px 12px;
  }
  .site-cms-pager .page-numbers.dots {
    padding: 10px 12px;
  }
  .site-cms-pager .page-numbers.prev {
    display: block;
    margin-right: 1px;
  }
  .site-cms-pager .page-numbers.next {
    display: block;
    margin-left: 1px;
  }
  .site-content-intro > .content {
    flex-direction: row;
    gap: 2.25rem;
  }
  .site-content-intro > .content > .description {
    width: calc(66.667% - 1.125rem);
  }
  .site-footer {
    padding: 5rem min(5.56vw, 5rem);
  }
  .site-footer > .above {
    flex-direction: row;
    gap: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .site-footer > .nav {
    flex-direction: row;
    gap: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .site-footer > .below {
    align-items: center;
    gap: 2.5rem;
  }
  .site-footer > .below > .address {
    gap: 2rem;
  }
  .site-footer > .below > .address > .copyright {
    font-size: 0.938rem;
  }
  .site-footer > .below > .pagetop > .item > .inner {
    font-size: 1.125rem;
  }
  .site-footer-address {
    align-items: center;
    flex-direction: row;
    gap: 1.5rem;
  }
  .site-footer-address > .title {
    font-size: 1.125rem;
  }
  .site-footer-address > .description {
    font-size: 0.938rem;
  }
  .site-footer-address > .description > .address {
    flex-wrap: nowrap;
  }
  .site-footer-nav {
    gap: 1.5rem 3.125rem;
    flex-direction: row;
    justify-content: flex-star;
  }
  .site-form-content input,
  .site-form-content select,
  .site-form-content textarea {
    font-size: 1.125rem;
  }
  .site-form-content .half {
    width: 50%;
  }
  .site-form-content .short {
    width: 15%;
  }
  .site-form-content .separate {
    flex-wrap: nowrap;
  }
  .site-form-content .separate > .block {
    margin-right: calc(var(--margin-gutter) * 0.5);
    margin-bottom: 0;
  }
  .site-form-content .separate > .block:last-child {
    margin-right: 0;
  }
  .site-form-content .privacy input[type=checkbox] {
    height: 30px;
    width: 30px;
  }
  .site-form-content .privacy > label > .text {
    font-size: 1.25rem;
  }
  .site-form-content .error {
    margin-top: var(--spacing-break);
    padding: var(--spacing-break);
  }
  .site-form-content .mwform-radio-field {
    margin-top: var(--spacing-break);
  }
  .site-heading-simple {
    font-size: 1.25rem;
  }
  .site-heading-simple.-factor-half {
    font-size: 1.375rem;
  }
  .site-heading-simple.-factor-1 {
    font-size: 1.5rem;
  }
  .site-heading-simple.-factor-2 {
    font-size: 1.938rem;
  }
  .site-heading-simple.-factor-3 {
    font-size: 2.563rem;
  }
  .site-heading-simple.-center {
    text-align: center;
  }
  .site-heading-ornament {
    font-size: 1.125rem;
  }
  .site-heading-ornament-border {
    font-size: 3.875rem;
  }
  .site-heading-ornament-border.-factor-1 {
    font-size: 5.313rem;
  }
  .site-heading-ornament-border.-factor-2 {
    font-size: 6.25rem;
  }
  .site-heading-ornament-border.-center {
    text-align: center;
  }
  .site-interview > .content {
    margin-top: 7.5rem;
  }
  .site-interview > .interfaace {
    display: flex;
    gap: 1.25rem;
  }
  .site-interview > .interfaace > .swiper-button-prev, .site-interview > .interfaace > .swiper-button-next {
    width: 3.375rem;
  }
  .site-interview > .interfaace > .swiper-button-prev::after, .site-interview > .interfaace > .swiper-button-next::after {
    width: 1.75rem;
  }
  .site-interview > .interfaace > .swiper-button-prev:hover, .site-interview > .interfaace > .swiper-button-next:hover {
    border-color: var(--color-project-showa);
  }
  .site-interview > .interfaace > .swiper-button-prev:hover::after, .site-interview > .interfaace > .swiper-button-next:hover::after {
    background-color: var(--color-project-showa);
  }
  .site-interview > .button {
    margin-top: 3.5rem;
    padding: 0;
  }
  .site-interview-item {
    gap: 2.25rem;
  }
  .site-interview-item > .position {
    padding: 1.25rem 0.5rem;
  }
  .site-interview-item > .position > .text {
    font-size: 1.25rem;
  }
  .site-interview-item > .text {
    gap: 1rem;
  }
  .site-join {
    align-items: flex-start;
    gap: 2.188rem;
    grid-template-columns: 1fr 1fr;
  }
  .site-join > .text {
    margin-top: 7.5rem;
  }
  .site-join > .text > .title > .site-heading-ornament {
    margin-bottom: 2rem;
  }
  .site-join > .text > .title > .site-heading-ornament-border {
    margin-bottom: 1.5rem;
  }
  .site-join > .text > .title > .site-heading-simple {
    margin-bottom: 2rem;
  }
  .site-join > .text > .site-text-standard {
    margin-bottom: 3.875rem;
  }
  .site-join > .image {
    margin-top: -5rem;
    margin-right: -0.625rem;
    margin-left: -4.25rem;
    order: 0;
  }
  .site-language > .item {
    font-size: 1.063rem;
  }
  .site-language > .item::before, .site-language > .item::after {
    width: 1.25rem;
  }
  .site-language > .select {
    top: calc(100% + 0.25rem);
    left: 0;
  }
  .site-language-select {
    border-radius: 100vw;
    align-items: center;
    flex-direction: row;
    gap: 1.5rem;
    margin-top: 0.25rem;
    padding: 0.75rem 1.5rem;
  }
  .site-language-select > li > .item:hover {
    color: #87C49F;
  }
  .site-layout-side {
    gap: 2.188rem;
    grid-template-columns: 3fr 9fr;
  }
  .site-layout-side > .subnav {
    gap: 3.5rem;
    order: -1;
    position: -webkit-sticky;
    position: sticky;
    top: 2.5rem;
  }
  .site-link {
    flex-direction: row;
  }
  .site-link > .text {
    flex-direction: row;
    gap: 3rem;
    padding: 3rem;
  }
  .site-link > .text > .inner {
    gap: 2rem;
  }
  .site-link > .text > .button {
    font-size: 1.125rem;
  }
  .site-link > .image {
    aspect-ratio: auto;
    width: 18.438rem;
  }
  .site-normalize-content.-block h2 {
    font-size: 2.75rem;
  }
  .site-normalize-content.-block h3 {
    font-size: 2.188rem;
  }
  .site-normalize-content.-block .wp-block-table th,
  .site-normalize-content.-block .wp-block-table td {
    display: table-cell;
    padding: 1.5rem 1.25rem;
  }
  .site-normalize-content.-block .wp-block-table th {
    border-bottom: 1px solid var(--color-border);
    padding: 1.5rem 1.25rem;
  }
  .site-normalize-content.-block .wp-block-table td {
    padding: 1.5rem 1.25rem;
  }
  .site-normalize-content.-block .wp-block-table tr:first-child th {
    border-top: 1px solid var(--color-border);
  }
  .site-normalize-content.-block .wp-block-table tr:first-child td {
    border-top: 1px solid var(--color-border);
  }
  .site-normalize-content.-block .wp-block-media-text {
    gap: 2.188rem;
  }
  .site-normalize-content.-block .wp-block-columns {
    gap: 2.188rem;
  }
  .site-post-card-list {
    gap: 6.25rem 2.188rem;
    grid-template-columns: 1fr 1fr;
  }
  .site-post-card-list.-three {
    grid-template-columns: repeat(3, 1fr);
  }
  .site-post-card-list.-four {
    grid-template-columns: repeat(4, 1fr);
  }
  .site-post-card-list.-slide {
    gap: 0;
  }
  .site-post-card-list.-slide > .item {
    padding-right: 2.25rem;
  }
  .site-post-card-list.-interview {
    gap: 0;
  }
  .site-post-card-list.-interview > .item {
    padding-right: 2.938rem;
    padding-left: 2.938rem;
    width: 29rem;
  }
  .site-post-simple-list > .article {
    margin-bottom: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .site-post-simple {
    flex-wrap: nowrap;
    gap: 2.5rem;
  }
  .site-post-simple > .date {
    font-size: 0.938rem;
    line-height: 1.625rem;
    padding-top: 0.313rem;
  }
  .site-post-simple > .category {
    font-size: 0.875rem;
    padding: 0.75rem;
  }
  .site-post-simple > .title {
    font-size: 1.063rem;
    padding-top: 0.313rem;
    width: auto;
  }
  .site-post > .header {
    padding-bottom: 1.25rem;
    margin-bottom: 3.75rem;
  }
  .site-post > .header > .date {
    font-size: 0.938rem;
    margin-bottom: 1.875rem;
  }
  .site-post > .header > .inner {
    flex-wrap: nowrap;
    gap: 2.188rem;
  }
  .site-post > .header > .inner > .category {
    font-size: 0.875rem;
    padding: 0.75rem;
  }
  .site-post > .header > .inner > .title {
    font-size: 1.563rem;
    width: auto;
  }
  .site-post > .content {
    margin-bottom: 7.188rem;
  }
  .site-post > .footer {
    grid-template-columns: repeat(3, 1fr);
  }
  .site-post > .footer > .button.-index > .item {
    padding: 1rem 2rem;
  }
  .site-post > .footer > .button > .item {
    font-size: 1.125rem;
  }
  .site-sitemap-nest {
    flex-direction: row;
  }
  .site-sitemap-nest > .list {
    padding-right: 1em;
    width: 50%;
  }
  .site-table-standard th,
  .site-table-standard td {
    display: table-cell;
    padding: 1.5rem 0;
  }
  .site-table-standard th {
    border-bottom: 1px solid var(--color-border);
    padding: 1.5rem 0;
  }
  .site-table-standard th.-w240 {
    width: 15rem;
  }
  .site-table-standard td {
    padding: 1.5rem 0;
  }
  .site-table-standard tr:first-child td {
    border-top: 1px solid var(--color-border);
  }
  .site-text-standard {
    font-size: 0.938rem;
  }
  .site-text-standard.-accent {
    font-size: 1.063rem;
  }
  .site-text-standard.-lead {
    font-size: 1.063rem;
  }
}