jscss
pg_staff.css
/* line 7, ../staff.scss */
.staff__ttl {
margin-bottom: 20px;
}
@media (min-width: 769px) {
/* line 7, ../staff.scss */
.staff__ttl {
margin-bottom: 40px;
}
}
/* line 13, ../staff.scss */
.staff__h3 {
font-size: 2.4rem;
font-weight: 700;
line-height: 2;
}
/* line 18, ../staff.scss */
.staff__desc {
font-size: 1.4rem;
line-height: 2.29;
}
/* line 22, ../staff.scss */
.staff__intro {
max-width: 800px;
margin: 0 auto 60px;
}
@media (min-width: 769px) {
/* line 22, ../staff.scss */
.staff__intro {
margin: 0 auto 80px;
}
}
/* line 33, ../staff.scss */
.staff-card {
max-width: 800px;
margin: 0 auto;
padding-top: 90px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}
/* line 39, ../staff.scss */
.staff-card__item {
min-height: 348px;
margin-bottom: 130px;
padding-top: 90px;
position: relative;
}
@media (min-width: 769px) {
/* line 39, ../staff.scss */
.staff-card__item {
margin-bottom: 160px;
padding-top: 90px;
}
}
/* line 49, ../staff.scss */
.staff-card__wrap {
margin: 0 -4.67vw;
padding: 285px 4.67vw 40px;
background-color: #f1f1f1;
}
@media (min-width: 769px) {
/* line 49, ../staff.scss */
.staff-card__wrap {
margin: 0;
margin-left: 80px;
padding: 80px 80px 80px 200px;
}
}
@media (min-width: 769px) {
/* line 59, ../staff.scss */
.staff-card__head {
margin-left: 280px;
position: absolute;
top: 0;
left: 0;
}
}
/* line 67, ../staff.scss */
.staff-card__ttl {
margin-bottom: 35px;
display: flex;
justify-content: flex-start;
align-items: center;
}
@media (min-width: 1025px) {
/* line 67, ../staff.scss */
.staff-card__ttl {
white-space: nowrap;
}
}
/* line 76, ../staff.scss */
.staff-card__name {
padding-right: 10px;
font-size: 2.4rem;
line-height: 1.27;
border-right: 2px solid #000;
}
@media (min-width: 376px) {
/* line 76, ../staff.scss */
.staff-card__name {
font-size: 2.8rem;
}
}
@media (min-width: 769px) {
/* line 76, ../staff.scss */
.staff-card__name {
padding-right: 40px;
font-size: 3rem;
}
}
/* line 88, ../staff.scss */
.staff-card__name small {
display: block;
font-size: 1.4rem;
color: #808080;
}
/* line 94, ../staff.scss */
.staff-card__position {
margin-left: 10px;
font-size: 1.1rem;
line-height: 1.5;
color: #6aaad0;
}
@media (min-width: 376px) {
/* line 94, ../staff.scss */
.staff-card__position {
font-size: 1.4rem;
}
}
@media (min-width: 769px) {
/* line 94, ../staff.scss */
.staff-card__position {
margin-left: 40px;
}
}
/* line 109, ../staff.scss */
.staff-card__figure {
position: absolute;
top: 0;
left: 0;
}
/* line 114, ../staff.scss */
.staff-card__desc {
font-size: 1.4rem;
line-height: 2.29;
}
/* line 120, ../staff.scss */
.staff-movie {
max-width: 800px;
margin: 100px auto 130px;
}
@media (min-width: 769px) {
/* line 120, ../staff.scss */
.staff-movie {
margin: 115px auto 160px;
}
}
/* line 126, ../staff.scss */
.staff-movie__ttl {
margin: 10px 0;
}
/* line 129, ../staff.scss */
.staff-movie__h3 {
font-size: 1.4rem;
line-height: 1.5;
color: #6aaad0;
}