.member {
display: flex;
align-items: flex-start;
gap: 2rem;
} .member_portrait {
width: 30%;
}
.crew .lawyer_img_box {
aspect-ratio: 1/1.5;
max-height: 600px;
width: 100%;
}
.crew .lawyer_img {
object-position: bottom;
}
.crew .lawyer_border {
position: relative;
} .member .lawyer_name_p {
padding: 1rem 0;
}
.member .lawyer_name_p {
font-size: clamp(1.7rem, 1.5vw + 1rem, 2.2rem);
}
.member_text {
font-size: clamp(1rem, .1vw + 1rem, 1.2rem);
}
.leaders_box h3 {
font-size: min(max(.9rem, 1.6vw), 1.1rem);
}
.leaders_box p {
font-size: min(max(.9rem, 1.6vw), 1.1rem);
} .member_text {
width: 70%;
line-height: 1.5;
display: flex;
flex-direction: column;
gap: 1rem;
margin: auto 0;
} .member .leaders_logo_box {
margin: 1rem 0;
width: 20%;
min-width: 200px;
}
.leaders_box {
padding: 2rem 0 0;
}
.leaders_box h3 {
text-align: left;
}
@media all and (max-width: 1800px) {
.member_portrait {
width: 35%;
}
.member_text {
width: 65%;
}
}
@media all and (max-width: 1500px) {
.member_portrait {
width: 40%;
}
.member_text {
width: 60%;
}
}
@media all and (max-width: 1250px) {
.member_portrait {
width: 45%;
}
.member_text {
width: 55%;
}
}
@media all and (max-width: 1200px) { .leaders_box {
padding: 0;
}
}
@media all and (max-width: 925px) {
.member {
display: block;
}
.member_portrait,
.member_text {
display: inline;
}
.member_portrait {
float: left;
margin-right: 2rem;
}
.member .lawyer_name_p {
padding: 1rem 0 0;
}
.member_text_p {
padding-bottom: .5rem;
} .member .leaders_box {
padding-top: .5rem;
}
}
@media all and (max-width: 1000px) {
.member .leaders_logo_box {
width: 25%;
min-width: 220px;
}
}
@media all and (max-width: 650px) {
.crew {
display: flex;
flex-direction: column;
align-items: center;
}
.crew .opt_title {
text-align: center;
}
.member {
display: flex;
flex-direction: column;
width: 85%;
}
.member_portrait {
display: flex;
flex-direction: column;
align-items: center;
float: unset;
margin-right: 0;
}
.member_portrait,
.member_text {
width: 100%;
}
.crew .lawyer_img_box {
aspect-ratio: 1/1.2;
width: 100%;
}
.member_text {
display: block;
} .member .leaders_logo_box {
width: 40%;
}
.member .leaders_logo_box {
min-width: 180px;
}
.leaders_box {
padding: 1rem 0;
}
}
@media (max-width: 650px) {
.member {
width: 90%;
}
}
@media (max-width: 550px) {
.member {
width: 92%;
}
}
@media (max-width: 480px) {
.member {
width: 95%;
} .member .leaders_logo_box {
width: 45%;
}
}
@media (max-width: 380px) {
.member {
width: 95%;
} .member .leaders_logo_box {
width: 50%;
}
}