body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-family: 'NG R' !important;
    margin: 0;
    color: #333;
    line-height: normal
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

button,
input {
    outline: 0;
    border: none;
    color: #333
}

input::placeholder,
textarea::placeholder {
    color: #999;
    word-break: keep-all;
    font-family: 'NG R' !important
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url] {
    padding: 0 1.2rem;
    margin: 0;
    height: 3.5rem;
    font-size: 1.5rem;
    vertical-align: top;
    font-family: 'NG B' !important;
    background-color: #e9ecef
}

textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #c9c9c9;
    padding: 1.5rem;
    font-size: 1.6rem;
    font-family: 'NG R' !important;
    outline: 0;
    resize: none;
    border-radius: .3rem
}

a {
    text-decoration: none;
    color: inherit
}

p {
    margin: 0;
    padding: 0
}

a,
label,
span {
    display: inline-block
}

a,
button,
div,
input,
li,
span,
ul {
    -webkit-tap-highlight-color: transparent
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

dd,
dl,
dt {
    margin: 0
}

button {
    margin: 0;
    padding: 0;
    border: none;
    color: inherit;
    background-color: transparent;
    font-family: inherit
}

img {
    max-width: 100%
}

iframe {
    padding: 0;
    margin: 0;
    border: none
}

* {
    outline: 0
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input::-webkit-search-cancel-button,
input::-webkit-search-decoration,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.container {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: auto
}

header {
    position: relative
}

.main {
    flex: 1 0 auto
}