@charset 'UTF-8';

/*キャンペーン訴求部分*/
.paci_cpbox {
    background-color: var(--bk-dbeige);
    padding: 3% 5%;
    border-radius: 20px;
    margin: 100px 0;

    @media screen and (max-width: 768px) {
        padding: 7% 5% 8%;
        margin: 70px 0;
    }
}

.paci_cpbox > p {
    margin: 0 0 20px;
    text-align: center;
    font-weight: bold;
    color: var(--fc-fc-ksgray);
    font-size: 3.0rem;
    line-height: 1.3;
    @media screen and (max-width: 498px) {
        font-size: 2.2rem;
    }
}

.paci_cpbox > p span.tcom_ {
    margin: 0 0 0 10px;
    @media screen and (max-width: 768px) {
        display: block;
        margin: 0;
    }
}

.paci_cpbox > p span.tcom_ > span {
    font-size: 3.6rem;
    @media screen and (max-width: 498px) {
        font-size: 2.8rem;
    }
}

.sp_wapper_block {
    gap: 15px;
    margin: 0 0 -20px;
    @media screen and (max-width: 500px) {
        gap: 5px;
    }
    @media screen and (max-width: 398px) {
        gap: 15px;
    }
}

.sp_wapper_block .column3 {
    @media screen and (max-width: 500px) {
        width: calc((100% - 5px) / 2);
    }
    @media screen and (max-width: 398px) {
        width: 100%;
    }
}

.sp_wapper_block .column3 img{
    border: solid 1px var(--lc-lgray)!important;
}


/*アンカー部分*/
.paci_ancbox {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 1px;
    margin: 0 0 100px;
    @media screen and (max-width: 768px) {
        justify-content: center;
        margin: 0 0 70px;
    }
}

.paci_ancbox a {
    width: calc((100% - 4px) / 5);
    @media screen and (max-width: 768px) {
        width: calc((100% - 2px) / 3);
    }
    @media screen and (max-width: 498px) {
        width: calc((100% - 1px) / 2);
    }
}


/*カテゴリー内*/
.gap0 {
    gap: 0;
    margin: 100px 0 70px;
}

.sp_wapper_block .column2 {
    width: 50%;

    @media screen and (max-width: 1050px) {
        width: 100%;
    }
}

.cp_icon > h4 {
    background: #E32534;
    justify-content: center;
    color: var(--fc-white);
    height: 50px;
    padding: 0 10px;
    line-height: 1.3;
    display: flex;
    align-items: center;

    @media screen and (max-width: 768px) {
        height: 70px;
    }
}