/* 親 div: 横幅いっぱい、背景画像をリピート */
.outer_tmi {
  width: 100%;
  background-image: url('images/tmi_bg.png'); /* 背景画像を指定 */
  background-repeat: repeat; /* 縦横リピート */
  background-position: top left;
  padding: 20px 0; /* 上下余白 */
  box-sizing: border-box;
  background-size: 20px 20px;
}

/* 子 div: 幅1000pxで中央寄せ */
.inner_tmi {
  width: 1000px;
  max-width: 100%; /* 画面幅を超えないようにする */
  margin: 0 auto;
}


/* 画像: 必要に応じてレスポンシブ対応 */
.inner_tmi img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 初期状態: PC用画像を表示、スマホ用は非表示 */
.img-pc {
  display: block;
}
.img-sp {
  display: none;
}

/* 画面幅が768px以下になったら切り替え */
@media screen and (max-width: 768px) {
  .img-pc {
    display: none;
  }
  .img-sp {
    display: block;
  }
  .outer_tmi {
	  padding: 0;}
	  
}

/* 画像をレスポンシブ対応 */
.inner_tmi img {
  display: block;
  width: 100%;   /* 親 div に合わせて縮小 */
  height: auto;
}