/* font setting */
@font-face {
  font-family: 'SUIT';
  src: url('../font/SUIT-Light.ttf');
  font-weight: 300;
}
@font-face {
  font-family: 'SUIT';
  src: url('../font/SUIT-Regular.ttf');
  font-weight: 400;
}
@font-face {
  font-family: 'SUIT';
  src: url('../font/SUIT-Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: 'SUIT';
  src: url('../font/SUIT-SemiBold.ttf');
  font-weight: 600;
}
@font-face {
  font-family: 'SUIT';
  src: url('../font/SUIT-Bold.ttf');
  font-weight: 700;
}
@font-face {
  font-family: 'SUIT';
  src: url('../font/SUIT-ExtraBold.ttf');
  font-weight: 800;
}

html {position: relative;}
html, body {height: 100%; scroll-behavior: smooth;}

* {padding: 0; margin: 0; border: 0; box-sizing: border-box; font-family: 'SUIT', sans-serif; color: #000; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.03px; overflow-wrap: break-word;}
ul, li, ol, dl, dt, dd {list-style: none;}
span, b {display: inline-block; vertical-align: top;}
a {display: block; color: #353535; text-decoration: none;}
a:link, a:active, a:visited {color: inherit;}
button {display: inline-block; border: 0; background: none; cursor: pointer;}
* > button {display: block; width: 100%; height: 100%;}
table {display: table; width: 100%; table-layout:fixed;}
table, tr, td, th, thead, tbody, tfoot, caption {table-layout:fixed; border-collapse: collapse;}
img {display: block; width: 100%;}
input {display: block; overflow: hidden; width: 100%; height: 100%; padding: 12px; background-color: #fff; border-radius: 4px; color: #333; font-size: 16px; line-height: 24px; -webkit-appearance:none;}
input::placeholder {color:#aaa;}
input:focus,
input:focus-visible {border-radius: 4px; outline: 1px solid #000; box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);}
input:disabled, input:disabled::placeholder {background-color: #f5f5f5; color: #777; opacity:1;  -webkit-text-fill-color: inherit }
i {font-style: normal; font-size: inherit; line-height: inherit; font-weight: inherit;}