/* =========================================================
   モバイルファースト構成
   ベース(無条件) = SP(〜568px)
   min-width: 569px  = 〜960px 相当
   min-width: 961px  = 〜1024px 相当
   min-width: 1025px = 1025px〜(PC)
   ========================================================= */

#sub_other_service .sub_other_content::after {
  background: url("../img/enterprice/enterprice_top.jpg") no-repeat;
  background-size: cover;
}

#intro .intro_box .half_box .ttl {
  font-size: 21px;
}

.full_wide_ttl {
  padding: 14px 0 16px;
}

.full_wide_ttl .txt_white {
  padding-left: 4vw;
}

.full_wide_ttl .txt_white .txt_yellow {
  position: relative;
}

.full_wide_ttl .txt_white .txt_yellow::before {
  content: none;
}

.about_list {
  margin-top: 0;
}

.about_list li {
  margin-bottom: 20px;
}

.about_list li .txt_box {
  width: 100%;
}

.about_list li .txt_box p {
  margin: 0;
}

.about_list li img {
  width: 100%;
  margin-bottom: 15px;
}

.about_list li .ttl_left_border {
  font-size: 21px;
  margin: 0 0 12px;
}

.about_list li:last-child {
  margin-bottom: 0;
}

/* #intro .half_box / .about_list li は他ページと共有する汎用クラス
   （.half_box / .row）への小さい画面限定の上書き（詳細度の罠）のため、
   元のmax-widthスコープのまま維持する。
   .txt_white の line-height も対応するmin-width側の記述が
   一切存在しないため、同様にmax-widthスコープのまま維持する */
@media screen and (max-width: 568px) {
  #intro .intro_box .half_box {
    flex-direction: column;
  }
  #intro .intro_box .half_box .ttl {
    margin-bottom: 10px;
  }
  #intro .intro_box .half_box .photo {
    margin-bottom: 20px;
  }
  .full_wide_ttl .txt_white {
    line-height: 1.4;
  }
  .about_list li {
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 569px) {
  #intro .intro_box .half_box .ttl {
    font-size: 23px;
  }
  .full_wide_ttl .txt_white .txt_yellow::before {
    content: '';
    background: url("../img/enterprice/items.png") no-repeat;
    background-size: contain;
    width: calc(141px * 0.7);
    height: calc(115px * 0.7);
    position: absolute;
    top: -24px;
    left: -118px;
  }
  .about_list {
    margin-top: 10px;
  }
  .about_list li .txt_box {
    width: 61.8%;
  }
  .about_list li .txt_box p {
    margin-bottom: -10px;
  }
  .about_list li img {
    width: 35%;
    max-width: 356px;
    margin-bottom: 0;
  }
  .about_list li .ttl_left_border {
    margin: -10px 0 20px;
  }
}

@media screen and (min-width: 961px) {
  #intro .intro_box .half_box .ttl {
    font-size: 28px;
  }
  .full_wide_ttl {
    padding: 20px 0 20px;
  }
  .full_wide_ttl .txt_white {
    padding-left: 4.5%;
  }
  .full_wide_ttl .txt_white .txt_yellow::before {
    width: 141px;
    height: 115px;
    top: -43px;
    left: -168px;
  }
  .about_list {
    margin-top: -18px;
  }
  .about_list li {
    margin-bottom: 30px;
  }
  .about_list li .ttl_left_border {
    font-size: 27px;
    margin: -10px 0 26px;
  }
}

@media screen and (min-width: 1025px) {
  #intro .intro_box .half_box .ttl {
    font-size: 32px;
  }
}