* {
    margin: 0;
    padding: 0;
    line-height: calc(0.5rem + 1.3em + 0.25rem);
    outline: 0;
    color: var(--f_color);
    quotes: none;
    vertical-align: baseline;
    font-family: var(--font_ja);
}
*,
::before,
::after {
    box-sizing: border-box;
}
*:where(:not(fieldset, progress, meter)) {
    border-width: 0;
    border-style: solid;
    background-origin: border-box;
    background-repeat: no-repeat;
}
html {
    block-size: 100%;
    -webkit-text-size-adjust: none;
    /* font-size: 1vw; */
    --f10: 0.625rem;
    --f11: 0.6875rem;
    --f12: 0.75rem;
    --f13: 0.8125rem;
    --f14: 0.875rem;
    --f15: 0.9375rem;
    --f16: 1rem;
    --f17: 1.0625rem;
    --f18: 1.125rem;
    --f19: 1.1875rem;
    --f20: 1.25rem;
    --f21: 1.3125rem;
    --f22: 1.375rem;
    --f23: 1.4375rem;
    --f24: 1.5rem;
    --f25: 1.5625rem;
    --f26: 1.625rem;
    --f27: 1.6875rem;
    --f28: 1.75rem;
    --f29: 1.8125rem;
    --f30: 1.875rem;
    --f31: 1.9375rem;
    --f32: 2rem;
    --f33: 2.0625rem;
    --f34: 2.125rem;
    --f35: 2.1875rem;
    --f36: 2.25rem;
    --f37: 2.3125rem;
    --f38: 2.375rem;
    --f39: 2.4375rem;
    --f40: 2.5rem;
    --f41: 2.5625rem;
    --f42: 2.625rem;
    --f43: 2.6875rem;
    --f44: 2.75rem;
    --f45: 2.8125rem;
    --f46: 2.875rem;
    --f47: 2.9375rem;
    --f48: 3rem;
    --f49: 3.0625rem;
    --f50: 3.125rem;
}
@media (prefers-reduced-motion: no-preference) {
    html:focus-within {
        scroll-behavior: smooth;
    }
}
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    min-block-size: 100%;
    font-size: 100%;
    position: relative;
    letter-spacing: 0.05em;
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block;
}
:where(img, svg, video) {
    block-size: auto;
    max-inline-size: 100%;
}
:where(svg) {
    stroke: none;
    fill: currentColor;
}
:where(svg):where(:not([fill])) {
    stroke: currentColor;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}
:where(svg):where(:not([width])) {
    inline-size: 5rem;
}
:where(input, button, textarea, select),
:where(input[type="file"])::-webkit-file-upload-button {
    color: inherit;
    font: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    -webkit-appearance: none;
}
:where(textarea) {
    resize: vertical;
}
@supports (resize: block) {
    :where(textarea) {
        resize: block;
    }
}
:where(p, h1, h2, h3, h4, h5, h6) {
    overflow-wrap: break-word;
}
h1 {
    font-size: 2em;
}
:where(ul, ol)[role="list"] {
    list-style: none;
}
a:not([class]) {
    text-decoration-skip-ink: auto;
}
:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
    cursor: pointer;
    touch-action: manipulation;
}
:where(input[type="file"]) {
    cursor: auto;
}
:where(input[type="file"])::-webkit-file-upload-button,
:where(input[type="file"])::file-selector-button {
    cursor: pointer;
}
@media (prefers-reduced-motion: no-preference) {
    :focus-visible {
        transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
    }
    :where(:not(:active)):focus-visible {
        transition-duration: 0.25s;
    }
}
:where(:not(:active)):focus-visible {
    outline-offset: 5px;
}
:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"]),
:where(input[type="file"])::-webkit-file-upload-button,
:where(input[type="file"])::file-selector-button {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    text-align: center;
}
:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"])[disabled] {
    cursor: not-allowed;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset {
    border: none;
    padding: 0;
    margin: 0;
}
ul,
ol,
li {
    list-style: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
a,
a:visited {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background-color: transparent;
    color: #2ca6e0;
    transition: var(--tr);
}
a:hover {
    text-decoration: none;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
    height: 0px;
}
.clear {
    clear: both;
}
img {
    width: auto;
    max-width: 100%;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}
img:not([alt]) {
    outline: 3px dashed fuchsia;
}