@charset "UTF-8";
/*
 各ページ.css（ファイル名変更可）
 本サイト各ページ用CSS
*/

h1 {
  font-size: 0;
}

/* box
------------------------------ */
.cast-area .d-box:not(:first-of-type) {
  margin-top: 60px;
}


/* -----SP 〜 tablet（〜992px）----- */
@media screen and (max-width: 992px) {

  .cast-box-body {
    padding: 60px 15px;
  }

}

/* -----SP（〜600px)----- */
@media only screen and (max-width: 600px) {

  .cast-box-body {
    padding: 30px 15px;
  }

  .cast-area .d-box:not(:first-of-type) {
    margin-top: 30px;
  }
  
}

/* cast-box
------------------------------ */
.cast-title_cast {
	height: 36px;
	background-image: url(../images/caststaff/cast_title.png);
}

.cast-list {
  width: 100%;
	padding-top: 35.418%;
	background-image: url(../images/caststaff/cast-list_pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* -----SP（〜600px-)---- */
@media only screen and (max-width: 600px) {

  .cast-title_cast {
    height: 20px;
  }

  .cast-list {
    padding-top: 37.216%;
    background-image: url(../images/caststaff/cast-list_sp.png);
  }
  
}

/* staff-box
------------------------------ */
.cast-title_staff {
	height: 36px;
	background-image: url(../images/caststaff/staff_title.png);
}

.staff-list {
	padding-top: 61%;
	background-image: url(../images/caststaff/staff-list_pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* -----SP（〜600px)----- */
@media only screen and (max-width: 600px) {

  .cast-title_staff {
    height: 20px;
  }

  .staff-box .cast-box-body {
    padding: 30px 25px;
  }

  .staff-list {
    padding-top: 72.491%;
    background-image: url(../images/caststaff/staff-list_sp.png);
  }

}

/* ---------------------------------
 PC（993px〜）
--------------------------------- */
@media screen and (min-width: 993px) {
}


/* ------------------------------------------------------------------
 SP 〜 tablet（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
}

/* ---------------------------------
 SP（〜600px）
--------------------------------- */
@media only screen and (max-width: 600px) {

}