@charset "utf-8";
/* CSS Document */

/*全体の設定
---------------------------------------------------------------------------*/
body * {box-sizing: border-box;}
html,body {
		text-size-adjust: none;
}

	/*画面幅900px以上の追加指定*/
	@media screen and (min-width:900px) {

	html, body {
		font-size: 3vmpx;	/*基準となるフォントサイズ。*/
	}

	}/*追加指定ここまで*/


body {
	margin: 0;padding:0;
	font-family: "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;	/*フォント種類（ゴシック）*/
	font-optical-sizing: auto;
	font-style: normal;
	-webkit-text-size-adjust: none;
	background: var(--base-color);		/*背景色。css冒頭のbase-colorを読み込みます。*/
	color: var(--base-inverse-color);	/*文字色。css冒頭のbase-inverse-colorを読み込みます。*/
	line-height: 2;		/*行間*/
	overflow-x: hidden;
	  min-height: 100vh;
  position: relative;


}

body::before {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: url('http://mishimatekko.stars.ne.jp/css/back.png');
  background-size: 60% auto;
  background-position: left top;
  background-repeat: no-repeat;
  z-index: -1; /* コンテンツの後ろに配置 */
}




}


.banner img {
  width: 50%;       /* 横幅を50%に設定 */
  height: auto;     /* アスペクト比を維持 */
  display: block;   /* 余計な隙間をなくす */
  margin: 0 auto;   /* 中央寄せ */
}