@charset "UTF-8";

/* ==================================================
   File Name : page-archive.css
   Description : 事例一覧専用のスタイル
   Last Update : 2026-02-27
================================================== */

.width-wide.all_achievements_wrapper {

}
.width-wide.all_achievements_wrapper {
    .group {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-inline: auto;
        gap: 12px;
    }
    .bg-ye.all_achievements_innr {

    }
    .bg-stripe.pbl-md {

    }
    .widthBase {

    }
    .works-list.all_achievements_box {

    }
    .works-list__item.all_achievements_article {

    }
}

@media screen and (max-width: 960px) {
.width-wide.all_achievements_wrapper {

}
.width-wide.all_achievements_wrapper {
    .bg-ye.all_achievements_innr {

    }
    .bg-stripe.pbl-md {

    }
    .widthBase {

    }
    .works-list.all_achievements_box {

    }
    .works-list__item.all_achievements_article {
        width: calc(100% / 2 - 3em / 2);
    }
}
}

@media screen and (max-width: 480px) {
.width-wide.all_achievements_wrapper {

}
.width-wide.all_achievements_wrapper {
    .bg-ye.all_achievements_innr {

    }
    .bg-stripe.pbl-md {

    }
    .widthBase {

    }
    .group {
        gap: 4px;
    }
    .works-list__item.all_achievements_article {
        width: 49.74%;
    }
    .works-list__item-link {
        padding: 6px;
    }
    .works-list__item-link .btn-secondary {
        padding: 5px;
    }
    .works-desc__item {
        display: block;
        width: 100%;
    }    
    .works-desc__item-dt {
        width: 100%;
    }
    .works-desc__item-dd {
        text-align: center;
    }
    .works-list__item-link .btn-secondary::after {
        position: inherit;
        width: 0;
        height: 0;
        border: none;
        background: none;
        content: "";
    }

}
}