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

.d-box-body {
	position: relative;
	background-image: url(../images/common/takane-deco_bg-flower.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center bottom -152px;
	background-size: contain;
	padding: 40px 40px 70px;
}

/* cast */
.cast-img {
	max-width: 621px;
	margin: 0 auto 50px;
	padding-top: 8%;
}

/* staff */
.staff-img {
	max-width: 621px;
	margin: 0 auto;
	padding-top: 8%;
	padding-left: 40px;
}
.d-contentsWrap .staff-img img {
	max-width: 437px;
	width: auto;
}

/* ------------------------------------------------------------------
 SP 〜 tablet　（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
}
/* ------------------------------------------------------------------
	small-screen-up to medium-screen
------------------------------------------------------------------ */
@media only screen and (min-width: 601px) and (max-width: 992px) {
	.d-contentsWrap .staff-img {
		padding-left: 4%;
		padding-right: 20%;
	}
	.d-contentsWrap .staff-img img {
		width: 100%;
	}
}

/* ---------------------------------
 SP用
--------------------------------- */
@media only screen and (max-width: 600px) {
	.d-box-body {
		background-position: center bottom -13%;
		background-size: contain;
		padding: 20px 10px 60px;
	}
	.d-contentsWrap .staff-img {
		padding-left: 4%;
		padding-right: 20%;
	}
	.d-contentsWrap .staff-img img {
		width: 100%;
	}

}

/* ---------------------------------
 PC用
--------------------------------- */
@media screen and (min-width: 993px) {
	.cast-img {
		margin: 0 auto 100px;
	}
}

/* ---------------------------------
 tablet FONT用
--------------------------------- */
@media screen and (min-width : 601px){

}