@media screen and (max-width: 767px) {
  html {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  a:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .inner {
    max-width: 600px;
    padding: 0 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .common-title {
    font-size: 1.4375rem;
    line-height: 1.3043478261;
  }
}
@media screen and (max-width: 767px) {
  .about-us {
    margin-top: 5.8125rem;
    scroll-margin-top: 3.125rem;
  }
}
@media screen and (max-width: 767px) {
  .about-us.about-us--company-profile {
    margin-top: 7.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .about-us.about-us--history {
    margin-top: 7.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .about-us.about-us--nas {
    margin-top: 7.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .about-us__content-wrap {
    flex-direction: column;
    gap: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .about-us__content-wrap.about-us__content-warp--reverse {
    flex-direction: column;
    gap: unset;
  }
}
@media screen and (max-width: 767px) {
  .about-us__content-wrap.about-us__content-warp--history {
    gap: unset;
  }
}
@media screen and (max-width: 767px) {
  .about-us__content {
    max-width: 37.5rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .about-us__text {
    font-size: 0.9375rem;
    line-height: 1.5333333333;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) {
  .about-us__name {
    font-size: 2.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .about-us__position {
    font-size: 0.9375rem;
    line-height: 1.8;
  }
}
@media screen and (max-width: 767px) {
  .about-us__image {
    margin-top: unset;
    max-width: none;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
@media screen and (max-width: 767px) {
  .about-us__image img {
    aspect-ratio: 375/318;
  }
}
@media screen and (max-width: 767px) {
  .about-us__image.about-us__image--reverse {
    margin-top: 0.8125rem;
    max-width: none;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
@media screen and (max-width: 767px) {
  .about-us__image.about-us__image--reverse img {
    aspect-ratio: 375/318;
  }
}
@media screen and (max-width: 767px) {
  .about-us__image.about-us__image--history img {
    aspect-ratio: 375/318;
  }
}
@media screen and (max-width: 767px) {
  .about-us__history {
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .about-us__image.about-us__image--history {
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .about-us__image.about-us__image--nas {
    margin-top: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .about-us__nas-group {
    margin-top: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .all-news {
    margin-top: 5.875rem;
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .all-news__list {
    margin-top: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .all-news__item {
    flex-direction: column;
    gap: 0.625rem;
    padding: 1.25rem 0 6.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .all-news__item:not(:first-child) {
    padding-top: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .all-news__image {
    max-width: 37.5rem;
    width: 100%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .all-news__image img {
    aspect-ratio: 315/210;
  }
}
@media screen and (max-width: 767px) {
  .all-news__date {
    font-size: 0.9375rem;
    line-height: 1.1333333333;
  }
}
@media screen and (max-width: 767px) {
  .all-news__headline {
    margin-top: 0.4375rem;
    font-size: 1.25rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) {
  .all-news__text {
    margin-top: 0.375rem;
    font-size: 1rem;
    line-height: 1.375;
  }
}
@media screen and (max-width: 767px) {
  .all-news__pdf.news__pdf {
    margin-top: 2.3125rem;
  }
}
@media screen and (max-width: 767px) {
  .bread {
    margin-top: 0.3125rem;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .bread__inner {
    padding-inline: 1.875rem;
    max-width: 600px;
  }
}
@media screen and (max-width: 767px) {
  .bread span::before {
    top: -2px;
    left: 2px;
  }
}
@media screen and (max-width: 767px) {
  .bread__omit {
    margin-left: 0.5rem;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .company-profile__info {
    flex-direction: column;
    padding-top: 0.8125rem;
    padding-bottom: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .company-profile__data {
    font-size: 0.9375rem;
    line-height: 1.3333333333;
    margin-left: 0;
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .company-profile__locations {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .company-profile__list {
    margin-left: 0;
    margin-top: 1.5625rem;
  }
}
@media screen and (max-width: 767px) {
  .company-profile__item {
    padding-bottom: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .company-profile__item:not(:first-child) {
    padding-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .company-profile__name {
    font-size: 0.9375rem;
    line-height: 1.3333333333;
  }
}
@media screen and (max-width: 767px) {
  .company-profile__address {
    font-size: 0.9375rem;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767px) {
  .company-profile__tel {
    font-size: 0.9375rem;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767px) {
  .contact {
    margin-top: 6.625rem;
    margin-bottom: 10.625rem;
  }
}
@media screen and (max-width: 767px) {
  .contact__heading-text {
    margin-top: 0.875rem;
    font-size: 0.9375rem;
    line-height: 1.5333333333;
  }
}
@media screen and (max-width: 767px) {
  .contact__form-body {
    margin-top: 2.5rem;
    padding: 2.5rem 0 5rem;
  }
}
@media screen and (max-width: 767px) {
  .contact__text {
    margin-top: 1.875rem;
    text-align: initial;
  }
}
@media screen and (max-width: 767px) {
  .contact__form {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .contact__form-wrap {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .contact__form-wrap.contact__form-wrap--textarea {
    align-items: initial;
  }
}
@media screen and (max-width: 767px) {
  .contact__form-wrap + .contact__form-wrap {
    margin-top: 3.75rem;
  }
}
@media screen and (max-width: 767px) {
  .contact__form-label {
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) {
  .contact__form-wrap.contact__form-wrap--textarea .contact__form-label {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .contact__form-label span {
    margin-left: 0.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .contact__form-input {
    margin-top: 0.71875rem;
  }
}
@media screen and (max-width: 767px) {
  .contact__form-input input {
    padding: 1.03125rem 0.625rem;
    font-size: 0.9375rem;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767px) {
  .contact__form-textarea {
    margin-top: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .contact__form-textarea textarea {
    padding: 0.625rem;
    font-size: 0.9375rem;
    line-height: 1.3333333333;
  }
}
@media screen and (max-width: 767px) {
  .contact__form-submit {
    margin-top: 3.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .contact__form-submit:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .feature-category {
    margin-top: 5.4375rem;
    margin-bottom: 10.75rem;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__inner.inner {
    max-width: 37.5rem;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__content-wrap {
    flex-direction: column;
    gap: 1.5625rem;
    margin-top: 6.25rem;
    scroll-margin-top: 3.125rem;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__content-wrap:first-child {
    margin-top: unset;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__content-wrap.feature-category__content-wrap--reverse {
    flex-direction: column;
    padding-inline: 1.875rem;
    margin-top: 6.25rem;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__content {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__content.feature-category__content--reverse {
    margin-inline: auto;
    padding-right: unset;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__content.feature-category__content--electronic {
    margin-top: 0;
    padding-right: unset;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__content.feature-category__content--high {
    margin-top: unset;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__content.feature-category__content--non-magnetic {
    margin-top: unset;
    padding-right: unset;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__title {
    font-size: 1.4375rem;
    line-height: 1.3043478261;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__list {
    margin-top: 0.9375rem;
    gap: 1.25rem;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__application-text {
    font-size: 1rem;
    line-height: 1.125;
    margin-top: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__image {
    max-width: none;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
@media screen and (max-width: 767px) {
  .feature-category__image.feature-category__image--reverse {
    max-width: none;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
@media screen and (max-width: 767px) {
  .feature-category__image img {
    aspect-ratio: 375/310;
  }
}
@media screen and (max-width: 767px) {
  .feature-category__content-bg.feature-category__content-bg--reverse {
    scroll-margin-top: 3.125rem;
  }
}
@media screen and (max-width: 767px) {
  .feature {
    scroll-margin-top: 3.125rem;
  }
}
@media screen and (max-width: 767px) {
  .feature__content-wrap {
    flex-direction: column-reverse;
    gap: 1.5625rem;
    margin-top: 4.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .feature__image {
    max-width: none;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
@media screen and (max-width: 767px) {
  .feature__image img {
    aspect-ratio: 375/254;
  }
}
@media screen and (max-width: 767px) {
  .feature__text {
    margin-top: 0.875rem;
    font-size: 1.0625rem;
    line-height: 1.1764705882;
  }
}
@media screen and (max-width: 767px) {
  .feature__list {
    font-size: 0.9375rem;
    line-height: 1.3333333333;
  }
}
@media screen and (max-width: 767px) {
  .feature__list:first-of-type {
    margin-top: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .feature__term {
    max-width: 18.75rem;
    width: 72%;
  }
}
@media screen and (max-width: 767px) {
  .feature__description {
    max-width: 18.75rem;
    width: 100%;
    margin-right: calc(50% - 50vw);
  }
}
@media screen and (max-width: 767px) {
  .feature__note {
    margin-top: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.3571428571;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    margin-bottom: 1.5625rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__inner.inner {
    max-width: 37.5rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__logo {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .footer__logo img {
    max-width: 2.53125rem;
    aspect-ratio: 40.5/29;
  }
}
@media screen and (max-width: 767px) {
  .footer__logo-text {
    margin-top: 0.375rem;
    margin-left: 0;
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}
@media screen and (max-width: 767px) {
  .footer__nav {
    flex-direction: column;
    margin-top: 2.5rem;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer__nav-group.footer__nav-group--high {
    margin-left: 0;
    margin-top: 2.375rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__nav-group.footer__nav-group--products {
    margin-left: 0;
    margin-top: 2.375rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__nav-group.footer__nav-group--about {
    margin-left: 0;
    margin-top: 2.375rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__contact {
    margin-top: 2.625rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__copyright {
    margin-top: 4.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__copyright small {
    font-size: 0.625rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .header {
    height: 7.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .header__inner {
    padding-left: 1.25rem;
    padding-right: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  .header__lang {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .header__logo {
    max-width: 37.5rem;
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .header__logo a {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .header__logo img {
    aspect-ratio: 51.06/34.93;
  }
}
@media screen and (max-width: 767px) {
  .header__logo-text {
    margin-top: 0.375rem;
    margin-left: 0;
    font-size: 0.875rem;
    line-height: 1.1428571429;
  }
}
@media screen and (max-width: 767px) {
  .header__nav {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .header__nav-item {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .header__nav-item.header__nav-item--contact {
    margin-left: 0;
    margin-bottom: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .header__nav-item.header__nav-item--contact a {
    width: 7.5rem;
    padding: 0.375rem 0.625rem;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .header__nav-item.header__nav-item--contact a::after {
    margin-left: 0.4375rem;
  }
}
@media screen and (max-width: 767px) {
  .header__navsp-wrap {
    display: flex;
    align-items: center;
    height: inherit;
  }
}
@media screen and (max-width: 767px) {
  .header__navsp {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 7.5rem;
    width: 100%;
    opacity: 1;
    transition: opacity 0.3s ease;
  }
}
@media screen and (max-width: 767px) {
  .header__navsp-wrap:has(.header__hamburger.is-open) .header__navsp {
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  .header__hamburger {
    display: block;
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 767px) {
  .history-list__item.history-list__item--2013 .history-list__text {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .history-list__term {
    width: 21%;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .history-list__description {
    width: 79%;
    padding-left: 1.25rem;
    padding-top: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .history-list__text {
    font-size: 0.9375rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) {
  .material-table {
    margin-top: 7.875rem;
    scroll-margin-top: 3.125rem;
  }
}
@media screen and (max-width: 767px) {
  .material-table__table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .material-table__table {
    min-width: 79.125rem;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .material-table__note-wrap {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .material-table__note {
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .material-table.material-table--stainless {
    margin-top: 7.8125rem;
    margin-bottom: 10.3125rem;
  }
}
@media screen and (max-width: 767px) {
  .material-table__table.material-table__table--stainless {
    min-width: 79.125rem;
  }
}
@media screen and (max-width: 767px) {
  .material {
    padding-top: 5.3125rem;
  }
}
@media screen and (max-width: 767px) {
  .material__content-wrap {
    flex-direction: column-reverse;
    gap: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .material__content-wrap.material__content-wrap--reverse {
    flex-direction: column-reverse;
    padding-inline: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .material__image {
    max-width: none;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
@media screen and (max-width: 767px) {
  .material__image img {
    aspect-ratio: 375/310;
  }
}
@media screen and (max-width: 767px) {
  .material__content {
    margin-top: 0;
    margin-bottom: 0;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .material__content.material__content--reverse {
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .material__content.material__content--stainless {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .material__content.material__content--nonmagnetic {
    margin-top: 6.25rem;
  }
}
@media screen and (max-width: 767px) {
  .material__content.material__content--electronic {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .material__label {
    font-size: 1.125rem;
    line-height: 1.1111111111;
  }
}
@media screen and (max-width: 767px) {
  .material__title {
    font-size: 1.4375rem;
    line-height: 1.3043478261;
  }
}
@media screen and (max-width: 767px) {
  .material__title:first-of-type {
    margin-top: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .material__description {
    margin-top: 0.3125rem;
    font-size: 0.9375rem;
    line-height: 1.2666666667;
  }
}
@media screen and (max-width: 767px) {
  .material__button-list {
    margin-top: 1.875rem;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .material__button-item:not(:first-child) {
    margin-top: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .material__button.common-button {
    font-size: 1.1875rem;
    line-height: 1.4736842105;
    padding: 0.6875rem 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .material__content-bg.material__content-bg--reverse {
    padding-top: 6.25rem;
  }
}
@media screen and (max-width: 767px) {
  .nas-group__block:not(:first-child) {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .nas-group__item {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .nas-group__button.common-button {
    margin-top: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  .news {
    margin-top: 6.25rem;
    margin-bottom: 10.625rem;
  }
}
@media screen and (max-width: 767px) {
  .news__inner.inner {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .news__title-wrap {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .news__title {
    font-size: 1.4375rem;
    line-height: 1.0869565217;
  }
}
@media screen and (max-width: 767px) {
  .news__list {
    margin-top: 0.875rem;
    display: block;
    gap: unset;
  }
}
@media screen and (max-width: 767px) {
  .news__item.swiper-slide {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .news__item-image {
    max-width: 37.5rem;
    width: 88.5%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .news__item-image img {
    aspect-ratio: 30/20;
  }
}
@media screen and (max-width: 767px) {
  .news__content-wrap {
    margin-top: 0.9375rem;
    max-width: 37.5rem;
    width: 88.5%;
  }
}
@media screen and (max-width: 767px) {
  .swiper-slide .news__content-wrap {
    width: 88.5%;
  }
}
@media screen and (max-width: 767px) {
  .news__date {
    font-size: 0.9375rem;
    line-height: 1.1333333333;
  }
}
@media screen and (max-width: 767px) {
  .news__item-title {
    margin-top: 0.4375rem;
    font-size: 1.25rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) {
  .news__item-text {
    margin-top: 0.4375rem;
    font-size: 1rem;
    line-height: 1.375;
  }
}
@media screen and (max-width: 767px) {
  .news__button-wrap {
    margin-top: 0.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .news__button.common-button {
    font-size: 1.25rem;
    line-height: 1.45;
  }
}
@media screen and (max-width: 767px) {
  .news-swiper {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .swiper-wrapper {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .swiper-slide {
    width: 100%;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 767px) {
  .swiper-pagination {
    position: static;
    margin-top: 1.25rem;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .swiper-pagination-bullet {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #ccc;
    opacity: 0.5;
    margin: 0 0.3125rem;
  }
}
@media screen and (max-width: 767px) {
  .swiper-pagination-bullet-active {
    background-color: #005ab6;
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .swiper-button-prev {
    display: block;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .swiper-button-next {
    display: block;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .layout-page-top {
    right: 5.6%;
    bottom: 15%;
  }
}
@media screen and (max-width: 767px) {
  .md-none {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .md-show {
    display: block;
  }
}