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

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


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

@media screen and (min-width: 800px) {
#head{
  border-bottom:1px solid #c6c6c6;
}
/*studio*/

#studio{
  width:1000px;
}
.studio-box{
  width:227px;
  margin-right:13px;
  float:left;
  margin-top: 11px;
}
.studio-box img{
  width:100%;
  height:auto;
}
.studio-img{ margin-bottom:20px;}
.studio-img1{margin-bottom:20px; margin-top:-11px;}
.studio-logo{ margin-bottom:30px;}
.studio-name{ margin-bottom:10px;}
.studio-box p{
  border-top:1px solid #9fa0a0;
  margin:0 15px;
  padding-top:15px;
}



}

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

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

/*studio*/

.studio-box{
  width:33%;
  float:left;
  margin-top: 11px;
}
.studio-box img{
  width:98%;
  height:auto;
}
.studio-img{ margin-bottom:20px;}
.studio-img1{ margin-bottom:20px; margin-top:-11px;}
.studio-logo{ margin-bottom:30px;}
.studio-name{ margin-bottom:10px;}
.studio-box p{
  border-top:1px solid #9fa0a0;
  margin:0 15px;
  padding-top:15px;
}




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

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

/*studio*/

.studio-box{
  width:100%;
  float:none;
  margin-top: 11px;

}
.studio-box img{
  width:100%;
  height:auto;
}
.studio-img{ margin-bottom:20px;}
.studio-img1{ margin-bottom:20px; margin-top:-11px;}
.studio-logo{ margin-bottom:30px;}
.studio-name{ margin-bottom:10px;}
.studio-box p{
  border-top:1px solid #9fa0a0;
  margin:0 0 50px 0;
  padding-top:15px;
}




}