/* --------------------------------reset-------------------------------- */
* {padding: 0; margin: 0; box-sizing: border-box}
html, body {font-size: 16px}
body {font-family: 'Rubik', 'IBMPlexSans', sans-serif; color: #333; letter-spacing: -0.05em}
a {text-decoration: none; color: inherit}
ol,ul {list-style: none}
button {background: none; border:none; cursor:pointer}
table {border-spacing: 0; border-collapse: collapse}
button, input, select {font-family: 'Rubik', 'IBMPlexSans', sans-serif}
@media screen and (min-width:1024.1px) and (max-width:1280px) {
    html, body {font-size: 14px}
}/* lg */
@media screen and (min-width:767.1px) and (max-width:1024px) {
    html, body {font-size: 13px}
}/* md */
@media screen and (max-width:767px) {
    html, body {font-size: 12px}
}/* sm */
/* --------------------------------reset end-------------------------------- */


/* --------------------------------common-------------------------------- */
/* .ofy_hidden {position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden} */
html.ofy_hidden {height: 100%}
html.ofy_hidden body {height: 100%; overflow: hidden}
#wrap {position: relative; max-width: 1920px; min-width: 320px; margin: 0 auto}
.clearfix::after {content:""; clear: both; display: block; }
.blind {border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap}
.pos_center {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%)}
.f_rubik {font-family: 'Rubik', sans-serif}
.f_ibm {font-family: 'IBMPlexSans', sans-serif}
.f_campton {font-family: 'Campton', sans-serif}
.inner {position: relative; width: 92%; margin: 0 auto}
.ellipsis_01 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.ellipsis_02 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
@media screen and (min-width:767.1px){ 
    .brm {display: none} 
}/* xlg ~ md */
@media screen and (max-width:767px){ 
    .brd {display: none} 
}/* sm */
/* --------------------------------common end-------------------------------- */



@media screen and (min-width:1280.1px) {

}/* xlg */

@media screen and (min-width:1024.1px) and (max-width:1280px) {
  
}/* lg */

@media screen and (min-width:767.1px) and (max-width:1024px) {
    
}/* md */

@media screen and (max-width:767px) {
  
}/* sm */