.p-aboutUsPhilosophy { display: flex; justify-content: center; padding-top: var(--spc-8); @media (max-width: 1024px) { justify-content: flex-start; } @media (max-width: 768px) { padding-top: 0; }} .p-aboutUsMessage { padding-top: var(--spc-28); background-color: var(--c-white); @media (max-width: 768px) { padding-top: var(--spc-16); }} .p-aboutUsMessage-head { display: flex; flex-direction: column; gap: var(--spc-6);} .p-aboutUsMessage-content { display: flex; flex-direction: column; gap: var(--spc-10); @media (max-width: 768px) { gap: var(--spc-6); } ul { display: flex; flex-direction: column; gap: var(--spc-2); width: fit-content; padding-block: var(--spc-6); border-top: solid .1rem var(--c-blue-100); border-bottom: solid .1rem var(--c-blue-100); & > li { display: flex; gap: 1em; &::before { content: ''; width: 1.5em; height: .1rem; margin-top: calc(var(--line-height) * .5 - .1rem); background-color: var(--c-blue-600); } } }} .p-aboutUsMessage__title span { display: block;} .p-aboutUsMessage__speaker { display: flex; flex-direction: column; gap: var(--spc-1);} .p-aboutUsMessage__speaker-head { color: var(--c-blue-600);} .p-aboutUsMessage__speaker-content { color: var(--c-blue);} .p-aboutUsCompanyProfile-inner { background-color: var(--c-white);} .p-aboutUsCompanyProfile__item { display: flex; flex-wrap: wrap; gap: var(--spc-6); padding: var(--spc-8) var(--spc-12); @media (max-width: 768px) { padding: var(--spc-6) var(--spc-8); gap: var(--spc-4); } @media (max-width: 480px) { flex-direction: column; gap: var(--spc-2); padding: var(--spc-4) var(--spc-5); } & + .p-aboutUsCompanyProfile__item { border-top: solid .1rem var(--c-blue-100); }} .p-aboutUsCompanyProfile__item-head { width: 12rem; color: var(--c-blue-600); @media (max-width: 768px) { width: 8rem; }} .p-aboutUsCompanyProfile__item-content { flex: 1; display: flex; flex-direction: column; gap: var(--spc-6);}