html, body, div, span, p, a, address,img, 
dl, dt, dd, ol, ul, li{
  margin: 0;
  padding: 0;
  font-family: "メイリオ", Meiryo, sans-serif;
  font-size: 100%;
  vertical-align: baseline;
  list-style: none;
  border: 0;
}

p{
  margin: 0 auto 5%;
  padding: 0;
  font-family: "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
	line-height: 180%;
}

body {
  line-height: 0;
  background-color: #fff;
}

.wrapper{
    width: 1200px;
	margin: 0px auto;
	text-align: center;
	background: #fff;
  }

.pc {
	display: block;
}


.smp {
	display: none;
}



.contents{
	width: 1200px;
	height: auto;
  margin: 0px auto;
  text-align: center;
}

video {
  width: 70%; /* 動画をレスポンシブ化 */
  max-width: 820px; /* 動画の最大幅 */
}

.moviearea {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 9%;
	background: #fefddc;
}

.moviebox {
}

.btnBox {
	width: 100%;
	padding: 4% auto 5%;
}

.btnBox	img{
	max-width: 404px;
	width: 34%;
	margin: 6% 2% 5%;
}

.logo{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.logo img{
	width: 15%;
}

.copyright {
  width: 100%;
  height: 40px;
  line-height: 44px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.1em;
  background: #fff;
}

a:hover img{
	opacity:0.6;
	filter: alpha(opacity=80);
}

@media screen and (max-width: 1200px) {
.wrapper{
    max-width: 100%;
	margin: 0px auto;
	text-align: center;
  }

.pc img{
	width: 100%;
}

.bottom-fixed-button {
  position: fixed;
  top: 0;
  width: 100%;
  height: 8%;
  padding-top: 2%;
  padding-bottom: 2%;
  text-align: right;
}

.bottom-fixed-button button:hover {
  opacity: 0.8;
}

.contents{
	width: 100%;
	height: auto;
  margin: 0px auto;
  text-align: center;
}

.smp {
	display: none;
}

}

@media screen and (max-width: 750px) {
.wrapper{
   height: auto;
		max-width: 100%;
		width: auto;
		text-align: center;
		margin: 0 auto;
  }

.wrapper img{
    height: auto;
		max-width: 100%;
		width: auto;
  }

.contents{
	height: auto;
		max-width: 100%;
		width: auto;
		text-align: center;
		margin: 0 auto;
}

.pc {
	display: none;
}

.smp {
	display: block;
	width: 100%;
	margin: 0px auto;
	text-align: center;
}

.smp img{
	width: 100%;
}

.bottom-fixed-button {
  position: fixed;
  top: 0;
  width: 100%;
  height: 15%;
  padding-top: 2%;
  text-align: center;
  margin: 0 auto;
}

video {
  width: 90%; /* 動画をレスポンシブ化 */
  max-width: 820px; /* 動画の最大幅 */
}


.moviearea {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 4% 0 9%;
	background: #fefddc;
}

.moviebox {
}

.btnBox {
	width: 100%;
	padding: 6% 0;
}

.btnBox	img{
	max-width: 400px;
	width: 75%;
	margin: 2% 0;
}

}