@charset "utf-8";

img {
    vertical-align: top;
}

@media (min-width: 769px) {
    .sp {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .pc {
        display: none !important;
    }
}

.fm-enquete {
    margin: 0 auto;
}

.fm-input-view .fm-verticalanswer {
    padding: 4em 1.5em;
    border: solid #fff;
    border-width: 0 5px;
}

.fm-input-view * {
    line-height: 2;
}

.fm-input-view h1 {
    font-size: 2.4em;
    line-height: 1.6;
    color: #212388;
    letter-spacing: 0.05em;
}

@media (max-width: 768px) {
    .fm-input-view h1 {
        font-size: 1.8em;
    }
}

.fm-input-view h2 {
    font-size: 1.6em;
    line-height: 1.6;
    color: #212388;
    letter-spacing: 0.05em;
    border-left: solid 0.2em currentColor;
    background: #fcfae3;
    padding: 0.2em 0 0.4em 0.8em;
}

@media (max-width: 768px) {
    .fm-input-view h2 {
        font-size: 1.3em;
    }
}

.fm-input-view h2:not(:first-child) {
    margin-top: 2em;
}

.fm-input-view ul:not([class]) {
    list-style: none;
    margin: 1.5em 0;
    padding: 0 0 0 1.5em;
}

.fm-input-view ul:not([class]) li {
    position: relative;
    line-height: 1.8;
    margin: 0.5em 0;
}

.fm-input-view ul:not([class]) li::before {
    position: absolute;
    top: 0.5em;
    right: calc(100% + 0.5em);
    display: block;
    content: "";
    width: 0.8em;
    height: 0.8em;
    border-radius: 50%;
    background: #ffd1d6;
}

ul.notes {
    list-style: none;
    font-size: 11px;
    line-height: 1.8;
    margin-top: 1em;
    margin-left: 1em;
    text-indent: -1em;
}

ul.notes li::before {
    content: "※";
}

.footer {
    margin-top: 4em;
    padding: 2.5em 1.5em;
    background: #FFFBC6;
    border-radius: 0.8em;
}

.footer h2 {
    font-size: 1.4em;
    margin: 0 0 1.2em;
}

.footer h2::after {
    display: block;
    content: "";
    width: 1.8em;
    height: 0.2em;
    background: #C01930;
    margin: 1em auto 0;
}

.receipt-bads {
    margin-top: 4em;
}

.receipt-bads_head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 200%;
    color: #fff;
    width: 100%;
    padding: 0.2em 1em;
    background: #212388;
    border-radius: 0.2em;
}

.receipt-bads_head span {
    font-size: 0.6em;
    line-height: 160%;
    margin: 0.5em 0;
}

.receipt-bads_body {
    display: flex;
}

.receipt-bads figure {
    flex: 1;
    margin: 1.5em 0;
}

.receipt-bads figure img {
    width: 100%;
}

.receipt-bads figure figcaption {
    font-size: 0.8em;
    text-align: center;
    color: #333;
}

input[class="btn_next"], input[class="btn_confirm"] {
    background: #212388;
    border-color: #212388;
}