@charset "utf-8";

@media screen and (min-width: 0px) and (max-width: 700px) {

body {

}

body:before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100vh;
background: linear-gradient( 100deg, rgba(0,0,0,0.0), rgba(0,0,0,0.0)), url(a_haikei_gazo_mo.jpg);
background-size: cover;
background-position: right top;
background-repeat: no-repeat;
}
}




@media screen and (min-width: 701px) {

body {

}

body:before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: linear-gradient( 100deg, rgba(255,255,255,0), rgba(255,255,255,0)), url(a_haikei_gazo.jpg);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
}