@media screen and (width <= 767px) {
  [data-category=business_introduction][data-page=index] #about .column2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (width > 767px), print {
  [data-category=business_introduction][data-page=index] #about .column2 > figure {
    width: 37rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (width > 767px), print {
  [data-category=business_introduction][data-page=index] #about .box.-border .list.-dotted {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem 4rem;
  }
}
@media screen and (width <= 900px) {
  [data-category=business_introduction][data-page=index] #technology .column4 {
    gap: 3rem 1rem;
  }
}
@media screen and (width > 900px), print {
  [data-category=business_introduction][data-page=index] #technology .column4 {
    gap: 3rem 4rem;
  }
}
[data-category=business_introduction][data-page=index] #technology .box.-border--thin {
  padding: 0.4rem 1rem 1.5rem;
}
@media screen and (width <= 900px) {
  [data-category=business_introduction][data-page=index] #technology .box.-border--thin {
    width: calc((100% - 1rem) / 2);
  }
}
@media screen and (width > 900px), print {
  [data-category=business_introduction][data-page=index] #technology .box.-border--thin {
    width: calc((100% - 12rem) / 4);
  }
}
[data-category=business_introduction][data-page=index] #technology .box.-border--thin figure {
  text-align: center;
}
@media screen and (width <= 767px) {
  [data-category=business_introduction][data-page=index] #technology .box.-border--thin img {
    max-width: 10rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=business_introduction][data-page=index] #technology .box.-border--thin img {
    max-width: 15rem;
  }
}
[data-category=business_introduction][data-page=index] #technology .box.-border--thin figcaption {
  margin-top: 0;
  color: var(--ttl-black);
  font-weight: 700;
}
@media screen and (width <= 767px) {
  [data-category=business_introduction][data-page=index] #technology .box.-border--thin figcaption {
    font-size: 1.4rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=business_introduction][data-page=index] #technology .box.-border--thin figcaption {
    font-size: 1.8rem;
  }
}
[data-category=business_introduction][data-page=index] #technology > .column2 {
  margin-top: 6rem;
}
@media screen and (width <= 900px) {
  [data-category=business_introduction][data-page=index] #technology > .column2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3rem 1rem;
  }
}
@media screen and (width > 900px), print {
  [data-category=business_introduction][data-page=index] #technology > .column2 {
    gap: 3rem 4rem;
  }
}
[data-category=business_introduction][data-page=index] #technology > .column2 .txt_warp {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
[data-category=business_introduction][data-page=index] #technology > .column2 .img_wrap.column2 {
  margin-top: 0;
}
@media screen and (width <= 900px) {
  [data-category=business_introduction][data-page=index] #technology > .column2 .img_wrap.column2 {
    width: 100%;
    gap: 1rem;
  }
}
@media screen and (width > 900px), print {
  [data-category=business_introduction][data-page=index] #technology > .column2 .img_wrap.column2 {
    width: calc((100% - 12rem) / 4 * 2 + 4rem);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    gap: 4rem;
  }
}
@media screen and (width > 900px), print {
  [data-category=business_introduction][data-page=index] #technology > .column2 .img_wrap.column2 .box.-border--thin {
    width: calc(50% - 2rem);
  }
}
@media screen and (max-width: 960px) {
  [data-category=business_introduction][data-page=index] #strength .column2 {
    scroll-margin-top: 5.5rem;
  }
}
@media screen and (min-width: 961px), print {
  [data-category=business_introduction][data-page=index] #strength .column2 {
    scroll-margin-top: 7.5rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=business_introduction][data-page=index] #strength .column2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=business_introduction][data-page=index] #strength .column2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 4.5rem;
  }
}
[data-category=business_introduction][data-page=index] #strength .column2 .txt_wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (width > 767px), print {
  [data-category=business_introduction][data-page=index] #strength .column2 > figure {
    width: 37rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
[data-category=business_introduction][data-page=index] #strength .column2:not(:first-of-type) {
  margin-top: 4rem;
}
[data-category=business_introduction][data-page=index] .company_img {
  width: 100%;
  margin-top: 4rem;
}
[data-category=business_introduction][data-page=index] .company_img img {
  width: 100%;
}

[data-category=production_flow] {
  --color-probe: #006ABE;
  --color-test: #2DA38D;
  --color-both: #C17A33;
}
[data-category=production_flow] .lower_mv_img {
  opacity: 0.5;
}
[data-category=production_flow] .about_flow {
  margin-top: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (width <= 1040px) {
  [data-category=production_flow] .about_flow {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.7rem 1rem;
  }
}
@media screen and (width > 1040px), print {
  [data-category=production_flow] .about_flow {
    gap: 2.7rem;
  }
}
[data-category=production_flow] .about_flow li {
  position: relative;
}
@media screen and (width <= 1040px) {
  [data-category=production_flow] .about_flow li {
    width: calc(50% - 0.5rem);
    padding: 0 1rem 1.5rem;
    border: 0.5rem solid var(--light-gray);
  }
}
@media screen and (width > 1040px), print {
  [data-category=production_flow] .about_flow li {
    width: calc((100% - 17.8rem) / 4);
    padding: 0 1.3rem 1.9rem;
    border: 0.6rem solid var(--light-gray);
  }
  [data-category=production_flow] .about_flow li:not(:last-of-type)::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 2.2rem;
    background-color: var(--ttl-blue);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    position: absolute;
    top: 50%;
    right: -2.8rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
[data-category=production_flow] .about_flow li .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 0.4rem;
  background-color: var(--dark-blue);
  border-radius: 100vh;
  color: var(--white);
  font-family: var(--font-en);
  font-weight: 500;
  position: absolute;
  top: -1.2rem;
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .about_flow li .num {
    width: 3rem;
    height: 3rem;
    font-size: 1.9rem;
    left: 1rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .about_flow li .num {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 2.1rem;
    left: 1.7rem;
  }
}
[data-category=production_flow] .about_flow li figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .about_flow li figure {
    height: 6rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .about_flow li figure {
    height: 8.9rem;
  }
}
[data-category=production_flow] .about_flow li .ttl {
  margin-top: 0;
  text-align: center;
  color: var(--ttl-blue);
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .about_flow li .ttl {
    font-size: 1.7rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .about_flow li .ttl {
    font-size: 2.1rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .about_flow li .txt {
    font-size: 1.4rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .about_flow li .txt {
    font-size: 1.5rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .about_flow li:first-of-type figure img {
    width: 5.447rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .about_flow li:first-of-type figure img {
    width: 7.041rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .about_flow li:nth-of-type(2) figure {
    height: 5.6rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .about_flow li:nth-of-type(2) figure img {
    width: 3.681rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .about_flow li:nth-of-type(2) figure img {
    width: 4.758rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .about_flow li:nth-of-type(3) figure img {
    width: 3.935rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .about_flow li:nth-of-type(3) figure img {
    width: 5.085rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .about_flow li:nth-of-type(4) figure img {
    width: 2.862rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .about_flow li:nth-of-type(4) figure img {
    width: 3.699rem;
  }
}
@media screen and (width <= 1040px) {
  [data-category=production_flow] .about_flow li:last-of-type {
    width: 100%;
    padding-block: 1.4rem 1.3rem;
  }
}
@media screen and (width > 1040px), print {
  [data-category=production_flow] .about_flow li:last-of-type {
    width: 7rem;
    padding-top: 5.5rem;
  }
}
@media screen and (width > 1040px), print {
  [data-category=production_flow] .about_flow li:last-of-type .num {
    left: 1.2rem;
  }
}
@media screen and (width > 1040px), print {
  [data-category=production_flow] .about_flow li:last-of-type .ttl {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    letter-spacing: 0.1em;
    line-height: 3rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] #movie .column2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] #movie .column2 {
    gap: 6rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] #movie .column2 figure {
    width: 100%;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] #movie .column2 figure {
    width: calc(50% - 3rem);
  }
}
[data-category=production_flow] #movie .column2 figure .video {
  aspect-ratio: 16/9;
  width: 100%;
  position: relative;
}
[data-category=production_flow] #movie .column2 figure .video .video_play {
  -webkit-filter: drop-shadow(0 0 3rem rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 0 3rem rgba(0, 0, 0, 0.3));
  cursor: pointer;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (width <= 767px) {
  [data-category=production_flow] #movie .column2 figure .video .video_play {
    width: 6rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] #movie .column2 figure .video .video_play {
    width: 8rem;
  }
  [data-category=production_flow] #movie .column2 figure .video .video_play:hover {
    opacity: 0.7;
  }
}
[data-category=production_flow] #movie .column2 figure .video[data-play=true] .video_play {
  opacity: 0;
  pointer-events: none;
}
[data-category=production_flow] #movie .column2 figure .video video {
  width: 100%;
  height: 100%;
}
[data-category=production_flow] .-probe {
  color: var(--color-probe);
}
[data-category=production_flow] .-test_fixtures {
  color: var(--color-test);
}
[data-category=production_flow] .-both {
  color: var(--color-both);
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
  }
  [data-category=production_flow] .production_type a {
    display: block;
    width: calc(50% - 0.5rem);
    padding: 1.3rem 1em;
    border: 0.15rem solid currentColor;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    position: relative;
  }
  [data-category=production_flow] .production_type a::after {
    content: "";
    display: block;
    width: 1.8rem;
    height: 1rem;
    background-color: currentColor;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    position: absolute;
    left: 50%;
    bottom: -1rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_type {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  [data-category=production_flow] .production_flow {
    scroll-margin-top: 5.5rem;
  }
}
@media screen and (min-width: 961px), print {
  [data-category=production_flow] .production_flow {
    scroll-margin-top: 7.5rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow {
    position: relative;
  }
  [data-category=production_flow] .production_flow::before {
    content: "";
    display: block;
    width: calc(100% + 4rem);
    height: calc(100% - 5.1rem);
    position: absolute;
    top: 5.1rem;
    left: -2rem;
    z-index: -1;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_flow {
    padding-block: 2rem 5rem;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F3F4F7), color-stop(#F3F4F7), color-stop(transparent), color-stop(transparent), color-stop(#F7F5ED), color-stop(#F7F5ED), color-stop(transparent), color-stop(transparent), color-stop(#F2F7F2), to(#F2F7F2));
    background-image: linear-gradient(to right, #F3F4F7 0, #F3F4F7 calc((100% - 6rem) / 3), transparent calc((100% - 6rem) / 3), transparent calc((100% - 6rem) / 3 + 3rem), #F7F5ED calc((100% - 6rem) / 3 + 3rem), #F7F5ED calc(100% - (100% - 6rem) / 3 - 3rem), transparent calc(100% - (100% - 6rem) / 3 - 3rem), transparent calc(100% - (100% - 6rem) / 3), #F2F7F2 calc(100% - (100% - 6rem) / 3), #F2F7F2 100%);
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow h3 {
    margin-block: 4rem 1.5rem;
    text-align: center;
    font-size: 2.4rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_flow h3 {
    display: none;
  }
}
[data-category=production_flow] .production_flow_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow_label {
    padding-top: 2rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_flow_label {
    gap: 3rem;
  }
}
[data-category=production_flow] .production_flow_label li {
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow_label li {
    width: 50%;
    padding-inline: 0.3em;
    font-size: 1.6rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_flow_label li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc((100% - 6rem) / 3);
    padding-inline: 1em;
    text-align: center;
    font-size: 2.4rem;
  }
  [data-category=production_flow] .production_flow_label li:not(:has(.small)) {
    margin-top: 1rem;
  }
}
[data-category=production_flow] .production_flow_label li .plus {
  display: inline-block;
  padding-inline: 0.5rem;
  color: var(--txt-color);
  font-size: 1.6rem;
  font-weight: 400;
}
[data-category=production_flow] .production_flow_label li .small {
  display: inline-block;
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow_label li .small {
    font-size: 1.1rem;
    line-height: 1.2;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_flow_label li .small {
    font-size: 1.2rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3rem;
    padding-block: 2.4rem 4rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_flow_inner {
    display: grid;
    grid-template-areas: "area1 area1" "area2 area3" "area4 area5" "area6 area6";
    grid-template-columns: 1fr 1fr;
    gap: 4rem min(6rem, 5vw);
    margin-top: 3rem;
    padding-inline: min(3rem, 2.5vw);
  }
}
[data-category=production_flow] .production_flow_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--white);
  -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3rem rgba(0, 0, 0, 0.1);
  position: relative;
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow_content {
    padding: 2rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_flow_content {
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 960px) {
  [data-category=production_flow] .production_flow_content {
    scroll-margin-top: 5.5rem;
  }
}
@media screen and (min-width: 961px), print {
  [data-category=production_flow] .production_flow_content {
    scroll-margin-top: 7.5rem;
  }
}
[data-category=production_flow] .production_flow_content .ttl_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
[data-category=production_flow] .production_flow_content .ttl_wrap:has(> .ttl .type) .num {
  margin-top: 0.3rem;
}
[data-category=production_flow] .production_flow_content .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 3.5rem;
  height: 3.5rem;
  padding-top: 0.4rem;
  background-color: var(--dark-blue);
  border-radius: 100vh;
  color: var(--white);
  font-family: var(--font-en);
  font-size: 2.1rem;
  font-weight: 500;
}
[data-category=production_flow] .production_flow_content .ttl {
  margin-top: 0;
  color: var(--ttl-black);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}
[data-category=production_flow] .production_flow_content .ttl .type {
  display: block;
  font-size: 1.2rem;
}
[data-category=production_flow] .production_flow_content figure {
  width: 100%;
  margin: 1.5rem auto 0;
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_flow_content figure:not(.column2) {
    max-width: 30rem;
  }
}
[data-category=production_flow] .production_flow_content figure.column2 {
  gap: 1rem;
}
[data-category=production_flow] .production_flow_content .production_flow_arrow {
  width: 0.5rem;
  background-color: currentColor;
  position: absolute;
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow_content .production_flow_arrow {
    height: 3rem;
    top: -3rem;
  }
  [data-category=production_flow] .production_flow_content .production_flow_arrow:first-of-type {
    left: 23.076923vw;
  }
  [data-category=production_flow] .production_flow_content .production_flow_arrow:nth-of-type(2) {
    right: 23.076923vw;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_flow_content .production_flow_arrow {
    height: 4rem;
    top: -4rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow_content[data-num="1"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_flow_content[data-num="1"] {
    grid-area: area1;
    gap: 3rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  [data-category=production_flow] .production_flow_content[data-num="1"] figure {
    margin-top: 0;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow_content[data-num="1"] .production_flow_arrow {
    height: 2rem;
    top: -2rem;
  }
  [data-category=production_flow] .production_flow_content[data-num="1"] .production_flow_arrow:nth-of-type(3), [data-category=production_flow] .production_flow_content[data-num="1"] .production_flow_arrow:nth-of-type(4) {
    display: none;
  }
}
@media screen and (767px < width <= 1140px) {
  [data-category=production_flow] .production_flow_content[data-num="1"] .production_flow_arrow {
    height: 3rem;
    top: -3rem;
  }
  [data-category=production_flow] .production_flow_content[data-num="1"] .production_flow_arrow:first-of-type {
    left: 14.035088vw;
  }
  [data-category=production_flow] .production_flow_content[data-num="1"] .production_flow_arrow:nth-of-type(2) {
    left: 50%;
    -webkit-transform: translateX(-7.894737vw);
            transform: translateX(-7.894737vw);
  }
  [data-category=production_flow] .production_flow_content[data-num="1"] .production_flow_arrow:nth-of-type(3) {
    left: 50%;
    -webkit-transform: translateX(7.894737vw);
            transform: translateX(7.894737vw);
  }
  [data-category=production_flow] .production_flow_content[data-num="1"] .production_flow_arrow:nth-of-type(4) {
    right: 14.035088vw;
  }
}
@media screen and (width > 1140px), print {
  [data-category=production_flow] .production_flow_content[data-num="1"] .production_flow_arrow {
    height: 3rem;
    top: -3rem;
  }
  [data-category=production_flow] .production_flow_content[data-num="1"] .production_flow_arrow:first-of-type {
    left: 16rem;
  }
  [data-category=production_flow] .production_flow_content[data-num="1"] .production_flow_arrow:nth-of-type(2) {
    left: 50%;
    -webkit-transform: translateX(-9rem);
            transform: translateX(-9rem);
  }
  [data-category=production_flow] .production_flow_content[data-num="1"] .production_flow_arrow:nth-of-type(3) {
    left: 50%;
    -webkit-transform: translateX(9rem);
            transform: translateX(9rem);
  }
  [data-category=production_flow] .production_flow_content[data-num="1"] .production_flow_arrow:nth-of-type(4) {
    height: 2.1rem;
    top: -2.1rem;
    right: 16rem;
  }
}
[data-category=production_flow] .production_flow_content[data-num="2"], [data-category=production_flow] .production_flow_content[data-num="3"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (767px < width <= 1140px) {
  [data-category=production_flow] .production_flow_content[data-num="2"][data-category=probe] .production_flow_arrow:first-of-type, [data-category=production_flow] .production_flow_content[data-num="3"][data-category=probe] .production_flow_arrow:first-of-type {
    left: 14.035088vw;
  }
  [data-category=production_flow] .production_flow_content[data-num="2"][data-category=probe] .production_flow_arrow:nth-of-type(2), [data-category=production_flow] .production_flow_content[data-num="3"][data-category=probe] .production_flow_arrow:nth-of-type(2) {
    right: 5.263158vw;
  }
}
@media screen and (width > 1140px), print {
  [data-category=production_flow] .production_flow_content[data-num="2"][data-category=probe] .production_flow_arrow:first-of-type, [data-category=production_flow] .production_flow_content[data-num="3"][data-category=probe] .production_flow_arrow:first-of-type {
    left: 16rem;
  }
  [data-category=production_flow] .production_flow_content[data-num="2"][data-category=probe] .production_flow_arrow:nth-of-type(2), [data-category=production_flow] .production_flow_content[data-num="3"][data-category=probe] .production_flow_arrow:nth-of-type(2) {
    right: 6rem;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_flow_content[data-num="3"][data-category=probe] .production_flow_arrow:nth-of-type(3) {
    width: min(5.4rem, 5vw - 0.6rem);
    height: 0.5rem;
    top: 50%;
    right: max(-5.4rem, (5vw - 0.6rem) * -1);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  [data-category=production_flow] .production_flow_content[data-num="3"][data-category=probe] .production_flow_arrow:nth-of-type(3)::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1.8rem;
    background-color: currentColor;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    position: absolute;
    top: 50%;
    right: -0.6rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (767px < width <= 1140px) {
  [data-category=production_flow] .production_flow_content[data-num="2"][data-category=test_fixtures] .production_flow_arrow:first-of-type, [data-category=production_flow] .production_flow_content[data-num="3"][data-category=test_fixtures] .production_flow_arrow:first-of-type {
    left: 5.263158vw;
  }
  [data-category=production_flow] .production_flow_content[data-num="2"][data-category=test_fixtures] .production_flow_arrow:nth-of-type(2), [data-category=production_flow] .production_flow_content[data-num="3"][data-category=test_fixtures] .production_flow_arrow:nth-of-type(2) {
    right: 14.035088vw;
  }
}
@media screen and (width > 1140px), print {
  [data-category=production_flow] .production_flow_content[data-num="2"][data-category=test_fixtures] .production_flow_arrow:first-of-type, [data-category=production_flow] .production_flow_content[data-num="3"][data-category=test_fixtures] .production_flow_arrow:first-of-type {
    left: 6rem;
  }
  [data-category=production_flow] .production_flow_content[data-num="2"][data-category=test_fixtures] .production_flow_arrow:nth-of-type(2), [data-category=production_flow] .production_flow_content[data-num="3"][data-category=test_fixtures] .production_flow_arrow:nth-of-type(2) {
    right: 16rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow_content[data-num="4"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_flow_content[data-num="4"] {
    grid-area: area6;
    gap: 3rem;
  }
  [data-category=production_flow] .production_flow_content[data-num="4"] figure.column2 {
    width: 44.44%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0;
  }
}
[data-category=production_flow] .production_flow_content[data-num="4"] .production_flow_arrow::after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1rem;
  background-color: currentColor;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  left: 50%;
  bottom: -0.6rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow_content[data-num="4"] .production_flow_arrow {
    height: 2.4rem;
  }
  [data-category=production_flow] .production_flow_content[data-num="4"] .production_flow_arrow:nth-of-type(3) {
    display: none;
  }
}
@media screen and (767px < width <= 1140px) {
  [data-category=production_flow] .production_flow_content[data-num="4"] .production_flow_arrow {
    height: 3.4rem;
  }
  [data-category=production_flow] .production_flow_content[data-num="4"] .production_flow_arrow:first-of-type {
    left: 14.035088vw;
  }
  [data-category=production_flow] .production_flow_content[data-num="4"] .production_flow_arrow:nth-of-type(2) {
    left: 50%;
    -webkit-transform: translateX(7.894737vw);
            transform: translateX(7.894737vw);
  }
  [data-category=production_flow] .production_flow_content[data-num="4"] .production_flow_arrow:nth-of-type(3) {
    right: 14.035088vw;
  }
}
@media screen and (width > 1140px), print {
  [data-category=production_flow] .production_flow_content[data-num="4"] .production_flow_arrow {
    height: 3.4rem;
  }
  [data-category=production_flow] .production_flow_content[data-num="4"] .production_flow_arrow:first-of-type {
    left: 16rem;
  }
  [data-category=production_flow] .production_flow_content[data-num="4"] .production_flow_arrow:nth-of-type(2) {
    left: 50%;
    -webkit-transform: translateX(9rem);
            transform: translateX(9rem);
  }
  [data-category=production_flow] .production_flow_content[data-num="4"] .production_flow_arrow:nth-of-type(3) {
    right: 16rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow#probe::before {
    background-color: #F3F4F7;
  }
  [data-category=production_flow] .production_flow#probe .production_flow_label .-test_fixtures {
    display: none;
  }
}
@media screen and (width <= 767px) and (width <= 767px) {
  [data-category=production_flow] .production_flow#probe .production_flow_content[data-num="3"] .production_flow_arrow:nth-of-type(3) {
    height: 2.4rem;
    top: auto;
    right: 23.076923vw;
    bottom: -2.4rem;
  }
  [data-category=production_flow] .production_flow#probe .production_flow_content[data-num="3"] .production_flow_arrow:nth-of-type(3)::after {
    content: "";
    display: block;
    width: 1.8rem;
    height: 1rem;
    background-color: currentColor;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    position: absolute;
    left: 50%;
    bottom: -0.6rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (width <= 767px) and (width <= 767px) {
  [data-category=production_flow] .production_flow#probe .production_flow_content[data-num="4"] .production_flow_arrow:first-of-type {
    height: 12.6rem;
    top: -13.2rem;
  }
}
@media screen and (width <= 767px) and (width <= 767px) {
  [data-category=production_flow] .production_flow#probe .production_flow_content[data-num="4"] .production_flow_arrow:nth-of-type(2) {
    display: none;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow#probe .production_flow_sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  [data-category=production_flow] .production_flow#probe .production_flow_sub .-both {
    margin-top: 0;
    font-weight: 700;
  }
  [data-category=production_flow] .production_flow#probe .production_flow_sub .ttl_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.9rem 0.6rem 0.8rem;
    border: 0.15rem solid #082459;
  }
  [data-category=production_flow] .production_flow#probe .production_flow_sub .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    padding-top: 0.4rem;
    background-color: var(--dark-blue);
    border-radius: 100vh;
    color: var(--white);
    font-family: var(--font-en);
    font-size: 1.6rem;
    font-weight: 500;
  }
  [data-category=production_flow] .production_flow#probe .production_flow_sub .ttl {
    margin-top: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
  }
  [data-category=production_flow] .production_flow#probe .production_flow_sub .ttl .type {
    display: block;
    font-size: 1rem;
  }
}
@media screen and (width <= 767px) {
  [data-category=production_flow] .production_flow#test_fixtures::before {
    background-color: #F2F7F2;
  }
}
@media screen and (width > 767px), print {
  [data-category=production_flow] .production_flow#test_fixtures {
    display: none;
  }
}