/* reset */
html { box-sizing: border-box; scroll-behavior:smooth; letter-spacing: -0.5px; }
body { margin: 0; padding: 0; font-weight: inherit; color: #000; word-break: keep-all; }

*,*:before,*:after{ box-sizing: inherit; outline: none; -webkit-tap-highlight-color: transparent; }
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; }
p, h1, h2, h3, h4, h5, h6, figure, form, fieldset { margin: 0; padding: 0; border: 0; font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: none; }
img { border: 0; vertical-align: middle; font-size: 0; max-width: 100%; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; width: 100%; }
button, select, input, textarea { font-size: inherit; }
b, strong{ font-weight: normal; }
address,em,i{ font-style: normal; }
button{ color: inherit; border:0; background:none; cursor:pointer; }
hr{ margin: 0; padding: 0; border: none; display: block; }
header, footer, article, section, aside, nav, main { display: block; }
button, input, select, textarea {  font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; padding: 0; }

/* str cut */
.str-cut { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.str-cut2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: calc(1em * 1.4 * 2) !important; line-height: 1.4 !important; }


/* none & block */
@media screen and (max-width:1180px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:640px) {
}