@font-face {
	font-family: 'MyFont';
	src: url(LTCSquareFaceW00SC.ttf);
}
body{
margin: inherit;
background: linear-gradient(#000, #BD3C37) fixed;
min-height: 100vh;
}
.base{
height: 100vh;
display: flex;
align-items: center;
}
.wrap{
width: 90%;
margin: 0 auto;
}
.logo{
width: 100%;
}
.logo img{
width: 60vw;
height: 60vw;
margin: 100px 15vw;
}
nav {
    width: 90vw;
    margin: 0 auto;
}
nav ul {
    justify-content: space-evenly;
    display: flex;
    list-style: none;
    padding: 0;
}
.item{
    padding: 0 2vw;
}
.item a {
    color: #000;
    text-decoration: none;
	font-family: 'MyFont';
    font-size: 18px;
}
/* フッター */
footer{
padding: 14px;
text-align: center;
}

/* タブレット用 */
@media screen and (min-width: 481px){
.item a {
    font-size: 22px;
}
 }
 /* PC用 */
 @media screen and (min-width: 767px){
 .item a {
     font-size: 30px;
 }
 .logo img{
 width: 30vw;
 height: 30vw;
 margin: 100px 30vw;
 }
  }