@charset "UTF-8";

a:hover {
    opacity: 0.8;
    text-decoration: none;
}

/* background-imageで指定するとスクロール時に上下に空白がチラつくため画像として固定 */
.background {
    position: fixed;
    width: 100%;
    height: auto;
    background-color: #005dc9;
}

.main {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

.main__kv-logo {
    display: block;
    position: fixed;
    top: 8px;
    left: calc(50% - 423px);
    width: 208px;
    height: auto;
}

.campaign {
    position: relative;
    z-index: 6;
    width: 500px;
    box-shadow: 0 -8px 20px 0 rgba(255, 255, 255, 0.7);
}

.campaign__trial,
.campaign__trial-image {
    width: 115px;
    height: 64px;
}

.campaign__title:before {
    height: 20px;
}

.campaign__title-image {
    width: 226px;
    height: 69px;
}

.banner,
.banner__image {
    width: 250px;
    height: 90px;
}

.nav {
    width: 476px;
}

.nav__button {
    width: 100%;
}

.footer {
    position: relative;
    z-index: 1;
    width: 500px;
    margin: 0 auto;
    box-shadow: 0 -8px 20px 0 rgba(255, 255, 255, 0.7);
}

/* question用css */
.question {
    min-height: calc(100vh - 160px);
}

.question__title-line {
    position: relative;
    height: 20px;
}