@charset "UTF-8";

.p-rainbow_u-mv {
    background: url(../img/about/about_ttl_bg.jpg) no-repeat right top;
    background-size: auto 100%;
}

.p-rainbow_u-mv p {
    width: 28%;
}

.p-about_cont01_ttl.p-rainbow_cont01_ttl {
    background: url(../img/rainbow/pic_reinbow.png) no-repeat top center;
    background-size: 16% auto;
    padding: 12% 0 2% 0;
}

@media screen and (max-width: 768px) {
    .p-rainbow_u-mv {
        background: #ed700a url(../img/about/about_ttl_bg.jpg) no-repeat right top;
        background-size: 100% auto;
        padding-top: 46%;
        padding-bottom: 9%;
    }

    .p-rainbow_u-mv p {
        width: 35%;
        margin-left: auto;
        margin-right: auto;
    }

    .p-about_cont01_ttl.p-rainbow_cont01_ttl {
        background: url(../img/rainbow/pic_reinbow.png) no-repeat top center;
        background-size: 20% auto;
        padding: 14% 0 2% 0;
    }

}

.p-rainbow_cont_p {
    width: 28%;
}

.p-rainbow_cont_lead {
    text-indent: 1em;
    line-height: 1.9;
    width: 68%;
}

.p-rainbow_cont_lead p {
    margin-bottom: 20px;
}

.p-rainbow_flow {
    width: 80%;
    margin: 5% auto;
}

@media screen and (max-width: 768px) {
    .p-rainbow_cont_p {
        width: 50%;
        margin: 0 auto 20px auto;
    }

    .p-rainbow_cont_lead {
        line-height: 2.0;
        width: 100%;
    }

    .p-rainbow_cont_lead p {
        margin-bottom: 20px;
    }

    .p-rainbow_flow {
        width: 100%;
        margin: 5% auto 0 auto;
    }

}

.c-faq_dl {
    margin-bottom: 40px;
}

.c-faq_dl dt {
    background-color: #f5f4f2;
    padding: 10px 16px 10px 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.c-faq_dl dt,
.c-faq_dl dd {
    overflow: hidden;

}

.c-faq_dl dd {
    padding: 0 16px 0 15px;
    line-height: 2.0;
}

span.c-faq_ico {
    font-weight: bold;
    font-size: 4.5rem;
    width: 6%;

    float: left;
    display: inline-block;
    line-height: 1.0;
}

.c-faq_lead {
    display: inline-block;
    float: right;
    width: 93%;
}

.c-faq_lead_q {
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 1.8;
    padding-top: 2px;
}

.c-faq_lead_a {
    line-height: 1.9;
}

.c-faq {
    margin-top: 100px;
}

@media screen and (max-width: 768px) {
   

    .c-faq_dl dt {
       
        padding: 10px 3%;
        border-radius: 5px;
    }

    

    .c-faq_dl dd {
        padding: 0 16px 0 15px;
        line-height: 2.0;
    }

    span.c-faq_ico {
        font-size: 2.8rem;
        width: 8%;

    }

    .c-faq_lead {
        width: 90%;
    }

    .c-faq_lead_q {
        font-size: 1.6rem;
        line-height: 1.7;
        padding-top: 0px;
    }

    .c-faq_lead_a {
        line-height: 2.0;
    }

    .c-faq {
        margin-top: 60px;
    }
}
