@charset "UTF-8";


#corpoInterviewDetail #interviewDetail {
    background: #f9f7f4;
}

.mainImage {
	background: url("../image/interview/main_bg.jpg") no-repeat 50% 50%;
	background-size: cover;
	margin-bottom: 60px;
	text-align: center;
}

#corpoInterviewDetail .specialInterview h3:before {
    content: "";
    background: url(../image/interview/icon_interview.svg) no-repeat 50% 50%;
}

#corpoInterviewDetail .movieDetail .detailArea h4 span {
    border-bottom: 1px solid #a86b6d;
}

#corpoInterviewDetail .movieDetail .detailArea h4 span:before {
    border-color: #a86b6d transparent transparent transparent;
}

#corpoInterviewDetail .movieDetail .detailArea h4 span:after {
    border-color: #f9f7f4 transparent transparent transparent;
}

#corpoInterviewDetail .voiceDetail .specialInterview {
    margin: 0 auto 0;
}

#corpoInterviewDetail .detailArea .textBox .flexBox .text01 p {
    color: #a86b6d;
}

#corpoInterviewDetail .detailArea .textBox .flexBox .text01 p span {
    color: #a86b6d;
}

#corpoInterviewDetail .detailArea .textBox .flexBox .text02 {
    border-left: 1px solid #231815;
}

#corpoInterviewDetail .detailArea .textBox .flexBox  .text02 .title {
	color: #a86b6d;
}

#corpoInterviewDetail .moreBtn a {
    background: #a86b6d;
}

#corpoInterviewDetail .moreBtn a:before {
    content: "";
    background: url("../image/interview/icon_arrow.svg") no-repeat 50% 50%;
}

#corpoInterviewDetail .moreBtn02 a {
    color: #435764;
}

#corpoInterviewDetail .moreBtn02 a:before {
    content: "";
    background: url("../image/interview/icon_arrow_up.svg") no-repeat 50% 50%;
}

/*ーーーー動画じゃない、インタビューのみのページーーーーー*/



#corpoInterviewDetail .voiceDetail .specialInterview h3:before {
    background: url(../image/interview/icon_pickup.svg) no-repeat 50% 50%;
}

#corpoInterviewDetail .voiceDetail .specialInterview {
    max-width: 1026px;
}

#corpoInterviewDetail .voiceDetail .specialInterview .photoBox .flexBox .interviewText01{
	color: #4C4948;
}

#corpoInterviewDetail .voiceDetail .specialInterview .photoBox .flexBox .interviewText01 span {
    color: #a86b6d;
}

#corpoInterviewDetail .voiceDetail .detailArea .textBox .flexBox .text02 .title02 {
    color: #a86b6d;
}

#corpoInterviewDetail .voiceDetail .specialInterview .photoBox .flexBox .interviewText03 {
    color: #a86b6d;
}

#corpoInterviewDetail .voiceDetail .specialInterview .photoBox .flexBox .interviewText03:before {
    background: url(../image/interview/brackets_l.svg) no-repeat 0 0;
}

#corpoInterviewDetail .voiceDetail .specialInterview .photoBox .flexBox .interviewText03:after {
    background: url(../image/interview/brackets_r.svg) no-repeat 100% 0;
}

#corpoInterviewDetail .voiceDetail .detailArea h4 div {
    border-bottom: 1px solid #a86b6d;
}

#corpoInterviewDetail .voiceDetail .detailArea h4 div:before {
    border-color: #a86b6d transparent transparent transparent;
}

#corpoInterviewDetail .voiceDetail .detailArea h4 div:after {
    border-color: #f9f7f4 transparent transparent transparent;
}

#corpoInterviewDetail .voiceDetail .detailArea .textColor {
	color: #a86b6d;
}



@media screen and (min-width:320px) and ( max-width:767px) { 
	
	#corpoInterviewDetail .mainImage {
		margin-bottom: 70px;
	}
	
	#corpoInterviewDetail .voiceDetail .specialInterview {
		padding: 70px 25px 50px;
		max-width: none;
		margin: 25px auto 0;
		width: 92%;
	}
	
	
	
		

}

@media screen and (min-width:768px) and ( max-width:1024px)  { 
		
	#corpoInterviewDetail .mainImage {
		margin-bottom: 60px;
	}	
	
	#corpoInterviewDetail .voiceDetail .specialInterview {
		max-width: 92%;
	}
}