pg_staff.scss
.ceo_name{
font-weight:600;
}
.pg_staff {
@media screen and (max-width: 1024px) {
padding: 0 3%;
box-sizing: border-box;
}
h3 {
margin-bottom: 10px;
padding: 0 20px;
font-size: 18px;
border-left: 3px solid #0084e6;
box-sizing: border-box;
}
table {
width: 100%;
tr {
border-bottom: 5px solid #fff;
}
th {
width: 100% !important;
display: block;
padding: 10px 0 10px 25px;
background: transparent;
color: #000;
text-align: left;
font-weight: normal;
vertical-align: middle;
position: relative;
box-sizing: border-box;
height: auto !important;
}
th::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 16px;
height: 16px;
background: #0084e6 !important;
}
td {
width: 100% !important;
padding: 2px 0 10px 23px;
vertical-align: middle;
display: block;
box-sizing: border-box;
height: auto !important;
line-height: 1.6em;
}
}
.section_staff {
margin-bottom: 30px;
padding: 20px;
border: 1px solid #333;
box-sizing: border-box;
@media screen and (max-width: 1024px) {
margin-bottom: 3%;
}
&__inner {
ul {
.works {
width: 100% !important;
margin-right: 0 !important;
}
li {
float: left;
&:first-of-type {
width: 38%;
margin-right: 2%;
@media screen and (max-width: 768px) {
width: 100%;
margin-right: 0;
margin-bottom: 2%;
}
img {
max-width: 100%;
width: auto;
@media screen and (max-width: 768px) {
margin: 0 auto;
display: block;
}
}
}
&:last-of-type {
width: 60%;
@media screen and (max-width: 480px) {
width: 100%;
}
}
}
}
}
}
}