@charset "utf-8";.dynamic-sub{margin:2rem 0 2rem 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:1.2rem}.dynamic-sub li{flex:1 1 20rem;max-width:30rem;list-style:none}.dynamic-sub li>a{display:block;width:100%;padding:1.2rem 1.6rem;border:0.15rem solid #C8B79A;background-color:#fff;color:#3D2A20;text-decoration:none;font-size:2rem;border-radius:0;box-sizing:border-box;transition:background-color 0.25s ease,        border-color 0.25s ease,        color 0.25s ease}.dynamic-sub li>a:hover{background-color:#F0E7D9;border-color:#7A4F3A;color:#7A4F3A}.dynamic-sub li.active>a{background-color:#5E3B32;border-color:#5E3B32;color:#FDFBF7}