.jobPage { width: 100%; min-height: 100dvh; padding: 7.5rem 6.25rem; .jobPageHeaderLine { height: 6.25rem; border-bottom: .0625rem solid #222222; display: flex; .jobPageHeaderLineBack { display: inline-flex; align-items: center; cursor: pointer; } } .jobPageHeader { padding: 3.75rem 10rem; .jobPageHeaderTitle { font-weight: 700; font-size: 2rem; color: #222222; line-height: 2.625rem; /* text-align: center; */ font-style: normal; text-transform: none; margin-bottom: 1.25rem; } .jobPageHeaderTimeLine { font-weight: 400; font-size: 1.25rem; color: #333333; line-height: 1.875rem; display: flex; gap: 1.875rem; } } .jobPageContent { font-size: 1.25rem; padding: 0 10rem; } .jobPageContentTitle { font-family: Source Han Sans, Source Han Sans; font-weight: 600; font-size: 1.5rem; color: #222222; line-height: 2.125rem; text-align: left; font-style: normal; text-transform: none; } .jobPageContentText { font-family: Source Han Sans, Source Han Sans; font-weight: 400; font-size: 1.125rem; color: #333333; line-height: 2.25rem; text-align: left; font-style: normal; text-transform: none; white-space: pre-line; } } @media (max-width: 48rem) { .jobPage { padding: 6rem 3rem; } .jobPage .jobPageHeader { padding: 2.5rem 2rem; } .jobPage .jobPageContent { padding: 0 2rem; } } @media (max-width: 30rem) { .jobPage { padding: 5rem 1.25rem; } .jobPage .jobPageHeader { padding: 2rem 0; } .jobPage .jobPageContent { padding: 0; } .jobPage .jobPageHeaderLine { height: auto; padding-bottom: 1rem; } }