@charset "UTF-8";

.bread {
	background: url(images/sub_bg.jpg);
	background-size: cover;
}

.interview_top {
	position: relative;
	height: 570px;
}

.top_text {
	width: 550px;
	
	background: #fafafa;
	padding: 40px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	
	font-size: 15px;
}

.profile {
	border-left: 2px solid #111;
	padding: 3px 0 3px 10px;
	
	line-height: 1.8;
	margin: 20px 0 15px;
}

.profile_text {
	margin-top: 15px;
	line-height: 2;
}

.interview_box1 {
	margin-top: 177px;
	overflow: hidden;
}

.interview_box1 .interview_box1_text {
	background: #fff;
	width: 600px;
	padding: 30px 45px;
	margin: -275px 0 0 500px;
	position: relative;
	z-index: 2;
}

.interview_box2 {
	margin-top: 30px;
	overflow: hidden;
	text-align: right;
}

.interview_box2 .interview_box2_text {
	background: #fff;
	width: 610px;
	padding: 30px 60px 30px 160px;
	margin: -480px 0 0 0px;
	position: relative;
	z-index: 2;
	text-align: left;
}

.interview_box3 {
	margin-top: 70px;
	overflow: hidden;
}

.interview_box3 .interview_box3_text {
	background: #fff;
	width: 480px;
	padding: 30px 40px;
	margin: -290px 0 0 620px;
	position: relative;
	z-index: 2;
	text-align: left;
}

.movie {
	min-width: 1100px;
	background: #fafafa;
	padding: 75px 0;
	text-align: center;
}

.movie iframe {
	width: 640px;
	height: 360px;
}

#interview.pagelink {
	background: none;
}

#interview.index {
	padding: 0;
}

#interview.index ul {
	margin-top: 0;
}

#interview h2 {
	width: 1100px;
	margin: 0 auto 45px;
	float: none;
	text-align: center;
	
	font-size: 24px;
	color: #e01919;
}

#interview.pagelink .current span {
	background: #e01919;
	color: #fff;
}

.owner {
	width: 1100px;
	margin: auto;
	background: #e9e7e7;
	padding: 40px;
	overflow: hidden;
}

.owner a {
	color: #111;
}

.owner a:hover {
	opacity: 0.7;
	transition: 0.3s ease all;
}

.owner_photo {
	float: left;
	width: 410px;
	padding: 20px 40px;
	background: url(images/owner.jpg);
	background-position: center;
	background-size: cover;
}

.owner_text {
	float: right;
	width: 610px;
	background: #fff;
	padding: 20px 30px;
	line-height: 2.2;
}

.owner_text p {
	background: #e01919;
	color: #fff;
	font-size: 18px;
	padding: 5px 11px 7px;
	display: inline-block;
}

.owner_text > span {
	display: block;
	font-weight: bold;
	margin: 15px 0 10px;
}

@media screen and (max-width: 640px) {

.interview_top {
	position: relative;
	height: auto;
}

.interview_top img {
	display: block;
	width: 70%;
	margin: auto;
}

.top_photo {
	background: linear-gradient(white 0%, white 50%, #fafafa 50%);
}

.top_text {
	width: 100%;
	
	padding: 40px 4%;
	position: relative;
	top: auto;
	transform: translateY(0);
	right: auto;
}

.profile {
	border-left: 2px solid #111;
	padding: 3px 0 3px 10px;
	
	line-height: 1.8;
	margin: 20px 0 15px;
}

.profile_text {
	margin-top: 15px;
	line-height: 2;
}

.interview_box1 {
	margin-top: 60px;
	overflow: hidden;
}

.interview_box1 img {
	width: 100%;
}

.interview_box1 .interview_box1_text {
	background: #fff;
	width: 100%;
	padding: 30px 4%;
	margin: 0;
}

.interview_box2 {
	margin-top: 60px;
}

.interview_box2_photo img {
	width: 100%;
}

.interview_box2 .interview_box2_text {
	background: #fff;
	width: 100%;
	padding: 30px 4%;
	margin: 0px 0 0px;
}

.interview_box3 {
	margin-top: 30px;
}

.interview_box3 img {
	width: 100%;
}

.interview_box3 .interview_box3_text {
	background: #fff;
	width: 100%;
	padding: 30px 4%;
	margin: 0px 0 0 0px;
}

.movie {
	width: 100%;
	min-width: 100%;
	background: #fafafa;
	padding: 30px 0;
	text-align: center;
	margin: 30px 0 60px;
}

.movie div {
    position:relative;
    width:80%;
    height:0;
	margin: auto;
    padding-top: 45%;
}

.movie iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#interview.pagelink {
	background: none;
}

.owner {
	display: none;
}


}