.p-dealCasesList { display: flex; flex-direction: column; gap: var(--spc-6); & + .p-dealCasesList { margin-top: var(--spc-12); }} .p-dealCasesList__title { padding-bottom: var(--spc-4); border-bottom: solid .1rem var(--c-blue); @media (max-width: 768px) { padding-bottom: var(--spc-2); }} .p-dealCasesInterviewees-head { display: flex; background-color: var(--c-blue-700); @media (max-width: 768px) { flex-direction: column; } & > section { flex: 1; & + section { @media (max-width: 768px) { border-top: solid .1rem var(--c-blue-600); } } }} .p-dealCasesInterviewees-content { display: flex; background-color: var(--c-white); @media (max-width: 768px) { flex-direction: column; } & > section { flex: 1; }} .p-dealCasesInterviewee { display: flex;} .p-dealCasesInterviewee-head { width: 12rem; @media (max-width: 768px) { width: 7.2rem; }} .p-dealCasesInterviewee-content { flex: 1; display: flex; align-content: center; flex-wrap: wrap; padding: var(--spc-5) var(--spc-8); @media (max-width: 768px) { padding: var(--spc-4) var(--spc-5); }} .p-dealCasesInterviewee__thumb { aspect-ratio: 1 / 1; background-size: cover; background-position: center; background-repeat: no-repeat;} .p-dealCasesInterviewee__company,.p-dealCasesInterviewee__position,.p-dealCasesInterviewee__name { width: 100%; color: var(--c-blue-100);} .p-dealCasesInterviewee__name { margin-top: var(--spc-1);} .p-dealCasesinterviewContent { padding: var(--spc-16) var(--spc-20) var(--spc-20); border-top: solid .1rem var(--c-blue-200); background-color: var(--c-white); @media (max-width: 1024px) { padding: var(--spc-8) var(--spc-10); } @media (max-width: 768px) { padding: var(--spc-6); }} .p-dealCasesinterviewContent__released { margin-top: var(--spc-16); color: var(--c-blue-400);}