/* css reset */
html {
    scroll-behavior: smooth;
}

body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
header,
section,
article,
footer {
    margin: 0;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5 'MyFont', tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

em,
b {
    font-style: normal
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

img {
    border: 0
}

li {
    list-style: none outside none;
}

button,
input,
select,
textarea {
    font-size: 100%;
    outline: none
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

td,
th,
ul,
ol {
    padding: 0
}

a:hover {
    text-decoration: none;
    filter: brightness(1.1);
}

@font-face {
    font-family: 'MyFont';
    src: url('../font/MyFont.woff2') format('woff2'),
        url('../font/MyFont.woff') format('woff'),
        url('../font/MyFont.TTF') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

.MyFont {
    font-family: 'MyFont', tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif;
}