@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
#mainttl {
  margin-bottom: 80px; }
  #mainttl .mainttl__img img {
    object-position: 80%; }

/*-------スタッフの紹介-------*/
#introduction {
  margin-bottom: 120px; }
  #introduction .staff__wp .staff__box {
    position: relative;
    max-width: 400px;
    margin: 0 auto 60px;
    padding: 40px 20px;
    border: 1px solid #C9BD9B;
    box-sizing: border-box; }
    #introduction .staff__wp .staff__box::after {
      display: block;
      position: absolute;
      bottom: -1px;
      right: -1px;
      width: 40px;
      height: 40px;
      background: #C9BD9B;
      background: linear-gradient(to top left, #FFF 50%, #C9BD9B 50%) no-repeat top left/100% 100%;
      content: ''; }
    #introduction .staff__wp .staff__box .staff__box-img {
      max-width: 200px;
      margin: 0 auto 40px; }
    #introduction .staff__wp .staff__box .staff__txt-box .staff__name-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-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;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      position: relative;
      margin-bottom: 20px;
      padding-bottom: 15px; }
      #introduction .staff__wp .staff__box .staff__txt-box .staff__name-box::after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-image: linear-gradient(to right, #C9BD9B, #C9BD9B 7px, transparent 8px);
        background-size: 14px 2px;
        background-position: left bottom;
        background-repeat: space;
        pointer-events: none;
        content: ""; }
      #introduction .staff__wp .staff__box .staff__txt-box .staff__name-box .staff__name-box-img {
        max-width: 45px;
        margin-right: 10px; }
      #introduction .staff__wp .staff__box .staff__txt-box .staff__name-box .staff__name {
        position: relative;
        margin-right: 55px;
        font-size: 2.2rem;
        text-align: center;
        line-height: 1; }
        @media (min-width: 375px) {
          #introduction .staff__wp .staff__box .staff__txt-box .staff__name-box .staff__name {
            font-size: calc( 2.2rem + ( 1vw - 3.75px ) * 0.5517241379 ); } }
        @media (min-width: 1100px) {
          #introduction .staff__wp .staff__box .staff__txt-box .staff__name-box .staff__name {
            font-size: 2.6rem; } }
        #introduction .staff__wp .staff__box .staff__txt-box .staff__name-box .staff__name .staff__name-ruby {
          font-size: 1rem;
          position: absolute;
          top: -50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%; }
          @media (min-width: 961px) {
            #introduction .staff__wp .staff__box .staff__txt-box .staff__name-box .staff__name .staff__name-ruby {
              font-size: calc( 1rem + ( 1vw - 9.61px ) * 2.1582733813 ); } }
          @media (min-width: 1100px) {
            #introduction .staff__wp .staff__box .staff__txt-box .staff__name-box .staff__name .staff__name-ruby {
              font-size: 1.3rem; } }
    #introduction .staff__wp .staff__box .staff__txt-box .staff__txt {
      font-size: 1.3rem;
      font-size: 1.3rem;
      font-family: 游ゴシック体 Pr6N M, Yu Gothic Pr6N M, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
      line-height: 2; }
      @media (min-width: 375px) {
        #introduction .staff__wp .staff__box .staff__txt-box .staff__txt {
          font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
      @media (min-width: 1100px) {
        #introduction .staff__wp .staff__box .staff__txt-box .staff__txt {
          font-size: 1.5rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #mainttl {
    margin-bottom: 80px; }

  /*-------スタッフの紹介-------*/
  #introduction {
    margin-bottom: 120px; }
    #introduction .staff__wp {
      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-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;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      #introduction .staff__wp .staff__box {
        flex: 0 1 48%;
        width: 48%;
        max-width: 48%;
        margin: 0 4% 50px 0;
        padding: 35px 45px 40px 35px;
        box-sizing: border-box; }
        #introduction .staff__wp .staff__box:nth-of-type(2n) {
          margin-right: 0; }
        #introduction .staff__wp .staff__box .staff__txt-box .staff__name-box .staff__name .staff__name-ruby {
          top: -40%; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  .sp-tab {
    display: none; }

  .pc {
    display: block; }

  /*-------スタッフの紹介-------*/
  #introduction .staff__wp .staff__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-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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%; }
    #introduction .staff__wp .staff__box::after {
      width: 45px;
      height: 45px; }
    #introduction .staff__wp .staff__box .staff__box-img {
      flex: 0 1 26%;
      width: 26%;
      max-width: 26%;
      margin: 0; }
      #introduction .staff__wp .staff__box .staff__box-img img {
        max-width: 126px; }
    #introduction .staff__wp .staff__box .staff__txt-box {
      flex: 0 1 66%;
      width: 66%;
      max-width: 66%; }
      #introduction .staff__wp .staff__box .staff__txt-box .staff__name-box {
        display: block; }
        #introduction .staff__wp .staff__box .staff__txt-box .staff__name-box .staff__name {
          margin-right: 0;
          text-align: left; }
          #introduction .staff__wp .staff__box .staff__txt-box .staff__name-box .staff__name .staff__name-ruby {
            position: static;
            margin-left: 20px; } }
/*------------------------------
		1181px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */