@charset "UTF-8";


body{
background: url("../assets/images_common/wood.jpg") top center;
background-size: 100% auto;
padding-bottom: 1rem;
}
header{
background: url("../assets/images_common/headerbg_gear_mobile.png") center center no-repeat #FFF;
background-size: 100% auto;
position: relative;
padding: 3vw 0;
}
.texture{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
mix-blend-mode: multiply;
}
header .texture{
background: url("../assets/images_common/headerbg_mobile.jpg") center center no-repeat;
background-size: 100% 100%;
}
header h1{
width: 46%;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
background: url("../assets/images_common/logo.png") center center no-repeat;
background-size: 100%;
aspect-ratio:670/340;
}
header h1 a{
display: block;
width: 100%;
height: 100%;
}

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

header{
background: url("../assets/images_common/headerbg_gear_pc.png") center center no-repeat #FFF;
background-size: 100% auto;
position: relative;
padding: 1.5vw 0;
}
header .texture{
background: url("../assets/images_common/headerbg_pc.jpg") center center no-repeat;
background-size: 100% 100%;
}
header h1{
width: 20%;
}

}


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

}