@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

/* ==========================================================================
	CONTENT
========================================================================== */

#staff h2{ border-bottom:1px solid #ce8234; }

/* ------------------------------------------------------------
	 PC   800px -
------------------------------------------------------------ */

@media screen and (min-width: 800px) {
#head{
  border-bottom:1px solid #c6c6c6;
}
#lead{
  margin-bottom:70px;
}
#step{
  margin-bottom:70px;
}

/*studio*/
#staff{
  width:990px;
}
#staff h2{
  padding-bottom:5px;
  border-bottom:1px solid #a1611a;
  margin-bottom:20px;
}
#staff h2 img{
  height:25px;
  width:auto;
}
.staff-box{
  float:left;
  width:466px;
  margin-right:28px;
  margin-bottom:50px;
}
.staff-box p{
  margin-bottom:20px;
}


}

/* ------------------------------------------------------------
	 TABLET   for - 799px
------------------------------------------------------------ */

@media screen and (max-width:799px) {

/*studio*/
#staff h2{
  padding-bottom:5px;
  border-bottom:1px solid #a1611a;
  margin-bottom:20px;
}
#staff h2 img{
  height:22px;
  width:auto;
}
.staff-box{
  float:left;
  width:48%;
  margin:0 1% 40px 1%;
}
.staff-box p{
  margin-bottom:20px;
}

}
/* ------------------------------------------------------------
	 SP　599pxまで
------------------------------------------------------------ */

@media screen and (max-width: 599px) {

/*studio*/
#staff h2{
  padding-bottom:5px;
  margin-bottom:10px;
}
#staff h2 img{
  height:18px;
  width:auto;
}
.staff-box{
  float:none;
  width:100%;
  margin:0 0 30px 0;
}
.staff-box p{
  margin-bottom:10px;
}


}