.mv-img {
  background-image: url(../img/recruit/mv.png.webp); }

.readtxt {
  margin-bottom: 150px; }
  @media print, screen and (max-width: 768px) {
    .readtxt {
      margin-bottom: 70px; } }

.flexbox {
  margin-bottom: 120px; }
  @media print, screen and (max-width: 768px) {
    .flexbox {
      margin-bottom: 50px; } }
  .flexbox-left {
    width: 45.2%; }
    @media print, screen and (max-width: 768px) {
      .flexbox-left {
        width: 100%; } }
  .flexbox-right {
    width: 47.9%; }
    @media print, screen and (max-width: 768px) {
      .flexbox-right {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        margin-bottom: 70px;
        width: 100%; } }
    .flexbox-right .img-item {
      display: block; }
      .flexbox-right .img-item img {
        border-radius: 12px; }
        @media print, screen and (max-width: 768px) {
          .flexbox-right .img-item img {
            border-radius: 6px; } }
      @media print, screen and (min-width: 769px) {
        .flexbox-right .img-item + .img-item {
          margin-top: 35px; } }

.recruit-list {
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 120px;
  padding: 50px 0; }
  @media print, screen and (max-width: 768px) {
    .recruit-list {
      margin-bottom: 50px;
      padding: 25px 0; } }
  .recruit-list dt {
    font-size: 16px;
    padding-left: 12px;
    position: relative; }
    @media print, screen and (min-width: 769px) {
      .recruit-list dt {
        font-size: 18px; } }
    .recruit-list dt::before {
      content: "";
      display: block;
      background-color: #1454a7;
      border-radius: 999px;
      height: 4px;
      position: absolute;
      top: 12px;
      left: 0;
      width: 4px; }
      @media print, screen and (max-width: 768px) {
        .recruit-list dt::before {
          top: 10px;
          left: 2px; } }
  .recruit-list dd {
    border-bottom: 1px solid #dcdcdc;
    font-size: 16px;
    line-height: 1.7;
    margin-top: 13px;
    padding-left: 12px;
    padding-bottom: 50px; }
    @media print, screen and (max-width: 768px) {
      .recruit-list dd {
        font-size: 14px;
        margin-top: 10px;
        padding-bottom: 25px; } }
    .recruit-list dd:last-child {
      border-bottom: none;
      padding-bottom: 0; }
    .recruit-list dd + dt {
      margin-top: 50px; }
      @media print, screen and (max-width: 768px) {
        .recruit-list dd + dt {
          margin-top: 25px; } }

.no-webp .mv-img {
  background-image: url(../img/recruit/mv.png); }