@charset "UTF-8";

.f9501c {
    color: #f9501c;
}
.ff8d21 {
    color: #ff8d21;
}
.ff6f16 {
    color: #ff6f16;
}
.telbox .orange {
    color: #f44e14;
}
.telbox .green {
    color: #03934b;
}
@media screen and (min-width: 769px) {
    .disp_none769more {
        display: none;
    }
    .smtitle_l div:last-child p {
        float: left;
    }
    .smtitle_l div:last-child h2 {
        float: left;
    }
}
@media screen and (max-width: 768px) {
    @media screen and (min-width: 426px) {
        .img_fit {
            width: 100%;
            height: auto;
        }
    }
    .mb_center {
        float: none;
        text-align: center;
    }
    .block {
        display: block;
    }
    .disp_none768less {
        display: none;
    }
    #subcontent_waku {
        width: calc(100vw - 20px);
        padding: 0 10px 10px;
    }
    .smtitle_l {
        width: 100%;
        float: none;
    }
    .smtitle_l div:last-child p {
        padding: 10px 0 0 0;
    }
    .smtitle_l div:last-child h2 {
        font-weight: normal;
        padding: 0 0 5px 0;
    }
    .sub_waku30 {
        padding: 30px 0;
    }
    .max425center {
        width: 100%;
        max-width: 425px;
        float: none;
        padding: 0;
        margin: 0 auto;
    }
    .step_mid h4 {
        padding: 10px 0 0;
    }
    .telbox {
        width: calc(100% - 20px - 4px);
    }
    .telbox.orange span a {
        color: #f44e14
    }
    .telbox.green span a {
        color: #03934b
    }
    .telbox img {
        width: 98%;
        max-width: 253px;
        height: auto;
    }
    .telbox + .telbox {
        margin: 20px 0 0 0;
    }
    h4.btm_dot div img {
        display: block;
        margin: 0 auto;
    }
    h4.btm_dot div img:first-child {
        width: 58px;
    }
    h4.btm_dot div img:not(:first-child) {
        width: 100%;
        max-width: 425px;
    }
    .step3_l,
    .step5_l {
        width: 100%;
        float: none;
    }
    .sample_image {
        margin: 10px 0 0;
    }
    .sample_image > img {
        width: 100%;
        height: auto;
    }
    .sample_image p {
        text-align: center;
    }
    .step4_list {
        margin: 15px 0 0;
    }
    .step4_l img {
        width: 100%;
        height: auto;
    }
    .voicebox + img {
        width: 100%;
        height: auto;
    }
    .voicebox {
        margin: 15px 0;
    }
    .step5_l p img {
        width: 100%;
        height: auto;
    }
    .step5_r {
        margin: 15px 0 0;
    }
    .bottom_img img {
        width: 100%;
        height: auto;
    }
    .bottom_img + p {
        text-align: left;
    }
}
@media screen and (max-width: 425px) {
    .disp_none425less {
        display: none;
    }
}
@media screen and (min-width: 426px) {
    .disp_none426more {
        display: none;
    }
}