@charset "UTF-8";
.titleContainer {
  background-image: url(../images/about/staff/main.jpg); }
  @media screen and (max-width: 769px) {
    .titleContainer {
      background-image: url(../images/about/staff/sp/main.jpg); } }

#bgImg01 {
  background: url(../images/about/staff/img01.jpg) left top no-repeat;
  background-size: contain; }
  @media screen and (max-width: 769px) {
    #bgImg01 {
      background-image: url(../images/about/staff/sp/img01.jpg);
      background-size: 100%;
      overflow: hidden; } }

#bgImg02 {
  background: url(../images/about/staff/img02.jpg) right top no-repeat;
  background-size: contain; }
  @media screen and (max-width: 769px) {
    #bgImg02 {
      background-image: url(../images/about/staff/sp/img02.jpg);
      background-size: 100%;
      overflow: hidden; } }

#bgImg03 {
  background: url(../images/about/staff/img03.jpg) left top no-repeat;
  background-size: contain; }
  @media screen and (max-width: 769px) {
    #bgImg03 {
      background-image: url(../images/about/staff/sp/img03.jpg);
      background-size: 100%;
      overflow: hidden; } }

@media screen and (max-width: 769px) {
  .outlineContainer {
    margin-top: 9.16667vw;
    margin-bottom: 8.33333vw; } }

@media screen and (max-width: 769px) {
  .outlineContainer .h2 {
    line-height: 1.54545;
    margin-right: -0.5em;
    margin-left: -0.5em; } }

@media screen and (max-width: 769px) {
  .outlineContainer .h2 small {
    padding-top: 0.8em; } }

.block01 {
  padding-top: 0; }
  .block01 > div + div {
    margin-top: 40px; }
    @media screen and (max-width: 769px) {
      .block01 > div + div {
        margin-top: 5.55556vw; } }
  .block01 .bgGrey {
    padding: 60px;
    max-width: 600px; }
    @media screen and (max-width: 769px) {
      .block01 .bgGrey {
        margin-top: 55vw;
        padding: 6.66667vw; } }
    .block01 .bgGrey p {
      letter-spacing: 0.05em;
      line-height: 2;
      padding-top: 2em; }
      @media screen and (max-width: 769px) {
        .block01 .bgGrey p {
          padding-top: 1em;
          font-size: 3.88889vw; } }
  .block01 .right .bgGrey {
    margin-left: auto; }

.block02 {
  border: 1px solid #298948;
  text-align: center;
  padding: 40px 60px;
  margin-bottom: 64px; }
  @media screen and (max-width: 769px) {
    .block02 {
      padding: 5.7vw;
      margin-bottom: 8.88889vw; } }
  .block02 .listWrap {
    margin-top: 40px;
    margin-right: -20px;
    margin-bottom: -16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 769px) {
      .block02 .listWrap {
        margin: 0;
        margin-top: 5.55556vw;
        margin-bottom: -2.22222vw;
        display: block; } }
  .block02 .list {
    min-width: 350px;
    margin-right: 16px; }
    @media screen and (max-width: 769px) {
      .block02 .list {
        display: block;
        min-width: inherit;
        margin: 0; } }
    .block02 .list li {
      margin-bottom: 16px;
      padding: 8px 0;
      background: #F0F0F0;
      line-height: 1.625; }
      @media screen and (max-width: 769px) {
        .block02 .list li {
          margin-bottom: 2.22222vw; } }
      .block02 .list li small {
        display: inline-block;
        font-size: 12px;
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
        font-weight: 500; }
        @media screen and (max-width: 769px) {
          .block02 .list li small {
            display: block; } }
      .block02 .list li.big {
        padding: 11px 0; }