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

* {
	margin: 0 auto;
	padding: 0;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', arial, helvetica, sans-serif;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
img {
  vertical-align: bottom;
}
body {
  min-width: 1400px;
  background: url("../images/bg_bg.png");
  background-size: cover;
}
.side {
  width: 260px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  height: 100%;
  overflow: scroll;
  overflow-x: hidden;
  background: #fff;
}
.main {
  padding-left: 258px;
  text-align: center;
  margin: 0 auto;
  overflow-x: hidden;
}
.mainimage {
  /*aspect-ratio: 1645 / 1281;*/
  aspect-ratio: 1390 / 1281;
  background: url(../images/bg_main_btm.png) center top no-repeat;
  background-size: 100% auto;
  width: 100%;
}
.mainimage img {
  padding: 30px;
}
.footer {
  position: absolute;
  background: #4E4948;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  bottom: 0;
  font-size: 12px;
  padding-left: 110px;
}
/*----------------------------------------------
	.inner
---------------------------------------------*/
.inner .mainimage {
  background: url(../images/bg_main_btm.png) center bottom no-repeat, url(../images/bg_main_top.png) right 0 no-repeat;
  background-size: 100% auto, auto;
	background-position: center bottom, right 0;
}
.inner .innerimage {
	padding-bottom: 250px;
}
.inner .innerimage img {
	padding-top: 0;
}

.side::-webkit-scrollbar{
  width: 10px;
}
.side::-webkit-scrollbar-track{
  background: #eee;
  border: none;
}
.side::-webkit-scrollbar-thumb{
  background: #bbb;
  box-shadow: none;
}

/*@media screen and (max-width:750px) {
  body {
  min-width: auto;
}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	img {
		max-width: 100%;
	}
}*/
/*----------------------------------------------
	.clearfix
---------------------------------------------*/
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}