@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root {
    --black_variant_dark: #313131;
    --black_variant_medium: #6A6A6A;
    --black_variant_light: #A3A3A3;
    --input_placeholder_light_text: hsl(0, 0%, 75%);
    --default_orange: #EC8738;
    --text_orange: #CC782A;
    --default_white: #ffffff;
    --common_boxshadow: 3px 3px 30px rgba(73, 73, 73, 0.12);
    --theme_bg_color: #F9F9F9;
    --popup_overlay_bg_color: rgba(3, 4, 15, 0.5);
    --sign_font_color: #518EF8;
    --hover_primary:#FA9B43;
    --noto_sans: 'Noto Sans', sans-serif;
    --font5: 0.5rem;
    --font6: 0.6rem;
    --font7: 0.7rem;
    --font8: 0.8rem;
    --font9: 0.9rem;
    --font10: 1rem;
    --font11: 1.1rem;
    --font0: 0rem;
    --font1: 0.1rem;
    --noto_sans: 'Noto Sans', sans-serif;
    --left95: 9.5rem;
    --m-top: 12.6rem;
    --width-57: 57.4rem;
    --margin-aut: auto;
    --font12: clamp(0.9rem, 0.814rem + 0.322vw, 1.2rem);
    --font13: clamp(1rem, 0.914rem + 0.322vw, 1.3rem);
    --font14:clamp(0.9rem, 0.757rem + 0.536vw, 1.4rem);
    --font15: clamp(1.2rem, 1.114rem + 0.322vw, 1.5rem);
    --font16: clamp(1.1rem, 0.957rem + 0.536vw, 1.6rem);
    --font17:clamp(1.2rem, 1.057rem + 0.536vw, 1.7rem);
    --font18: clamp(1.3rem, 1.157rem + 0.536vw, 1.8rem);
    --font20: clamp(1.5rem, 1.357rem + 0.536vw, 2rem);
    --font23:clamp(1.3rem, 1.013rem + 1.072vw, 2.3rem);
    --font29: clamp(1.3rem, 0.841rem + 1.716vw, 2.9rem);
    --font35: clamp(1.3rem, 0.669rem + 2.359vw, 3.5rem);    
    --font38: clamp(1.8rem, 1.4rem + 2vw, 3.8rem);
    --font40: clamp(1.6rem, 0.912rem + 2.574vw, 4rem);
    --font50:clamp(1.8rem, 0.882rem + 3.432vw, 5rem);
    --font80: clamp(2.8rem, 1.308rem + 5.576vw, 8rem);
}

.font_08 {
    font-size: var(--font8);
}

.font_10 {
    font-size: var(--font10);
}

.font_11 {
    font-size: var(--font11);
}

.font_12 {
    font-size: var(--font12);
}

.font_13 {
    font-size: var(--font13);
}

.font_14 {
    font-size: var(--font14);
}

.font_16 {
    font-size: var(--font16);
}

.font_17 {
    font-size: var(--font17);
}

.font_18 {
    font-size: var(--font18);
}

.font_20 {
    font-size: var(--font20);
}

.font_23 {
    font-size: var(--font23);
}

.font_29 {
    font-size: var(--font29);
}

.font_35 {
    font-size: var(--font35);
}

.font_38 {
    font-size: var(--font38);
}

.font_40 {
    font-size: var(--font40);
}

.font_50 {
    font-size: var(--font50);
}

.font_80 {
    font-size: var(--font80);
}

.font_weight_300 {
    font-weight: 300;
}

.font_weight_400 {
    font-weight: 400;
}

.font_weight_500 {
    font-weight: 500;
}

.font_weight_600 {
    font-weight: 600;
}

.font_weight_700 {
    font-weight: 700;
}

.font_weight_900 {
    font-weight: 900;
}

.black_dark {
    color: var(--black_variant_dark);
}

.black_medium {
    color: var(--black_variant_medium);
}

.black_light {
    color: var(--black_variant_light);
}

.text_clr {
    color: var(--default_orange);
}

.text_clr_or{
    color: var(--text_orange);
}
.pad_top85{
    padding-top: 8.5rem;
}

.pad_bot85 {
    padding-bottom: 8.5rem;
}

.font_weight_800 {
    font-weight: 800;
}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
    text-decoration: none;
    list-style-type: none;
}

html {
    font-size: 62.5%;
 

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    font-family: var(--noto_sans);
    font-size: 1.6rem;
    line-height: 1.4;
    background: var(--theme_bg_color);
    min-height: 100vh;
    font-style: normal;
}

ul,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: unset;
    padding-left: unset;
}

a ,a:hover{
    color: unset;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}