@charset "utf-8";

/* ========= 共通  ========= */

/* ◇ .box_info_a
-------------------------------- */
body .box_info_a {
	&._noshadow {
		box-shadow: none;
        border-color: #E1ECFF;
	}
}


/* ◇ .card_list_a
-------------------------------- */
body .card_list_a {
	&._single {
        article {
            grid-column: 1;

            @media screen and (min-width: 1024px) {
                grid-column: 2;
            };
        }
	}

    @media (max-width: 599px) {
        &._sp_col1 {
            grid-template-columns: repeat(1, 1fr)!important;
        }
    }
}



body dl.category {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    padding: 18px 2em;
    gap: 16px 0.8em;

    @media screen and (min-width: 1024px) {
        padding: 38px 100px;
        gap: 16px 4em;
        flex-direction: row;
    }

    dt {
        color: #303336;
        font-size: var(--font-size-large);
        font-weight: 700;
        flex-shrink: 0;
    }

    dd {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;

        ul.category_list{
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            align-items: center;
            gap: 8px;

            li{
                display: flex;
                flex-wrap: nowrap;
                flex-direction: row;
                align-items: center;
                gap: 4px;
            }
            
            @media screen and (min-width: 1024px) {
                gap: 16px;
            }
        }
    }
}