* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}

/* font-size */

:root {
    --fz-18: clamp(16px, 2vw, 18px);
    --fz-20: clamp(16px, 2vw, 20px);
    --fz-23: clamp(16px, 2vw, 23px);
    --fz-25: clamp(18px, 2.5vw, 25px);
    --fz-28: clamp(18px, 2.5vw, 28px);
    --fz-30: clamp(20px, 3vw, 30px);
    --fz-32: clamp(20px, 3vw, 32px);
    --fz-35: clamp(24px, 3vw, 35px);
    --fz-38: clamp(26px, 3vw, 38px);
    --fz-45: clamp(28px, 4vw, 45px);
    --fz-60: clamp(32px, 4vw, 60px);
    --fz-80: clamp(40px, 4.1vw, 80px);
}

.fz-18 {
    font-size: var(--fz-18);
}

.fz-20 {
    font-size: var(--fz-20);
}

.fz-23 {
    font-size: var(--fz-23);
}

.fz-25 {
    font-size: var(--fz-25);
}

.fz-28 {
    font-size: var(--fz-28);
}

.fz-30 {
    font-size: var(--fz-30);
}

.fz-32 {
    font-size: var(--fz-32);
}

.fz-35 {
    font-size: var(--fz-35);
}

.fz-38 {
    font-size: var(--fz-38);
}

.fz-45 {
    font-size: var(--fz-45);
}

.fz-60 {
    font-size: var(--fz-60);
}

.fz-80 {
    font-size: var(--fz-80);
}

/* margin */
.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-100 {
    margin-top: 100px;
}

/* font-weight */
.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

/* font */

/* font01 */
@font-face {
    font-family: 'Paperlogy-1Thin';
    src: url('../font/Paperlogy-1Thin.ttf');
}

@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('../font/Paperlogy-4Regular.ttf');
}
@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('../font/Paperlogy-7Bold.ttf');
}

html,
body {
    height: auto;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Paperlogy-4Regular';
    font-size: 16px;
}

p,h1,h2,h3,h4,h5,a {
    word-wrap: break-word;
    word-break: keep-all;

}

img,
video {
    display: block;
}


:root {
    --color: #fff;
    --gradient-color: linear-gradient(to right, #466AC8, #a1aed0);

}

.color_w {
    color: var(--color);
}

.color_gradient {
    background: var(--gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.back_gradient {
    background: var(--gradient-color);
}

.text_center {
    text-align: center;
}

.lh {
    line-height: 1.2;
}

.white {
    color: #fff;
}

.black {
    color: #000;
}

img {
    width: 100%;
}



.flex-cetner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}