@charset "UTF-8";
body.top {
min-height: 100dvh;
background: #fcebda; }
.header {
position: static; }
.header > .inner {
margin: 0 auto;
flex-wrap: nowrap; }
@media screen and (min-width: 768px) {
.header > .inner {
max-width: 1200px;
width: 100%;
justify-content: flex-start;
align-items: center; } }
.header .appealBox {
width: 100%; }
@media screen and (min-width: 768px) {
.header .appealBox {
width: 32%;
-ms-flex: 0 1 auto;
flex: 0 1 auto; } }
.header .logoBox {
width: 42%; }
@media screen and (min-width: 768px) {
.header .logoBox {
width: 180px; } }
.footer {
position: sticky;
top: 100%; }
.footer .copyrightBox {
padding: 1.5em; }