/* 数字で見るマツリカ — page-specific. Generic legacy chrome (.inner/.btn/.conversion/.mdl-flex/.footer-link/.ttl-min-jp/.ttl-txt) comes from the .recruit-legacy bundle (_conversion.scss).
   NOTE: do NOT restyle .ttl-txt here — the legacy px value lives in the bundle (16px/26px);
   using the legacy rem value (1.6rem) would render 25.6px against the mz-core 16px root. */
.recruit-legacy .recruit-main-ttl { margin: 120px 0 90px; text-align: center; }
.recruit-legacy .recruit-industry { font-size: 40px; line-height: 1.5; margin-bottom: 2px; }
.recruit-legacy .recruit-industry img { height: 45px; }

.recruit-legacy .mdl-number { width: 100%; box-sizing: border-box; }
.recruit-legacy .mdl-number img { width: 100%; }
.recruit-legacy .mdl-number-wrap { display: flex; justify-content: space-between; }
.recruit-legacy .mdl-number-wrap + .mdl-number-wrap { margin-top: 40px; padding-top: 40px; border-top: 4px solid #EFEFEF; }
.recruit-legacy .mdl-number.col2 { width: calc((100% - 4px) / 2); }
.recruit-legacy .mdl-number.col2 img { max-width: 530px; }
.recruit-legacy .mdl-number.col2:first-child { border-right: 4px solid #EFEFEF; }
.recruit-legacy .mdl-number.col2:last-child { text-align: right; }

@media screen and (max-width: 768px) {
  .recruit-legacy .recruit-industry img { height: 80px; }
  .recruit-legacy .mdl-number-wrap { display: block; }
  .recruit-legacy .mdl-number-wrap + .mdl-number-wrap { margin-top: 80px; padding-top: 0; border: none; }
  .recruit-legacy .mdl-number.col2 { width: 100%; }
  .recruit-legacy .mdl-number.col2 + .mdl-number.col2 { margin-top: 120px; }
  .recruit-legacy .mdl-number.col2:first-child { border: none; }
  .recruit-legacy .mdl-number.col2 img { max-width: none; }
}