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

body:before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100%;
/*background-image: url("../../img/backblue.jpg");*/
background-size:cover;
background-position: top;
}
.filter {
/*background: rgba(255,255,255,0.5);*/
/*background-color:rgba(0,0,0,0.5);*/
background-image: url("../../img/bkfilter.png");
background-attachment: fixed;
padding: 0 0 0 0;

}

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


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

#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 */
#wapper {
max-width: 900px;
margin: auto;
-moz-background-size:100% auto;
background-size:100% auto;
/*background-color: #000;*/
text-align: center;

}

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

}
}