@charset "utf-8";
/*------------------------------------------------------------
	gyosei
------------------------------------------------------------*/
.pageLead.page01 .comCareer {
	margin: 0 -75px 0 auto;
	max-width: 400px;
}
.pageLead.page01 .comCareer dl dt,
.pageLead.page01 .comCareer dl dd {
	line-height: 1.54;
}
.pageLead.page01 .comCareer dl dd:not(:last-of-type) {
	margin-bottom: 3px;
}
.pageLead.page01 .title {
	margin-bottom: 10px;
}
.pageLead.page01 .txtDl {
	margin-bottom: 5px;
	padding-bottom: 20px;
}
.pageLead.page01 .txtDl dt {
	margin-bottom: 6px;
}
.pageLead.page01 .textBox {
	bottom: 12%;
}
.pageLead.page01 .notes {
	font-size: 1.6rem;
	margin-bottom: 7px;
}
.movieBox.movie01 {
	margin-bottom: 192px;
}
.movieBox .imgBox .subBox p {
	letter-spacing: 0.11em;
}
.movieBox .imgBox .area:not(:last-of-type) {
	margin-bottom: 62px;
}
.movieBox .imgBox .area.wid01 {
	max-width: 375px;
}
.schedule.schedule02 {
	margin-bottom: 35px;
}
.qaBox {
	padding-bottom: 220px;
}
.qaBox .tPhoto {
	width: 531px;
	top: -538px;
	left: calc(50% + 255px);
}
.charm {
	padding-bottom: 147px;
}
@media all and (min-width: 897px) {
	.schedule.schedule02 {
		padding-bottom: 295px;
	}
	.charm {
		margin-bottom: 120px;
	}
	.charm .imgBox .photoBox {
		margin: -40px 24px 0 -60px;
	}
}
@media all and (max-width: 896px) {
	.pageLead.page01 .comCareer {
		margin: 0 0 0 4vw;
		max-width: inherit;
	}
	.pageLead.page01 .pho {
		margin-bottom: 1.5vw;
	}
	.pageLead.page01 .comCareer dl dt {
		width: 10vw;
	}
	.pageLead.page01 .comCareer dl dd {
		width: calc(100% - 11vw);
	}
	.pageLead.page01 .comCareer dl dd:not(:last-of-type) {
		margin-bottom: 1vw;
	}
	.pageLead.page01 .title {
		margin-bottom: 1.5vw;
		font-size: 2.4vw;
	}
	.pageLead.page01 .txtDl {
		margin-bottom: 1vw;
		padding-bottom: 1vw;
	}
	.pageLead.page01 .txtDl dt {
		margin-bottom: 1vw;
	}
	.pageLead.page01 .notes {
		font-size: 1.87vw;
		margin-bottom: 1vw;
	}
	.pageLead.page01 .comCareer dl dt,
	.pageLead.page01 .comCareer dl dd {
		font-size: 2vw;
	}
	.pageLead.page01 .textBox {
		bottom: 14.2%;
		width: 45%;
	}
	.movieBox.movie01 {
		margin-bottom: 90px;
	}
	.movieBox .imgBox .area:not(:last-of-type) {
		margin-bottom: 30px;
	}
	.movieBox .imgBox .area.wid01 {
		max-width: inherit;
	}
	.schedule.schedule02 {
		padding-bottom: 240px;
	}
	.schedule.schedule02 .btmText {
		margin-top: 40px;
	}
	.qaBox {
		padding-bottom: 140px;
	}
	.qaBox .tPhoto {
		width: 170px;
		top: -210px;
		left: auto;
		right: -40px;
	}
	.qaBox .imgBox {
		margin-bottom: 46px;
	}
	.charm {
		padding-bottom: 105px;
	}
}