@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*
@mixin sp_size{
  @media screen and (max-width: $mobile) {
    @content;
  }
}

@mixin tab_size{
  @media screen and (max-width: $tablet) {
    @content;
  }
}

@mixin pc_size{
  @media screen and (max-width: $desktop) {
    @content;
  }
}
*/
#titleimg {
  background: url("/img/staff/image_title_sp.png") no-repeat center/cover; }

#staff ul .name_container {
  padding-bottom: 100px; }
#staff ul li {
  border-bottom: 1px solid #fff; }
  #staff ul li:nth-child(2) {
    border-bottom: none; }
  #staff ul li .photo {
    margin-top: 100px; }
  #staff ul li p {
    padding-top: 10px; }
  #staff ul li .position {
    font-size: 1.6rem; }
  #staff ul li .name_content {
    padding-top: 20px; }
    #staff ul li .name_content h2 {
      margin: 10px auto;
      text-align: left;
      font-size: 2.2rem; }
    #staff ul li .name_content p {
      padding-top: 0; }
  #staff ul li .name_english {
    font-size: 1.6rem; }
  #staff ul li .license {
    letter-spacing: 0; }
  #staff ul li .info_title {
    margin-top: 10px;
    font-size: 1.5rem; }

/*------------------------------
		1200px以上
------------------------------*/
@media screen and (min-width: 768px) {
  #titleimg {
    background-image: url("/img/staff/image_title_pc.png"); }

  #staff .information {
    margin-top: 120px;
    margin-bottom: 100px; }
  #staff ul .name_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: row;
    padding-top: 100px; }
    #staff ul .name_container .photo {
      flex: 0 1 34%;
      width: 34%;
      max-width: 34%; }
    #staff ul .name_container .staff_data {
      flex: 0 1 64%;
      width: 64%;
      max-width: 64%; }
    #staff ul .name_container .name_content {
      padding-top: 0px; }
    #staff ul .name_container .flex_box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #staff ul .name_container .flex_box p {
        flex: 0 1 17%;
        width: 17%;
        max-width: 17%; }
      #staff ul .name_container .flex_box .txt {
        flex: 0 1 83%;
        width: 83%;
        max-width: 83%;
        font-size: 15px; }
    #staff ul .name_container .photo {
      margin: 0; } }
/*------------------------------
		1024px以下
------------------------------*/
/*------------------------------
		768px以下
------------------------------*/