@charset "UTF-8";

/* caststaff
------------------------------------------ */
.caststaff-area {
	padding: 0 0 110px;
	background: url(../images/caststaff/caststaff-bg.png) repeat 20px top;
	background-size: 270px auto;
	position: relative;
	overflow: hidden;
}
.caststaff-inner {}
.caststaff-box {}
.caststaff-box:not(:first-of-type) {
	margin-top: 30px;
}
.caststaff-box .d-box-body {
	margin: 0 auto;
	padding: 60px;
	background-color: #fff;
	max-width: 840px;
}


/* cast
------------------------------------------ */
.cast-area {}
.cast-inner {}

.cast-list {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}
.cast-item {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	position: relative;
}
.cast-item:not(:first-child) {
	margin-top: 20px;
}
.cast-item:nth-child(3) {
	margin-top: 60px;
}
.cast-item:nth-last-child(2) {
	margin-top: 60px;
}
.cast-item:nth-last-child(2):before {
	content: '・';
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	position: absolute;
	bottom: 54px;
	text-align: center;
	font-weight: bold;
	padding-left: 70px;
}

.cast-title {
	width: 50%;
	padding-right: 40px;
	color: #5fb1c9;
	text-align: right;
}
.cast-title p {
	font-size: 16px;
	line-height: 40px;
}
.cast-text {
	width: 50%;
	text-align: left;
}
.cast-text p {
	font-size: 20px;
	line-height: 40px;
}
.cast-text .note {
	font-size: 16px;
	line-height: 1;
}


/* staff
------------------------------------------ */
.staff-area {
	margin-top: 40px;
}
.staff-inner {}

.staff-list {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}
.staff-item {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.staff-item:not(:first-child) {
	margin-top: 20px;
}
.staff-title {
	width: 50%;
	padding-right: 40px;
	color: #d8296e;
	text-align: right;
}
.staff-title p {
	font-size: 16px;
	line-height: 40px;
}
.staff-text {
	width: 50%;
	text-align: left;
}
.staff-text p {
	font-size: 20px;
	line-height: 40px;
}
.staff-text .note {
	font-size: 16px;
	line-height: 1;
}





/* ---------------------------------
	SP用
--------------------------------- */
@media only screen and (max-width: 600px) {
	/* caststaff
	------------------------------------------ */
	.caststaff-area {
		padding: 0 0 calc(130 / 750 * 100%);
		background-size: 135px auto;
		background-position: 10px 60px;
	}
	.caststaff-box .d-box-body {
		margin: 0 3%;
		padding: 8% 20px;
	}

	/* cast
	------------------------------------------ */
	.cast-area {}
	.cast-inner {}
	.cast-box {}
	.cast-list { margin-top: 3%; }
	.cast-item:not(:first-child) { margin-top: 15px; }
	.cast-item:nth-child(3) { margin-top: 40px; }
	.cast-item:nth-last-child(2) { margin-top: 51px; }
	.cast-item:nth-last-child(2):before { height: 36px; line-height: 36px; font-size: 18px; bottom: 48px; padding-left: 67px; }
	.cast-title { padding-right: 15px; }
	.cast-title p { font-size: 14px; line-height: 36px; }
	.cast-text {}
	.cast-text p { font-size: 18px; line-height: 36px; }
	.cast-text .note { font-size: 12px; }
	.cast-item:first-of-type .cast-text .note {
		display: block;
		line-height: 1.6;
	}
	/* staff
	------------------------------------------ */
	.staff-area { margin-top: calc(50 / 750 * 100%);}
	.staff-inner {}
	.staff-box {}
	.staff-list { margin-top: 3%; }
	.staff-item:not(:first-child) { margin-top: 15px; }
	.staff-title { padding-right: 15px; }
	.staff-title p { font-size: 14px; line-height: 36px; }
	.staff-text {}
	.staff-text p { font-size: 18px; line-height: 36px; }
	.staff-text .note { font-size: 12px; }
}



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



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