@font-face{
    font-family:'Noto Sans JP';
    src:url('../fonts/NotoSansJP-VariableFont_wght.ttf') format('truetype');
    font-weight:100 900;
    font-style:normal;
    font-display:swap;
}
html{ -ms-overflow-style:auto;scroll-padding-top:20px; }
body,p,a,div,form,ul,th,td,h1,h2,h3,h4{font-size:1em;position:relative;margin:0;padding:0;list-style-type:none;box-sizing:border-box;font-family:'Noto Sans JP',sans-serif;margin:0;padding:0;color:#3d332c;}
.clearfix:after{ content:"";clear:both;display:block; }
a{ outline:none;cursor:pointer;text-decoration:none;vertical-align:baseline;transition:opacity 0.3s; }
a:hover{ opacity:0.7;transition:opacity 0.3s; }
img{ border:none;width:100%; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ display:block; }
.wrap{width: 85.8%;max-width:1040px;margin:0 auto;}
*:focus{ outline:none; }