/* --------------------
Introduction
-------------------- */
#introduction {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: space-between;
	position: relative;
	width: 1200px;
	margin: 100px auto 30px;
	padding-top: 30px;
}
#introduction .area-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	z-index: 100;
}
#introduction-text {
	width: 616px;
}
#introduction-photo {
	width: 512px;
	margin-left: 30px;
	position: relative;
}
#introduction-photo .n1 {
	position: absolute;
	width: 238px;
	left: -30px;
	top: 444px;
}
#introduction-photo .n2 {
	position: absolute;
	width: 226px;
	right: -28px;
	top: 593px;
}
#introduction-catch1 {
	margin-bottom: 20px;
}
#introduction-catch2 {
	position: relative;
	height: 110px;
	margin-bottom: 30px;
}
#introduction-catch2 li.catch2_2 {
	position: absolute;
	bottom: 0;
	left: 0;
}
#introduction .text-box {
	padding: 0 30px 0 20px;
	font-size: 1.4rem;
	line-height: 1.7em;
}
#introduction .text-box p {
	margin-bottom: 0.7em;
}

/* --------------------
Story
-------------------- */
#story {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	width: 1200px;
	margin: 100px auto;
	padding-top: 125px;
}
#story .area-title {
	position: absolute;
	top: 30px;
	left: 0;
	width: 314px;
}
#story-text {
	width: 608px;
	margin-left: 30px;
}
#story-photo {
	width: 562px;
	position: relative;
}
#story-photo .n1 {
	position: absolute;
	width: 238px;
	left: -30px;
	top: 444px;
}
#story-photo .n2 {
	position: absolute;
	width: 226px;
	right: -28px;
	top: 593px;
}
#story-catch1 {
	position: relative;
	height: 106px;
	margin-bottom: 30px;
}
#story-catch1 li.catch1_2 {
	position: absolute;
	bottom: 0;
	left: 0;
}
#story .text-box {
	padding: 0 30px 0 20px;
	font-size: 1.4rem;
	line-height: 1.7em;
}
#story .text-box p {
	margin-bottom: 0.7em;
}


/* --------------------
Profile
-------------------- */
#profile {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
#profile .area-title {
	width: 168px;
	position: absolute;
	top: 56px;
	left: 20px;
	z-index: 100;
}
.profile-inner {
	background: url(../images/about/profile/profile_bg.jpg) repeat;
	border: solid 40px #FFF;
	position: relative;
	width: 1200px;
	margin: -40px auto 0;
}
.profile-cast,
.profile-staff {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.profile-text {
	width: 440px;
	font-size: 1.4rem;
	line-height: 1.7em;
}
.profile-text p {
	padding-left: 2px;
}
.profile-name {
	width: 440px;
	margin-bottom: 20px;
}
#cast1 {
	flex-direction: row;
	padding: 0 0 0 115px;
	margin-bottom: 60px;
}
#cast2 {
	flex-direction: row-reverse;
	padding: 0 55px 0 75px;
	margin-bottom: 30px;
}
#cast3 {
	flex-direction: row;
	padding: 0 155px 120px;
}
#cast1 .profile-text,
#cast2 .profile-text {
	padding-top: 155px;
}
#cast3 .profile-text {
	padding-top: 35px;
}

#cast1 .profile-photo {
	width: 560px;
	position: absolute;
	top: 0;
	right: -40px;
}
#cast2 .profile-photo {
	width: 487px;
}
#cast3 .profile-photo {
	width: 302px;
}

#cast4 {
	flex-direction: row-reverse;
	padding: 84px 100px 0 78px;
	margin-bottom: 56px;
}
#cast5 {
	flex-direction: row;
	padding: 0 155px 0 165px;
	margin-bottom: 56px;
}
#cast6 {
	flex-direction: row-reverse;
	padding: 0 130px 0 222px;
	margin-bottom: 45px;
}
#cast7 {
	flex-direction: row;
	padding: 0 215px 50px 140px;
}
#cast4 .profile-text {
	width: 600px;
	padding-top: 23px;
}
#cast5 .profile-text,
#cast6 .profile-text,
#cast7 .profile-text {
	width: 470px;
	padding-top: 40px;
}
#cast4 .profile-name,
#cast5 .profile-name,
#cast6 .profile-name,
#cast7 .profile-name {
	width: 160px;
}

#staff1 {
	flex-direction: row-reverse;
	padding: 95px 65px 75px 70px;
}
#staff1 .profile-book {
	width 192px;
	position: absolute;
	top: 62px;
	right: 67px;
}
#staff1 .profile-text {
	width: 633px;
	padding-top: 60px;
}
#staff1 .profile-photo {
	width: 311px;
}



#profile-deco1 {
	position: absolute;
	bottom: 0;
	left: 0;
}
#profile-deco2 {
	position: absolute;
	bottom: 0;
	right: 0;
}

#interview {
	width: 1200px;
	margin: 0 auto 0;
	padding: 20px 0 40px;
}
#interview .area-title {
	width: 426px;
	margin-bottom: 40px;
}
#interview .interview-inner {
	width: 720px;
	margin: 0 auto;
}
#interview dl {
	font-size: 1.4rem;
	line-height: 1.7em;
	margin-bottom: 30px;
}
#interview dt {
	color: #e4007f;
	position: relative;
	padding-left: 32px;
	margin-bottom: 8px;
}
#interview dt::after {
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 25px;
	height: 1px;
	background: #e4007f;
}
#interview dd {
	
}
#interview .interview-photo {
	margin-bottom: 30px;
}