@charset 'utf-8';

/* detail
------------------------------------------------ */
.staff-detail { position: relative; }

/* introduce */
.staff-detail-introduce { display: flex; align-items: center; }
.staff-detail-introduce .photo { position: relative; padding-bottom: 40.5405405405%; width: 40.5405405405%; height: 0; border-radius: 50%; overflow: hidden; }
.staff-detail-introduce .photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: inherit; object-fit: cover; font-family: 'object-fit: cover;'; }
.staff-detail-introduce .photo + .info { margin-left: 8.10810810811%; width: 51.3513513514%; }
.staff-detail-introduce .text { margin: 0; font-size: 1.4rem; line-height: 1.42857142857; }
.staff-detail-introduce .text + .text { margin-top: 10px; }
.staff-detail-introduce .text.name,
.staff-detail-introduce .text.height { font-size: 1.2rem; line-height: 1.41666666667; }
.staff-detail-introduce .sns { margin-top: 14px; }
.staff-detail-introduce .sns > li { width: 16px; height: 16px; }
.staff-detail-introduce .sns > li + li { margin-left: 10px; }
.staff-detail-introduce .sns > li > a { display: block; position: relative; width: 100%; height: 100%; text-indent: -9999px; white-space: normal; overflow: hidden; }
.staff-detail-introduce .sns > li > a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }
.staff-detail-introduce .sns > .sns-instagram > a::after { background-image: url(../img/sns_instagram1.svg); }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .staff-detail-introduce .photo { padding-bottom: 150px; width: 150px; }
  .staff-detail-introduce .photo + .info { margin-left: 30px; width: calc(100% - 180px); }
  .staff-detail-introduce .text { font-size: 1.6rem; line-height: 1.5; }
  .staff-detail-introduce .text.shop { font-size: 1.4rem; line-height: 1.42857142857; }
}

/* snap */
.staff-detail-snap { margin-top: 30px; }

@media screen and (max-width: 768px) {
  .staff-detail-snap .ac-snap-lists > li { margin: 30px 10px 0 0; width: calc((100% / 2) - (10px - (10px / 2))); }
  .staff-detail-snap .ac-snap-lists > li:nth-of-type(-n+2) { margin-top: 0; }
  .staff-detail-snap .ac-snap-lists > li:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
  .staff-detail-snap { margin-top: 60px; padding-top: 22px; border-top: 1px solid #EFEFEF; }
  .staff-detail-snap .ac-snap-lists > li { margin: 30px 20px 0 0; width: calc((100% / 4) - (20px - (20px / 4))); }
  .staff-detail-snap .ac-snap-lists > li:nth-of-type(-n+4) { margin-top: 0; }
  .staff-detail-snap .ac-snap-lists > li:nth-of-type(4n) { margin-right: 0; }
}