@charset "utf-8";

* {
    margin: 0;
}

img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.relative {
    position: relative;
}

.wrapper {
    max-width: 750px;
    margin: 0 auto;
}

.cv01_btn {
    position: absolute;
    width: 90.03%;
    top: 48.94%;
    left: 50%;
    transform: translateX(-50%);
}

.cv02_btn {
    position: absolute;
    width: 90.03%;
    top: 48.94%;
    left: 50%;
    transform: translateX(-50%);
}

.cv03_btn {
    position: absolute;
    width: 90.03%;
    top: 48.94%;
    left: 50%;
    transform: translateX(-50%);
}

.cv04_btn {
    position: absolute;
    width: 90.03%;
    top: 48.94%;
    left: 50%;
    transform: translateX(-50%);
}

.sec07_btn {
    position: absolute;
    width: 84.267%;
    top: 98.55%;
    left: 50%;
    transform: translateX(-50%);
}

.sec10_inner {
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
}

.qanda {
    width: 100%;
    margin: 0 auto;
    background: #faf6ec;
}

.toggle {
    padding-bottom: 0.6%;
}

.toggle:last-child {
    padding-bottom: 8%;
}

.toggle dt .inner {
    width: 100%;
    display: block;
    cursor: pointer;
}

.answer {
    padding-bottom: 0.6%;
    background: #ffffff;
}

.answer:last-child {
    padding-bottom: 0;
}

.inner>span:last-of-type,
.inner.active>span:first-of-type {
    display: none;
}

.inner.active>span:last-of-type {
    display: inline;
}

.qanda dd {
    display: none;
}

.footer_inner {
    position: absolute;
    width: 58.266%;
    top: 6.65%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}

.floating {
    max-width: 750px;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 10;
}

.floating_inner {
    position: absolute;
    top: -1%;
    width: 88%;
    left: 50%;
    transform: translateX(-50%);
}

.btn:hover {
    filter: brightness(110%);
}

.btn {
    transition: filter 0.3s;
}

dd {
    position: relative;
}

dd .relative:not(:first-child) {
    margin-top: 4px;
}

@media all and (min-width: 0px) and (max-width: 749px) {
    .footer_inner {
        position: absolute;
        width: 58.266%;
        top: 8%;
        left: 50%;
        transform: translateX(-50%);
        display: block;
    }
}