:root {
  --l-content: 100%; }
  @media (min-width: 768px) {
    :root {
      --l-content: calc(768px - 32px); } }
  @media (min-width: 960px) {
    :root {
      --l-content: calc(960px - 32px); } }
  @media (min-width: 1200px) {
    :root {
      --l-content: calc(1212px - 32px); } }
  @media (max-width: 767px) {
    :root {
      --l-content: calc(100% - 32px); } }

@media (min-width: 768px) {
  #staff {
    position: relative; } }
#staff .sec_inner {
  width: auto; }
  @media (max-width: 767px) {
    #staff .sec_inner {
      margin-left: 0;
      margin-right: 0; } }
#staff .staff_Columns_wrapper {
  position: relative;
  padding-bottom: 100px; }
  #staff .staff_Columns_wrapper:after {
    position: absolute;
    bottom: calc(size5 * -1);
    left: 0;
    width: 100%;
    z-index: -1;
    height: 10px;
    background-color: #BAAB93;
    transform: skewY(7deg);
    content: ""; }
    @media (min-width: 768px) {
      #staff .staff_Columns_wrapper:after {
        height: 20px; } }
  #staff .staff_Columns_wrapper:nth-of-type(even)::after {
    left: 0;
    transform: skewY(-7deg); }
  @media (min-width: 768px) {
    #staff .staff_Columns_wrapper:nth-of-type(even) .ncColumns {
      flex-direction: row-reverse; } }
#staff .ncColumns {
  width: var(--l-content);
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px; }
  #staff .ncColumns.-half {
    margin-top: 0; }
    #staff .ncColumns.-half .ncColumns_panel {
      height: auto;
      width: 100%; }
      @media (min-width: 768px) {
        #staff .ncColumns.-half .ncColumns_panel {
          height: auto;
          width: calc((100% - calc(8px * 4)) / 2); } }
      #staff .ncColumns.-half .ncColumns_panel picture {
        height: 100%; }
        @media (min-width: 768px) {
          #staff .ncColumns.-half .ncColumns_panel picture {
            height: 100%; } }
  #staff .ncColumns.-three {
    position: relative; }
    #staff .ncColumns.-three .ncColumns_panel picture {
      aspect-ratio: 4 / 3;
      background-color: #D3D3D4; }
  #staff .ncColumns_panel:not(:first-of-type) {
    margin-top: 0; }
@media (max-width: 767px) {
  #staff .staff_title {
    text-align: center; } }
#staff .staff_position {
  margin-bottom: 0;
  color: #BAAB93; }
  @media (min-width: 768px) {
    #staff .staff_position {
      font-size: 23px; } }
#staff .staff_name {
  margin-bottom: 0; }
  @media (min-width: 768px) {
    #staff .staff_name {
      font-size: 30px;
      text-align: justify; } }
  @media (max-width: 767px) {
    #staff .staff_name {
      font-size: 140%; } }
#staff .staff_ruby {
  color: #BAAB93; }
  @media (min-width: 768px) {
    #staff .staff_ruby {
      font-size: 20px; } }
#staff .staff_info {
  padding-left: 15px;
  position: relative; }
  #staff .staff_info:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 100%;
    background-color: #BAAB93;
    content: ""; }
#staff .staff_message dt {
  font-weight: 500; }
  @media (min-width: 768px) {
    #staff .staff_message dt {
      font-size: 25px; } }
@media (max-width: 767px) {
  #staff picture {
    max-width: 367px;
    margin: auto; } }
#staff .slick-slider .slick-list {
  width: 100%; }