@charset "utf-8";
body
{
	overflow-x: hidden;
	width:100%;
}
html, body {
  overflow-x:hidden !important;
} 
.center
{
	width: 90%;
	margin: 0px auto;
}

.site
{
  background: url(../Images/bg.png) no-repeat center;
  background-size: cover;
  flex-direction: column;
  min-height: 100vh;
}
.site2
{
  flex-direction: column;
  min-height: calc(100vh - 9vh);
}
.logo img{
  width: 70%;
}
.header
{
  padding: 5% 0px 0px 0px;
}
.left-header,.right-header,.center-header
{
  width: 100%;
  text-align: center;
}
.right-header
{
	justify-content: center;
}
.center-header
{
	margin: 10px 0px;
}
.left-header h2,.right-header h2
{
  font-size: 5vw;
  color: #fff;
  font-weight: 300;
}
.bottom-header
{
  margin-top: 2%;
}
.center-header
{
  flex-direction: column;
}
.center-header a
{
  font-size: 4vw;
  color: #fff;
  background-color: #f1a33b;
  padding:10px 15px;
  border-radius: 7px;  
}
.center-header img{
  width: 50px;
  margin-bottom: 10px;
}
.text
{
  width:100%;

}
.text p{
  font-size: 4vw;
  line-height: 1.6;
}
.center-page
{
	margin-top: 5%;
}
.center-page .center
{
  flex-direction: column;
}
.text-down img
{
  display: inline-block;
  height: 10px;
}
.lineup
{
  font-size: 4.5vw;
  text-align: center;
  color: #fff;
  line-height: 1.6;
}
.lineup .accent
{
  color: #f1a33b;
}
.text-down
{
  margin-top: 20px;
}
.logo1 img
{
  height: 8vw;
}
.logo2 img
{
  height: 8vw;
}
.logo3 img
{
  height: 8vw;
}
.footer
{
  padding-bottom: 5%;
}