@charset "UTF-8";

.inner{
position: relative;
height: 100svh;
}
.menuBTN{
display: inline-block;
margin: 3.5svh auto;
}
.menuBTN:nth-of-type(1){
margin-top: 0;
}
.menuBTN img{
height: 7svh;
width: auto;
}
main{
width: 100svw;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
}
#officialSNS{
margin: 8svh auto 0 auto;
}
#officialSNS p,
#officialSNS a{
display: inline-block;
margin: 0 3vw;
}
#officialSNS p img,
#officialSNS a img{
height: 4svh;
width: auto;
}

/*PC*/
@media screen and (min-width:768px){
    

main{
max-width:none;
}
.menuBTN{
margin: 3svh auto;
}
.menuBTN img{
height: 8svh;
width: auto;
}
#officialSNS{
margin: 12svh auto 0 auto;
}
#officialSNS p,
#officialSNS a{
margin: 0 1vw;
}
#officialSNS p img,
#officialSNS a img{
height: 3.5svh;
width: auto;
}

@media (orientation: portrait){

/*デバイスが縦向きの場合*/

}

}