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

/* #our_strengths: 「当社の強み」カードリスト
   ライブテーマ側にこのセクション専用のCSSが存在しないため、
   汎用パーツ(.row/.al-start/.space-btw/.bg_white/.md_radius)の組み合わせのみで
   崩れてしまう箇所(SPでの横並び潰れ)を本ファイルで補い、PCでは写真+文章の
   横並びカードとして見せる。*/

#intro .half_box .txt_box{
  margin: 20px auto 0;
}

/* #our_strengths > ul.inner {
  padding: 30px 0 50px;
} */

#our_strengths .content {
  flex-direction: column;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

#our_strengths .content .txt_box {
  width: 100%;
}

#our_strengths .content .txt_box .ttl {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 12px;
}

#our_strengths .content .txt_box p {
  font-size: 14px;
}

#our_strengths .content picture {
  display: block;
  width: 100%;
  margin-top: 15px;
}

#our_strengths .arrow {
  text-align: center;
  padding: 12px 0;
}

#our_strengths .arrow img {
  width: 40px;
  height: auto;
}

@media (min-width: 769px) {
  #our_strengths .content {
    flex-direction: row;
    padding: 30px;
  }

  #our_strengths .content .txt_box {
    width: calc(100% - 380px);
  }

  #our_strengths .content .txt_box .ttl {
    font-size: 21px;
  }

  #our_strengths .content .txt_box p {
    font-size: 15px;
  }

  #our_strengths .content picture {
    width: 356px;
    flex-shrink: 0;
    margin-top: 0;
  }

  #our_strengths .arrow img {
    width: 65px;
  }
}