:root {
    --secondary-01: #2E7A5D;
    --secondary-02: #4DA977;
    --secondary-03: #99CEB1;
    --secondary-04: #E6F3EC;
    --gray-01: #000000;
    --gray-02: #585858;
    --gray-03: #C4C4C4;
    --gray-04: #E8E8E8;
    --danger-01: #FFF0E2;
    --danger-02: #E9BE98;
    --danger-03: #F2994A;
}

@font-face {
    font-family: 'Forma DJR Text';
    src: url('fonts/FormaDJRText-Bold.woff2') format('woff2'), url('fonts/FormaDJRText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Forma DJR Text';
    src: url('fonts/FormaDJRText-Regular.woff2') format('woff2'),
        url('fonts/FormaDJRText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Editor';
    src: url('fonts/Editor-Bold.woff2') format('woff2'),
        url('fonts/Editor-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yellowtail';
    src: url('fonts/Yellowtail-Regular.woff2') format('woff2'),
        url('fonts/Yellowtail-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


* {
    text-decoration: none !important;
    outline: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

html {
    font-size: 62.5% !important;
}

a {
    display: inline-block !important;
    color: inherit !important;
    text-decoration: none !important;
}

a:hover {
    display: inline-block !important;
    color: var(--secondary-01) !important;
    text-decoration: none !important;
}

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

p {
    font-size: 1.6rem !important;
    line-height: 2.2rem !important;
    color: var(--gray-01) !important;
    letter-spacing: 0.04em !important;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Editor', sans-serif !important;
    line-height: 130% !important;
    color: var(--gray-01) !important;
    font-weight: 700 !important;
}

input,
select,
textarea {
    font-weight: 400 !important;
}

body {
    margin: 0 !important;
    padding: 0 !important;
}

img {
    width: 200px !important;
    margin: 28px;
}

.collapser {
    display: none !important;
}

.ellipsis {
    display: none !important;
}

.collapsible {
    display: block !important;
}