@charset "utf-8";
/* CSS Document */
body {
margin: 0;
padding: 0;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
Meiryo,
sans-serif;
}

body:before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100%;
background-size:cover;
background-position: top;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading__contents {
  text-align: center;
}

.loading__text {
}

@media screen and (min-width : 901px) {/* large */

html {
  -webkit-text-size-adjust: 100%; /* Safari, Chrome, Edge */
  -moz-text-size-adjust: 100%;    /* Firefox */
  -ms-text-size-adjust: 100%;     /* Internet Explorer */
  text-size-adjust: 100%;         /* Standard */
}

#wapper {
/*max-width: 1280px;*/
margin: auto;
text-align: center;
padding: 0 0 100vh 0;
}


#wapper02 {
max-width: 1280px;
margin: auto;
-moz-background-size:100% auto;
background-size:100% auto;
text-align: center;
padding: 5% 0 0 0;
}

}
@media screen and (max-width : 900px) {/* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small */
/*
body::before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100%;
background-image: url("../../img/sp_bg.jpg");
background-size:cover;
background-position: top;
}*/
#wapper {
max-width: 900px;
margin: auto;
-moz-background-size:100% auto;
background-size:100% auto;
/*background-color: #000;*/
text-align: center;
padding: 0 0 0 0;
}

#wapper02 {
max-width: 900px;
margin: auto;
-moz-background-size:100% auto;
background-size:100% auto;
/*background-color: #000;*/
text-align: center;

}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading__contents {
  text-align: center;
}
.loading  img {
width: 50%;
}
.loading__text {
}
}