@charset "UTF-8";
@media (max-width: 750px) {
  /* ---------------------------------------
    ローカルナビゲーション
  --------------------------------------- */
  #block_sort_navigation {
    display: none !important;
    position: static;
  }
  #block_sort_navigation + .mod-arrowNavigator {
    margin-top: 0;
    transform: translateY(-50%);
  }
  /* ---------------------------------------
    コンテンツ
  --------------------------------------- */
  #wrapper_staffs .page_block {
    min-width: 100%;
    background-color: transparent;
    transform: translateZ(0);
    visibility: hidden;
  }
  #wrapper_staffs .page_block.fixed .block_content {
    height: 100%;
  }
  #wrapper_staffs .page_block.style_show {
    visibility: visible;
  }
  #wrapper_staffs .page_block .page_content {
    width: 100%;
    padding: 48vw 13.3333333333vw 13.3333333333vw 4vw;
    background-color: #fff;
  }
  #wrapper_staffs .page_block .block_content .block_header .message.type_1,
  #wrapper_staffs .page_block .block_content .block_header .message.type_2 {
    background-size: contain;
  }
  #wrapper_staffs .page_block .block_content .block_header .thm {
    width: 33.8666666667vw;
    height: 45.3333333333vw;
    margin-right: 1.3333333333vw;
  }
  #wrapper_staffs .page_block .block_content .block_header .thm > img,
  #wrapper_staffs .page_block .block_content .block_header .thm > canvas {
    inset: 0;
    width: 100%;
  }
  #wrapper_staffs .page_block .block_content .block_header .message {
    top: -22.6666666667vw !important;
    right: 0;
    left: 0;
    transform: none;
  }
  #wrapper_staffs .page_block .block_content .block_header .message canvas {
    width: 100%;
  }
  #wrapper_staffs .page_block .block_content .block_header .caption {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  #wrapper_staffs .page_block .block_content .block_header .caption .inner {
    position: unset;
  }
  #wrapper_staffs .page_block .block_content .block_header .caption .inner .head {
    margin-bottom: 0.8vw;
    padding: 1.6vw;
  }
  #wrapper_staffs .page_block .block_content .block_header .caption .inner .head * {
    display: block;
    margin-right: 0;
    margin-bottom: 1.6vw;
  }
  #wrapper_staffs .page_block .block_content .block_header .caption .inner .head .name {
    font-size: 6.9333333333vw;
    padding-top: 1.3333333333vw;
  }
  #wrapper_staffs .page_block .block_content .block_header .caption .inner .head .name_em {
    font-size: 3.2vw;
  }
  #wrapper_staffs .page_block .block_content .block_header .caption .inner .head .job {
    font-size: 3.7333333333vw;
  }
  #wrapper_staffs .page_block .block_content .block_header .caption .inner .sentence {
    font-size: 3.4666666667vw;
  }
  #wrapper_staffs .page_block .block_content .block_body {
    display: flex;
    flex-direction: column-reverse;
  }
  #wrapper_staffs .page_block .block_content .block_body .main {
    opacity: 0;
    aspect-ratio: 610/455;
    margin-top: 4vw;
  }
  #wrapper_staffs .page_block .block_content .block_body .main > * {
    width: 100%;
  }
  #wrapper_staffs .page_block .block_content .block_body .main > img {
    display: block;
  }
  #wrapper_staffs .page_block .block_content .block_body .block_thmnails {
    float: none;
    width: 100%;
  }
  #wrapper_staffs .page_block .block_content .block_body .block_thmnails ul {
    display: grid;
    gap: 2.6666666667vw 5.3333333333vw;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
  }
  #wrapper_staffs .page_block .block_content .block_body .block_thmnails ul > li {
    width: 100%;
    height: 100%;
    aspect-ratio: 100/75;
    margin: 0;
  }
  #wrapper_staffs .page_block .block_content .block_body .block_thmnails ul > li > * {
    inset: 0;
    width: 100%;
  }
}