main{
  padding-top: 60px;
}
p span{
  font-size: 22px;
  font-weight: bold;

}
.inner{
  margin-bottom: 30px;
}

/* オーナー */
.st_owner figure{
  width: 300px;
  margin: 0 auto;
}
/* ディレクター */
.st_director figure{
  width: 300px;
  margin: 60px auto 0 auto;
}
/* スタイリスト・スタッフ */
.st_container{
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}

/* スタイリスト*/
.st_stylist{
  width: 160px;
}

/* スタッフ */
.st_staff{
  width: 160px;
}

/* 901px～：大型タブレット、PC用*/
@media (min-width:901px){
  
  h2{
    padding-top: 20px;
  }
.inner{
    justify-content: flex-start;
}

  /* オーナー */
.st_owner figure{
  flex: 0 0 300px;
  padding-right: 30px;
  float: left;
  margin: 0;
}
.st_owner img{
  width: 260px;
}
.st_owner{
  margin-top: 20px;
}
.st_owner::after{
  clear: both;
}



/* ディレクター */
.st_director{
  display: flex;
  margin-top: 100px;
}
.st_director figure{
  flex: 0 0 300px;
  padding-right: 30px;
  margin: 0;
}
.st_director img{
  width: 260px;
}

/* スタイリスト・スタッフ */
.st_container{
  display: block;
}
/* スタイリスト*/
.st_stylist{
  display: flex;
  margin-top: 100px;
  width: 100%;
}
.st_stylist figure{
  flex: 0 0 300px;
  padding-right: 30px;

}
.st_stylist  img{
  width: 260px;
}

/* スタッフ */
.st_staff{
  display: flex;
  margin-top: 100px;
  width: 100%;
}
.st_staff img{
  width: 260px;
}
.st_staff figure{
  flex: 0 0 300px;
  padding-right: 30px;
  margin: 0;
}
}

/* 480px〜900px： Mobile横置き、タブレット縦 
------------------------------ */
@media screen and (min-width:480px) and (max-width:900px) {
figure{
  text-align: center;
}

/* オーナー */
.st_owner p{
  width: 90%;
  margin: 0 auto;
}
.st_owner{
  margin-top: 60px;
}

/* ディレクター */
.st_director p{
  width: 90%;
  margin: 0 auto;
}
.st_director{
  margin-top: 60px;
}

/* スタイリスト・スタッフ */
.st_container{
  max-width: 80%;
}
.st_container{
  margin-top: 60px;
}



/* スタイリスト*/
.st_stylist{
  width: 200px;
}
/* スタッフ */
.st_staff{
  width: 200px;

}
.st_container{
  justify-content: space-between;
}
}