.jigyou_mainsection {
  color: #504949;
  text-align: center;
  padding-top: 70px;
  width: 100%;
  min-width: 1200px;
}

.jigyou_mainsection p {
  font-size: 1.2rem;
  margin-top: 30px;
  margin-bottom: 50px;
}

.jigyou_mainsection h2 {
  margin-bottom: 50px;
}

.jigyou_mainsection .flex {
  display: flex;
  justify-content: space-around;
  margin-bottom: 50px;
}

.jigyou_mainsection .flex img {
  width: 90%;
  transition: .3s;
}

.jigyou_mainsection .flex img:hover {
  opacity: 0.7;
}

.jigyou_mainsection .flex .jigyou_row a{
  text-align: center;
}



/* ★★★★★★★★★★以下、レスポンシブ★★★★★★★★★★★ */

/* ======================================================
1. スマホ向け（基本スタイル：767px以下）
   ====================================================== */
/* ここには、画面が一番狭い時のスタイルを書く */

@media only screen and (max-width: 767px) {
/* 例：メニューを隠す、フォントを少し小さくするなど */


}


/* ======================================================
2. タブレット向け（768px 〜 991px）
   ====================================================== */
/* 768pxになった瞬間に適用したいスタイル */

@media only screen and (min-width: 768px) {
/* 例：2カラムレイアウトにする、横並びを開始するなど */


}


/* ======================================================
3. PC向け（992px以上）★Bootstrap基準
   ====================================================== */
/* 992px（Bootstrapのlg）になった瞬間に適用したいスタイル */

@media only screen and (max-width: 992px) {
/* 例：ナビゲーションを完全に横並びにする、余白を広く取るなど */

  .jigyou_mainsection {
    width: 100%;
    min-width: auto;
  }

  .jigyou_mainsection .flex {
    flex-direction: column;
  }

  .jigyou_mainsection .flex {
    margin-bottom: 0;
  }

  .jigyou_mainsection .flex .jigyou_row img{
    margin-bottom: 30px;
    width: 100%;
  }

}