@charset "utf-8";

.all{
	content: "";
	display: block;
	clear: both;
	margin: 0 auto;
	text-align: center;
}
body {
	margin: 0;
}

/* PC版画像：原寸のまま表示 */
.pc img {
  width: auto;        /* ← 画像の元サイズのまま */
  max-width: 100%;    /* ← 画面より大きい場合だけ縮む */
  display: block;
  margin: 0 auto;     /* ← 中央寄せ */
}

/* スマホ版画像：幅100%で表示 */
.sp img {
  width: 100%;
  height: auto;
  display: block;
}

/* 初期状態ではスマホ版を非表示 */
.sp {
  display: none;
}

/* スマホではPC版を非表示、SP版を表示 */
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}