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

body{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #000;
}

img { 
max-width: 100%; 
max-height:100%;
vertical-align:bottom;
}

a{
text-decoration: none;
color: #fff;
}

a:hover{
text-decoration: none;
color: #bbf;
}

a:active{
text-decoration: none;
color: #bbf;
}

.top{
margin: 40px 0px 60px 0px;
}

.top01{
margin: 0px 60px 0px 40px;
color: #fff;
font-size: 24px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
font-weight: 600;
width: 460px;
display: inline-block;
_display: inline;
}

.top02{
margin: 15px 0px 0px 0px;
color: #fff;
font-size: 12px;
text-align: center;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
width: 120px;
border-left: 1px #fff solid;
display: inline-block;
_display: inline;
}

.top03{
margin: 0px 0px 0px 0px;
color: #fff;
font-size: 12px;
text-align: center;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
width: 120px;
border-left: 1px #fff solid;
border-right: 1px #fff solid;
display: inline-block;
_display: inline;
}

.top04{
margin: 0px 0px 240px 80px;
width: 720px;
}

.top05{
margin: 5px 0px 0px 0px;
color: #fff;
font-size: 14px;
text-align: right;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
}

.works{
margin: 10px 0px 120px 40px;
color: #fff;
font-size: 32px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
font-weight: 600;
}

.works01{
margin: 0px 0px 350px 80px;
width: 940px;
}

.works01t{
margin: 0px 0px 350px 80px;
width: 640px;
}

.works02{
margin: 5px 0px 0px 0px;
color: #fff;
font-size: 14px;
text-align: right;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
}

.works03{
margin: 120px 0px 0px 0px;
}

.works04{
margin: 8px 0px 0px 0px;
color: #fff;
font-size: 14px;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
}

.statement{
margin: 10px 0px 20px 40px;
color: #fff;
font-size: 32px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
font-weight: 600;
}

.statement01{
margin: 0px 0px 350px 50px;
color: #fff;
font-size: 14px;
text-align: left;
font-family: "M PLUS 1p", sans-serif;
letter-spacing: 1px;
width: 920px;
}

.portfolio{
margin: 10px 0px 20px 40px;
color: #fff;
font-size: 32px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
font-weight: 600;
}

.portfolio01{
margin: 0px 0px 350px 50px;
color: #fff;
font-size: 14px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
}

.portfolio01a{
margin: 0px 0px 5px 0px;
color: #fff;
font-size: 21px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
}

.portfolio01b{
margin: 0px 0px 50px 0px;
color: #fff;
font-size: 14px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
width: 920px;
}

.exhibitions{
margin: 10px 0px 20px 40px;
color: #fff;
font-size: 32px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
font-weight: 600;
}

.exhibitions01{
margin: 0px 0px 350px 50px;
color: #fff;
font-size: 14px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
width: 600px;
}

.contact{
margin: 10px 0px 20px 40px;
color: #fff;
font-size: 32px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
font-weight: 600;
}

.mushrooms{
margin: 0px 0px 0px 120px;
padding: 0px 0px 0px 0px;
color: #fff;
font-size: 14px;
text-align: left;
width: 920px;
}

.mushrooms-1{
margin: 0px 20px 50px 0px;
text-align: center;
width: 150px;
display: inline-block;
_display: inline;
}

.gallery_photo{
margin: 0px 0px 350px 80px;
height: 840px;
}


}

@media screen and (max-width: 1048px) {

body{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #000;
}

body{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #000;
}

img { 
max-width: 100%; 
max-height:100%;
vertical-align:bottom;
}

a{
text-decoration: none;
color: #fff;
}

a:hover{
text-decoration: none;
color: #bbf;
}

a:active{
text-decoration: none;
color: #bbf;
}

.top{
margin: 20px 0px 60px 0px;
}

.top01{
margin: 0px 0px 20px 10px;
color: #fff;                     
font-size: 18px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
font-weight: 600;
}

.top02{
margin: 0px 0px 5px 15px;
color: #fff;
font-size: 12px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
width: 120px;
display: inline-block;
_display: inline;
}

.top03{
margin: 0px 0px 0px 15px;
color: #fff;
font-size: 12px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
width: 120px;
display: inline-block;
_display: inline;
}

.top04{
margin: 0px auto 240px auto;
width: 95%;
}

.top05{
margin: 5px 0px 0px 0px;
color: #fff;
font-size: 10px;
text-align: right;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
}

.works{
margin: 0px 0px 60px 10px;
color: #fff;                     
font-size: 32px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
font-weight: 600;
}

.works01{
margin: 0px auto 240px auto;
width: 95%;
}

.works01t{
margin: 0px auto 240px auto;
width: 95%;
}

.works02{
margin: 5px 0px 0px 0px;
color: #fff;
font-size: 10px;
text-align: right;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
}

.works03{
margin: 60px 0px 0px 0px;
}

.works04{
margin: 8px 0px 0px 0px;
color: #fff;
font-size: 10px;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
}

.statement{
margin: 0px 0px 20px 10px;
color: #fff;                     
font-size: 32px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
font-weight: 600;
}

.statement01{
margin: 0px auto 120px auto;
color: #fff;
font-size: 14px;
text-align: left;
font-family: "M PLUS 1p", sans-serif;
letter-spacing: 1px;
width: 90%;
}

.portfolio{
margin: 10px 0px 20px 10px;
color: #fff;
font-size: 32px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
font-weight: 600;
}

.portfolio01{
margin: 0px auto 120px auto;
color: #fff;
font-size: 14px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
width: 90%;
}

.portfolio01a{
margin: 0px 0px 5px 0px;
color: #fff;
font-size: 21px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
}

.portfolio01b{
margin: 0px 0px 50px 0px;
color: #fff;
font-size: 14px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
}

.exhibitions{
margin: 0px 0px 20px 20px;
color: #fff;                     
font-size: 32px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
font-weight: 600;
}

.exhibitions01{
margin: 0px auto 120px auto;
color: #fff;
font-size: 14px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
width: 90%;
}

.contact{
margin: 0px 0px 20px 20px;
color: #fff;                     
font-size: 32px;
text-align: left;
font-family: "Noto Serif JP", serif;
letter-spacing: 1px;
font-weight: 600;
}

.mushrooms{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
font-size: 14px;
text-align: center;
}

.mushrooms-1{
margin: 0px 10px 20px 0px;
text-align: center;
width: 110px;
display: inline-block;
_display: inline;
}

.gallery_photo{
margin: 0px auto 240px auto;
width: 95%;
}





}