@charset "utf-8";

.support_comment {
    margin: 3em 0 0 0;
}

.image_box {
    background: #e0f2fe;
    padding: 2em 3%;
}

.image_box .img_area {
    width: 23%;
}

.image_box .text_area {
    width: 72%;
}

.sample_btn a {
    border-radius: 100vh;
    background: #69b9ff;
    padding: 0.8em 3em;
    margin: 0 30px;
    color: #fff;
    font-size: 1.2em;
}

.sample_btn a::after {
    content: "▶";
    padding: 0 0 0 11px;
}

.nagare {
    justify-content: center;
    margin: 0 0 4em 0;
    padding: 0 0 0 2em;
}

.nagare li {
    list-style: decimal;
    margin: 0 0 0.8em 0;
}

.price {
    justify-content: center;
    width: 80%;
    margin: 0 auto 4em;
}

.price dl {
    border-bottom: dotted 1px #ccc;
    margin: 0 0 0.8em 0;
}

.price dt {
    width: 60%;
}

.price dd {
    width: 38%;
    text-align: right;
}

.kouza {
    border: solid 1px #ccc;
    padding: 2em 3em;
    justify-content: center;
    flex-direction: column;
    width: 60%;
    margin: 0 auto;
    background: #fff;
}

.kouza p {
    text-align: center;
}

.moshikomi {
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.btn_moshikomi a {
    border-radius: 100vh;
    background: #ff2a2a;
    padding: 0.8em 3em;
    margin: 0 30px;
    color: #fff;
    font-size: 1.2em;
    display: inline-block;
}

.moshikomi p {
    padding: 2em 0 0 0;
    margin: 0 0 2em 0;
}

@media (max-width: 899px) {
    .price {
        width: 96%;
    }

    .kouza {
        width: 80%;
    }
}

@media (max-width: 599px) {

    .price dt,
    .price dd {
        width: 100%;
        margin: 0 0 0.2em 0;
    }

    .kouza {
        width: 100%;
    }
}