@charset "utf-8";
/* CSS Document */
.bnr {
    text-align: center;
    margin: 0 auto 10px;
    max-width: 840px;
}
.btn {
    text-align: center;
    margin: 1em auto 40px;
    max-width: 600px;
}
.btn02 {
    text-align: center;
    margin: 2em auto 30px;
    max-width: 450px;
}
.ttl {
    text-align: center;
    margin: 0;
}
.main_area__conts {
    text-align: left;
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    padding: 10px 0 0 0;
}
.content p, .main_area__conts dl dd {
    font-size: clamp(1rem, calc(0.65rem + 1vw), 1.2rem);
    font-weight: bold;
    line-height: 1.5;
}
.main_area__conts dl dt {
    font-size: clamp(1.5rem, calc(0.75rem + 1vw), 2.5rem);
    font-weight: bold;
    line-height: 1.5;
}
.main_area__conts dd > ol {
    color: #da6100;
}
.main-ttl {
    margin: 0 0 30px;
    text-align: center;
}
@media screen and (max-width: 640px) {
    #main_area {
        padding: 20px 2%;
    }
    .btn {
        text-align: center;
        margin: 0 auto 1.5em;
    }
    .btn02 {
        text-align: center;
        margin: 1em auto 30px;
    }
    .main_area__conts {
        width: 96%;
        margin: 0 auto 20px;
    }
}