@media screen and (max-width: 828px) {
  .commonWidth-sp {
    width: 88.4057971014%;
    margin-right: auto;
    margin-left: auto;
  }
}

/**
 * Fonts
 */
/*
$fonts: (
  Minamoto : 'source-han-sans-japanese, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Niveau   : 'niveau-grotesk, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Roboto   : 'roboto, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Mincho   : 'source-han-serif-japanese, serif',
  Expo     : 'expo-serif-pro, serif', // 300 -> light,
  Futura   : 'futura-pt, sans-serif', // 300 -> light,
  NotoSans: 'noto-sans, sans-serif', // 100 -> thin, 400 -> Regular, 700 -> Bold
  TBNPMincho: 'tbnpmincho-std, serif', // 300 -> Regular
);

@mixin get_webfont( $font, $weight, $style: normal ) {
  $fonts: (
  Minamoto : 'source-han-sans-japanese, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Niveau   : 'niveau-grotesk, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Roboto   : 'roboto, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Mincho   : 'source-han-serif-japanese, serif',
  Expo     : 'expo-serif-pro, serif', // 300 -> light,
  Futura   : 'futura-pt, sans-serif', // 300 -> light,
  NotoSans: 'noto-sans, sans-serif', // 100 -> thin, 400 -> Regular, 700 -> Bold
  TBNPMincho: 'tbnpmincho-std, serif', // 300 -> Regular
  );

  font-family: unquote( map-get( $fonts, $font ) );
  font-weight: $weight;
  font-style: $style;
  @content;
}
*/
.directorArchive .mainContent,
.directorSingle .mainContent {
  padding-top: 64px;
}
@media screen and (max-width: 1366px) {
  .directorArchive .mainContent,
  .directorSingle .mainContent {
    padding-top: 4.6852122987vw;
  }
}
@media screen and (max-width: 828px) {
  .directorArchive .mainContent,
  .directorSingle .mainContent {
    padding-top: 15.4589371981vw;
  }
}

.directorArchive .director#shindo .commonTitle-section, .directorArchive .director#kaneshima .commonTitle-section {
  font-size: 20rem;
}
@media screen and (max-width: 1366px) {
  .directorArchive .director#shindo .commonTitle-section, .directorArchive .director#kaneshima .commonTitle-section {
    font-size: 14.6412884334vw;
  }
}
@media screen and (max-width: 828px) {
  .directorArchive .director#shindo .commonTitle-section, .directorArchive .director#kaneshima .commonTitle-section {
    font-size: 14.4927536232vw;
  }
}
.directorArchive .director#mugishima .commonTitle-section {
  font-size: 15rem;
}
@media screen and (max-width: 1366px) {
  .directorArchive .director#mugishima .commonTitle-section {
    font-size: 10.980966325vw;
  }
}
@media screen and (max-width: 828px) {
  .directorArchive .director#mugishima .commonTitle-section {
    font-size: 11.5942028986vw;
  }
}
.directorArchive .director#mugishima .director_header {
  margin-top: -64px;
}
@media screen and (max-width: 1366px) {
  .directorArchive .director#mugishima .director_header {
    margin-top: -4.6852122987vw;
  }
}
@media screen and (max-width: 828px) {
  .directorArchive .director#mugishima .director_header {
    margin-top: -3.8647342995vw;
  }
}

@media screen and (min-width: 829px) {
  .director .name {
    padding: clamp(2rem, 1.704rem + 1.48vw, 3rem);
  }
}
@media screen and (max-width: 828px) {
  .director .name {
    padding: 2.4rem;
  }
}
.director__inner {
  display: grid;
  border-bottom: 1px solid #333333;
}
@media screen and (min-width: 829px) {
  .director__inner {
    grid-template-columns: 38vw 1fr;
  }
}
.director__inner .comment {
  line-height: 2;
}
@media screen and (min-width: 829px) {
  .director__inner .comment {
    border-left: 1px solid #333333;
    padding: clamp(2rem, 1.407rem + 2.96vw, 4rem);
  }
}
@media screen and (max-width: 828px) {
  .director__inner .comment {
    border-top: 1px solid #333333;
    padding: 2.4rem;
  }
}
.director__inner .comment .hero {
  font-family: fot-udmincho-pr6n,sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(3.6rem, 3.422rem + 0.89vw, 4.2rem);
}
.director__inner .comment img {
  width: 30vw;
}
@media screen and (max-width: 828px) {
  .director__inner .comment img {
    width: 100%;
  }
}
.director__inner .comment .profile {
  display: flex;
  align-items: center;
  margin-top: clamp(2rem, 1.407rem + 2.96vw, 4rem);
  margin-bottom: 1rem;
  font-family: lato,sans-serif;
  font-weight: 400;
  font-style: normal;
}
.director__inner .comment .profile:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  display: block;
  margin-left: 0.4em;
  background: #333333;
}