@charset "UTF-8";

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html, body, header, main, section, article, footer, nav, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6, div { margin: 0; padding: 0; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
ul, ol { list-style: none; }
button, input, select { margin: 0; }
:focus-visible { outline: none; }
html { box-sizing: border-box; }
*, *::before, *::after { font-family: inherit; box-sizing: inherit; }
img, video { height: auto; max-width: 100%; vertical-align: bottom;}
iframe { border: 0; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0;}
a { text-decoration: none; cursor: pointer; color: inherit;}
address { font-style:normal;}
input, textarea, select { border-radius: 0; outline: none; box-shadow: none; font-size: inherit; font-weight: inherit; letter-spacing: inherit;}
textarea { resize: none;}

button { padding: 0; background-color: transparent; border: none; outline: none; background-repeat: no-repeat; background-position:center; background-size: cover; line-height: 1; cursor: pointer;}

input[type="radio"],
input[type="checkbox"] { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; visibility: hidden;}

input::placeholder,
textarea::placeholder { font-size: inherit; font-weight: inherit; color: var(--text-400); opacity: 0.8;}

/* ============== common ==============  */

html { margin: 0 auto; min-height:100%; font-size: 16px; -webkit-overflow-scrolling : touch !important; overflow-y: auto; overflow-x:hidden; overscroll-behavior: none;
}

caption, .hidden { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}

.ellipsis { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}