.documents-section {
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
padding: 4rem 0;
margin: 0;
width: 100%;
}
.decoration-rwd-image-section {
display: none;
} .documents-section-next {
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
padding: 4rem 0;
margin: 0;
width: 100%;
}
.documents-content {
max-width: 1000px;
margin: 0 auto;
padding: 0 2rem;
text-align: center;
} .three-column-layout {
display: flex;
width: 100%;
gap: 2rem;
justify-content: center;
padding: 55px 0;
}
.left-column {
flex: 0;
}
.center-column {
width: 75%;
flex: none;
}
.right-column {
flex: 1;
position: relative;
right: 0;
}
.decoration-image {
width: 250px;
height: auto;
top: -125px;
right: 120px;
max-width: 300px;
object-fit: contain;
position: relative;
}
.decoration-rwd-image {
display: none;
} .documents-list {
display: flex;
flex-direction: column;
gap: 2.5rem;
align-items: flex-start;
}
.list-item {
display: flex;
align-items: center;
gap: 1rem;
width: 100%;
text-align: left;
}
.number-icon {
flex-shrink: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.number-image {
width: 100%;
height: 100%;
object-fit: contain;
}
.list-text {
font-size: 22px;
line-height: 1.5;
color: #000;
flex: 1;
} .industry-section {
padding: 7rem 0 4rem;
margin: 0;
width: 100%;
}
.industry-content {
max-width: 1000px;
margin: 0 auto;
padding: 0 2rem;
text-align: center;
}
.industry-title {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
flex-direction: column;
}
.title-row {
display: flex;
align-items: center;
gap: 1rem;
}
.title-icon {
flex-shrink: 0;
}
.q-icon {
width: 50px;
height: 50px;
}
.industry-description {
font-size: 22px;
line-height: 1.6;
color: #000;
margin-bottom: 2rem;
text-align: justify;
padding: 0 1rem 1rem;
}
.industry-table {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.table-image {
width: 100%;
height: auto;
max-width: 100%;
object-fit: contain;
}  @media screen and (max-width: 480px) {
.documents-list {
gap: 1.6rem;
}
} @media screen and (max-width: 768px) {
.work-content-section {
padding: 2rem 1rem;
}
.content-blocks {
flex-direction: column;
gap: 2rem;
}
.right-column {
flex: 0;
}
.text-block {
order: 1;
}
.image-block {
order: 2;
}
.worker-image {
max-width: 100%;
}
.documents-section {
padding: 3rem 0;
margin: 2rem 0;
}
.documents-section-next {
padding: 3rem 0;
margin: 2rem 0;
background-size: 335% 100%;
background-position: center right;
}
.documents-content {
padding: 0 1rem;
}
.decoration-image {
display: none;
}
.decoration-rwd-image-section {
display: flex;
margin-top: 40px;
justify-content: center;
position: relative;
}
.decoration-rwd-image {
display: flex;
width: 180px;
height: auto;
}
.three-column-layout {
padding: 25px 0;
position: relative;
justify-content: center;
}
.list-item {
gap: 0.8rem;
max-width: 100%;
align-items: flex-start;
}
.number-icon {
width: 35px;
height: 35px;
}
.list-text {
font-size: 0.9rem;
}
.left-column {
display: none;
}
.industry-section {
padding: 3rem 0;
}
.industry-content {
padding: 0 1rem;
}
.industry-title {
flex-direction: column;
margin-bottom: 0;
}
.title-row {
gap: 0.8rem;
margin-bottom: 0.5rem;
}
.q-icon {
width: 40px;
height: 40px;
}
.industry-description {
font-size: 15px;
padding: 0 0.5rem;
}
.industry-table {
max-width: 90%;
}
.table-image {
max-width: 100%;
}
} @media screen and (min-width: 768px) and (max-width: 1024px) {
.hero-image {
min-height: 300px;
}
.work-content-section {
padding: 2.5rem 2rem;
}
.content-blocks {
gap: 2rem;
}
.worker-image {
max-width: 350px;
}
.documents-section {
padding: 3.5rem 0;
}
.documents-section-next {
padding: 3.5rem 0;
}
.documents-content {
padding: 0 2rem;
}
.list-item {
gap: 1rem;
max-width: 700px;
}
.number-icon {
width: 38px;
height: 38px;
}
.list-text {
font-size: 1.05rem;
}
.industry-section {
padding: 3.5rem 0;
}
.industry-content {
padding: 0 2rem;
}
.industry-title {
flex-direction: column;
margin-bottom: 1.5rem;
}
.title-row {
gap: 1rem;
margin-bottom: 0.5rem;
}
.q-icon {
width: 45px;
height: 45px;
}
.industry-description {
font-size: 1.05rem;
padding: 0 1rem;
}
.industry-table {
max-width: 95%;
}
.table-image {
max-width: 100%;
}
} @media screen and (min-width: 1025px) {
.hero-image {
min-height: 400px;
}
.work-content-section {
padding: 3rem 0;
}
.content-blocks {
gap: 3rem;
}
.worker-image {
max-width: 400px;
}
.documents-section {
padding: 4rem 0 10rem;
}
.documents-section-next {
padding: 4rem 0;
}
.documents-content {
padding: 0 2rem;
}
.list-item {
gap: 1rem;
max-width: 800px;
}
.number-icon {
width: 40px;
height: 40px;
}
.list-text {
font-size: 22px;
}
.industry-section {
padding: 7rem 0 4rem;
}
.industry-content {
padding: 0 2rem;
}
.industry-title {
flex-direction: column;
margin-bottom: 0;
}
.title-row {
gap: 1rem;
}
.q-icon {
width: 50px;
height: 50px;
}
.industry-description {
padding: 0 1rem 1rem;
}
.industry-table {
max-width: 100%;
}
.table-image {
max-width: 100%;
}
}