/* Shared PC scaling for fixed-layout sub pages. */
@media (min-width: 881px) and (max-width: 1239px) {
  body.masuko-pc-scale-page {
    overflow-x: hidden;
  }

  body.masuko-pc-scale-page .page-container,
  body.masuko-pc-scale-page .page-article,
  body.masuko-pc-scale-page .page-content {
    width: var(--masuko-pc-artboard, 1240px) !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.masuko-pc-scale-page .page-article {
    zoom: var(--masuko-pc-scale, 1);
  }

  body.masuko-pc-scale-page .page-title-banner,
  body.masuko-pc-scale-page .page-title-banner--media,
  body.masuko-pc-scale-page .page-content > .quality-activity-page,
  body.masuko-pc-scale-page .page-content > .news-pdf-page,
  body.masuko-pc-scale-page .page-content > .qa-page,
  body.masuko-pc-scale-page .page-content > .case-study-page,
  body.masuko-pc-scale-page .page-content > .crushing-examples-page {
    width: var(--masuko-pc-artboard, 1240px) !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.masuko-pc-scale-page .page-title-banner--media {
    height: calc(var(--header-h, 110px) + 300px) !important;
    padding-top: var(--header-h, 110px) !important;
  }

  body.masuko-pc-scale-page .page-title-banner--media .page-title-banner__inner {
    height: 300px !important;
  }

  body.masuko-pc-scale-page .page-title-banner--media .page-title-banner__visual-label {
    font-size: 31px !important;
  }

  body.masuko-pc-scale-page .page-title-banner--media .page-title-banner__visual-en {
    bottom: -18px !important;
    font-size: clamp(66px, 8.1vw, 126px) !important;
  }

  body.masuko-pc-scale-page .page-title-banner--media .page-title-banner__visual-en--image {
    height: 100px !important;
  }

  body.masuko-pc-scale-page:is(.page-id-2, .page-id-27, .page-id-218, .page-id-219, .page-id-379) .page-article--with-company-nav-banner .page-title-banner--about {
    position: relative !important;
    height: 385px !important;
    margin-top: var(--header-h, 110px) !important;
    margin-bottom: 300px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  body.masuko-pc-scale-page:is(.page-id-2, .page-id-27, .page-id-218, .page-id-219, .page-id-379) .page-article--with-company-nav-banner .page-title-banner--about .about-pagehero {
    width: var(--masuko-pc-artboard, 1240px) !important;
    max-width: none !important;
    height: 385px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.masuko-pc-scale-page:is(.page-id-2, .page-id-27, .page-id-218, .page-id-219, .page-id-379) .page-article--with-company-nav-banner .page-title-banner--about .about-pagehero__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.masuko-pc-scale-page:is(.page-id-2, .page-id-27, .page-id-218, .page-id-219, .page-id-379) .page-article--with-company-nav-banner .page-title-banner--about .page-title-banner__inner {
    position: absolute !important;
    top: 385px !important;
    left: 0 !important;
    right: 0 !important;
    width: var(--masuko-pc-artboard, 1240px) !important;
    max-width: none !important;
    height: 284px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 100px 0 !important;
    background: #dbebf1 !important;
    box-sizing: border-box !important;
  }

  body.masuko-pc-scale-page:is(.page-id-2, .page-id-27, .page-id-218, .page-id-219, .page-id-379) .page-article--with-company-nav-banner .page-title-banner--about nav.company-nav[aria-label="会社概要ページナビ"].quality-nav {
    width: min(calc(100% - 80px), 1160px) !important;
    max-width: 1160px !important;
    height: 84px !important;
    margin: 0 auto !important;
  }

  body.masuko-pc-scale-page:is(.page-id-2, .page-id-27, .page-id-218, .page-id-219, .page-id-379) .page-article--with-company-nav-banner .page-title-banner--about nav.company-nav[aria-label="会社概要ページナビ"].quality-nav ul {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    gap: 0 !important;
    margin: 0 !important;
  }

  body.masuko-pc-scale-page:is(.page-id-2, .page-id-27, .page-id-218, .page-id-219, .page-id-379) .page-content--about {
    position: relative !important;
    padding-top: 90px !important;
  }

  body.masuko-pc-scale-page:is(.page-id-2, .page-id-27, .page-id-218, .page-id-219, .page-id-379) .about-sidetitle {
    display: none !important;
  }

  body.masuko-pc-scale-page:is(.page-id-2, .page-id-27, .page-id-218) .page-content--about::before {
    content: "" !important;
    position: absolute !important;
    top: 85.85px !important;
    bottom: 95.38px !important;
    left: 66.77px !important;
    z-index: 2 !important;
    display: block !important;
    width: 3.82px !important;
    height: auto !important;
    border: 0 !important;
    background: #0079c4 !important;
    pointer-events: none !important;
  }

  body.masuko-pc-scale-page:is(.page-id-2, .page-id-27, .page-id-218) .page-content--about::after,
  body.masuko-pc-scale-page.page-id-219 .page-content--about::after {
    position: absolute !important;
    top: 85.85px !important;
    z-index: 2 !important;
    display: block !important;
    color: #0079c4 !important;
    -webkit-text-fill-color: #0079c4 !important;
    font-size: 32.43px !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    letter-spacing: 0.04em !important;
    writing-mode: vertical-rl !important;
    text-orientation: upright !important;
    pointer-events: none !important;
  }

  body.masuko-pc-scale-page.page-id-2 .page-content--about::after {
    content: "会社概要" !important;
    left: 24.8px !important;
  }

  body.masuko-pc-scale-page.page-id-218 .page-content--about::after {
    content: "沿革・歴史" !important;
    left: 24.8px !important;
  }

  body.masuko-pc-scale-page.page-id-27 .page-content--about::after {
    content: "大砲の歴史" !important;
    left: 24.8px !important;
  }

  body.masuko-pc-scale-page.page-id-219 .page-content--about::before {
    content: "" !important;
    position: absolute !important;
    top: 87.13px !important;
    bottom: auto !important;
    left: 66.66px !important;
    z-index: 1 !important;
    display: block !important;
    width: 0 !important;
    height: 3063.75px !important;
    border: 0 !important;
    border-left: 4.88px solid #0079c4 !important;
    background: transparent !important;
    pointer-events: none !important;
  }

  body.masuko-pc-scale-page.page-id-219 .page-content--about::after {
    content: "社長あいさつ・社是・理念" !important;
    left: 19.08px !important;
  }

  body.masuko-pc-scale-page.page-id-379 .page-content.page-content--with-title-banner.page-content--about::before {
    content: "" !important;
    position: absolute !important;
    top: 87.13px !important;
    bottom: auto !important;
    left: 66.77px !important;
    z-index: 1 !important;
    display: block !important;
    width: 0 !important;
    height: 1313.84px !important;
    border: 0 !important;
    border-left: 4.66px solid #0079c4 !important;
    background: transparent !important;
    pointer-events: none !important;
  }

  body.masuko-pc-scale-page.page-id-379 .page-content.page-content--with-title-banner.page-content--about::after {
    content: none !important;
    display: none !important;
  }

  body.masuko-pc-scale-page.page-id-379 .page-content.page-content--with-title-banner.page-content--about > .about-sidetitle {
    position: absolute !important;
    top: 87.13px !important;
    left: 19.08px !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #0079c4 !important;
    -webkit-text-fill-color: #0079c4 !important;
    font-size: 32.43px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
    writing-mode: vertical-rl !important;
    text-orientation: upright !important;
    text-align: left !important;
    pointer-events: none !important;
  }

  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-article--with-quality-nav-banner .page-title-banner {
    height: 768px !important;
    padding-bottom: 100px !important;
  }

  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-article--with-quality-nav-banner .page-title-banner__inner {
    height: 668px !important;
  }

  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-article--with-quality-nav-banner .page-title-banner__title--quality {
    min-height: 400px !important;
    height: 400px !important;
  }

  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-article--with-quality-nav-banner .page-title-banner .quality-nav.quality-nav--banner {
    width: min(calc(100% - 80px), 1160px) !important;
    max-width: 1160px !important;
    margin-top: 100px !important;
  }

  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-article--with-quality-nav-banner .page-title-banner .quality-nav.quality-nav--banner ul,
  body.masuko-pc-scale-page .page-article--with-qa-nav-banner .page-title-banner .quality-nav ul {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.masuko-pc-scale-page .page-title-banner .quality-nav a {
    white-space: nowrap !important;
  }

  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-content .quality-activity-page .quality-activity-layout,
  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-content .quality-activity-page .quality-activity-section--tint {
    width: 1120px !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-content .quality-activity-page .quality-activity-content,
  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-content .quality-activity-page .quality-activity-certificate,
  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-content .quality-activity-page .quality-activity-media-text,
  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-content .quality-activity-page .quality-activity-effect,
  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-content .quality-activity-page .quality-activity-sns {
    width: 1020px !important;
    max-width: 1020px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  body.masuko-pc-scale-page.page-id-227 .page-content .quality-activity-page .quality-activity-layout,
  body.masuko-pc-scale-page.page-id-227 .page-content .quality-activity-page .quality-activity-section--tint {
    width: 1160px !important;
    max-width: 1160px !important;
  }

  body.masuko-pc-scale-page.page-id-227 .page-content .quality-activity-page .quality-activity-content,
  body.masuko-pc-scale-page.page-id-227 .page-content .quality-activity-page .quality-activity-certificate,
  body.masuko-pc-scale-page.page-id-227 .page-content .quality-activity-page .quality-activity-media-text,
  body.masuko-pc-scale-page.page-id-227 .page-content .quality-activity-page .quality-activity-effect,
  body.masuko-pc-scale-page.page-id-227 .page-content .quality-activity-page .quality-activity-sns {
    width: 1060px !important;
    max-width: 1060px !important;
  }

  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-content .quality-activity-page .quality-activity-certificate {
    grid-template-columns: 315px minmax(0, 1fr) !important;
    column-gap: 92px !important;
  }

  body.masuko-pc-scale-page:is(.page-id-223, .page-id-224, .page-id-225, .page-id-226, .page-id-227, .page-id-228) .page-content .quality-activity-page .quality-activity-sns {
    grid-template-columns: minmax(0, 1fr) 344px !important;
    column-gap: 56px !important;
  }

  body.masuko-pc-scale-page.page-id-227 .page-content .quality-activity-page .quality-activity-sns {
    grid-template-columns: minmax(0, 1fr) 344px !important;
  }

  body.masuko-pc-scale-page .qa-page__category-nav {
    width: var(--masuko-pc-artboard, 1240px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 106px 0 96px !important;
    grid-template-columns: repeat(5, 232px) !important;
  }

  body.masuko-pc-scale-page .qa-page__body {
    width: min(calc(100% - 80px), 1160px) !important;
    max-width: 1160px !important;
    margin-top: 100px !important;
    padding-bottom: 180px !important;
  }

  body.masuko-pc-scale-page .qa-page__category-nav a {
    min-height: 100px !important;
    font-size: 23px !important;
    white-space: pre-line !important;
  }

  body.masuko-pc-scale-page .case-study-grid {
    width: min(1160px, calc(100% - 48px)) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.masuko-pc-scale-page .case-study-grid::after {
    display: block !important;
  }

  body.masuko-pc-scale-page .case-study-card:nth-child(odd),
  body.masuko-pc-scale-page .case-study-card:nth-child(even) {
    grid-column: auto !important;
  }

  body.masuko-pc-scale-page .crushing-examples-category-nav {
    display: block !important;
    width: min(1160px, calc(100% - 48px)) !important;
    margin: 0 auto 69px !important;
  }

  body.masuko-pc-scale-page .crushing-examples-category-select-wrap {
    display: none !important;
  }

  body.masuko-pc-scale-page .crushing-examples-category-nav ul {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  body.masuko-pc-scale-page .crushing-examples-grid {
    width: min(1160px, calc(100% - 48px)) !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 33px !important;
  }

  body.masuko-pc-scale-page .crushing-examples-cta {
    width: min(1160px, calc(100% - 48px)) !important;
    grid-template-columns: 1fr 366px !important;
    column-gap: 80px !important;
  }

  body.masuko-pc-scale-page .news-pdf-filter,
  body.masuko-pc-scale-page .news-pdf-list,
  body.masuko-pc-scale-page .projects-pdf-grid,
  body.masuko-pc-scale-page .projects-pdf-instagram {
    width: min(calc(100% - 80px), 1160px) !important;
    max-width: 1160px !important;
  }

  body.masuko-pc-scale-page .news-pdf-filter {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.masuko-pc-scale-page.page-id-118 .page-content .projects-pdf-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.masuko-pc-scale-page.page-id-118 .page-content .projects-pdf-card,
  body.masuko-pc-scale-page.page-id-118 .page-content .projects-pdf-card:nth-child(3n),
  body.masuko-pc-scale-page.page-id-118 .page-content .projects-pdf-message {
    width: auto !important;
    max-width: none !important;
    border-left-width: 0 !important;
    border-right-width: 2px !important;
  }

  body.masuko-pc-scale-page.page-id-118 .page-content .projects-pdf-card:nth-child(3),
  body.masuko-pc-scale-page.page-id-118 .page-content .projects-pdf-card:nth-child(6) {
    border-right-width: 2px !important;
  }

  body.masuko-pc-scale-page.page-id-118 .page-content .projects-pdf-card:nth-child(3n),
  body.masuko-pc-scale-page.page-id-118 .page-content .projects-pdf-message {
    border-right-width: 0 !important;
  }

  body.masuko-pc-scale-page.page-id-118 .page-content .projects-pdf-instagram {
    grid-template-columns: minmax(0, 1fr) 366px !important;
    column-gap: 0 !important;
  }

  body.masuko-pc-scale-page .news-pdf-filter::before,
  body.masuko-pc-scale-page .projects-pdf-intro::before {
    width: var(--masuko-pc-artboard, 1240px) !important;
  }

  body.masuko-pc-scale-page .news-pdf-item {
    grid-template-columns: 460px minmax(0, 1fr) !important;
    column-gap: 42px !important;
  }
}

/* Company pages: scale the left vertical guide smoothly before the full PC layout hands off. */
@media (min-width: 1240px) and (max-width: 1299px) {
  body.masuko-pc-scale-page:is(.page-id-2, .page-id-27, .page-id-218) .page-content--about::before {
    top: 6.923077vw !important;
    bottom: 7.692308vw !important;
    left: 5.384615vw !important;
    width: 0.307692vw !important;
  }

  body.masuko-pc-scale-page:is(.page-id-2, .page-id-27, .page-id-218) .page-content--about::after {
    top: 6.923077vw !important;
    left: 1.923077vw !important;
    font-size: 2.615385vw !important;
  }

  body.masuko-pc-scale-page.page-id-219 .page-content--about::before {
    top: 7.026923vw !important;
    left: 5.376154vw !important;
    height: 247.076923vw !important;
    border-left-width: 0.393846vw !important;
  }

  body.masuko-pc-scale-page.page-id-219 .page-content--about::after {
    top: 6.923077vw !important;
    left: 1.538462vw !important;
    font-size: 2.615385vw !important;
  }

  body.masuko-pc-scale-page.page-id-379 .page-content.page-content--with-title-banner.page-content--about::before {
    top: 7.026923vw !important;
    left: calc(580px - 44.615385vw) !important;
    height: 105.954615vw !important;
    border-left-width: 0.376154vw !important;
  }

  body.masuko-pc-scale-page.page-id-379 .page-content.page-content--with-title-banner.page-content--about > .about-sidetitle {
    top: 7.026923vw !important;
    left: calc(580px - 48.461538vw) !important;
    font-size: 2.615385vw !important;
  }
}

@media (min-width: 1024px) and (max-width: 1239px) {
  body.masuko-pc-scale-page.page-id-379 .page-content.page-content--with-title-banner.page-content--about::before {
    left: 26.77px !important;
  }

  body.masuko-pc-scale-page.page-id-379 .page-content.page-content--with-title-banner.page-content--about > .about-sidetitle {
    left: -20.92px !important;
  }
}