@charset "UTF-8";
body{
background:#000;
color: #FFF;
}

h1{
display: block;
width: auto;
height: 0;
/* 表示画像の高さ ÷ 表示画像の幅 × divの幅 × 100 */
padding-top:33%;
background: url('images/logo.png') center center no-repeat;
background-size: 75%;
}

/*タブ関係*/
.tabs__menu-item{
width:33.3%;
}
.tabs__menu-item:after{
background:#7E2F80;
}
#main,footer{
background:#7E2F80;
}

#main{
padding: 0% 0 10% 0;
}

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

h1{
padding-top:27%;
background: url('images/logo.png') center center no-repeat;
background-size: 60%;
text-align: center;
}
#main{
padding: 0px 0 20px 0;
}
}