/* ==========================================================================
   toppage
   ========================================================================== */
/* p-faq
----------------------------------------------------------------- */
.p-faq__tab
{
    width: 15.833%;
}
@media screen and (max-width: 1024px)
{
    .p-faq__tab
    {
        width: 32.6666%;
    }
}
.p-faq__box
{
    padding-top: 60px;
}
@media screen and (max-width: 1479px) and (min-width: 1280px)
{
    .p-faq__box
    {
        padding-top: 3.1395348837vw;
    }
}
@media screen and (max-width: 1279px) and (min-width: 1024px)
{
    .p-faq__box
    {
        padding-top: 3.2432432432vw;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-faq__box
    {
        padding-top: 6.4453125vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-faq__box
    {
        padding-top: 8.59375vw;
    }
}
.p-faq__box__dt
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: clamp(24px, 24px + .0357142857 * (100vw - 600px), 30px);

    grid-gap: 10px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.p-faq__box__dt::before
{
    display: inline-block;

    width: 9px;
    height: 30px;

    content: '';

    background-color: #060b96;
}
@media screen and (max-width: 1024px)
{
    .p-faq__box__dt::before
    {
        -webkit-transform: translateY(2px);
                transform: translateY(2px);
    }
}
@media screen and (max-width: 767px)
{
    .p-faq__box__dt::before
    {
        -webkit-transform: translateY(7px);
                transform: translateY(7px);
    }
}
.p-faq__box__dt__text
{
    font-size: clamp(25px, 25px + .0111607143 * (100vw - 1024px), 35px);
    font-weight: 400;

    max-width: calc(100% - 10px - 9px);

    color: #060b96;
}
@media screen and (max-width: 1024px)
{
    .p-faq__box__dt__text
    {
        font-size: clamp(20px, 20px + .0595238095 * (100vw - 600px), 30px);
    }
}
.p-faq__box__dd
{
    font-size: 17px;
    font-weight: 300;

    padding: clamp(20px, 20px + .0595238095 * (100vw - 600px), 30px) clamp(25px, 25px + .1488095238 * (100vw - 600px), 50px);

    background-color: rgba(6, 11, 150, .06);
}
.p-faq__box:nth-of-type(odd)
{
    background-color: rgba(6, 11, 150, .06);
}
.p-faq__box:nth-of-type(odd) .p-faq__box__dd
{
    background-color: #fff;
}