/* BASIC css start */
.title{font-size:40px;font-weight:bold;padding:80px 0 48px;}
.productList {}

.productList > ul {
    display: flex;
    flex-direction: column;
    gap: 68px;
}

.productList > ul > li {
    display: flex;
    align-items: center;
}

.productList > ul > li > a {
    background: var(--subcolor);
    width: 330px;
    border-radius: 15px;
    f
FONT-WEIGHT: 200;
    font-weight: bold;
    font-size: 26px;
    display: flex;
    align-items: center;
    padding: 28px;
    height: 152px;
    box-sizing: border-box;
}

.productList > ul > li > ul {
    width: calc(100% - 330px);
    padding: 30px 0 30px 56px;
    display: flex;
    flex-wrap: wrap;
    gap: 42px 0;
    box-sizing: border-box;
}

.productList > ul > li > ul > li {
    padding: 0 20px;
    border-left: 1px solid #ddd;
    width: 25%;
    box-sizing: border-box;
}

.productList > ul > li > ul > li > a {
    font-size: 21px;
    font-weight: 500;
}
.productList > ul > li > ul > li > a:hover {
    color: #0040A7;
}
/* BASIC css end */