@charset "utf-8";

/* CSS Document */
.ec-ContentsRole p {
	margin-bottom: 0;
}

.ec-ContentsRole img {
	margin-bottom: 0;
}

.headerNav {
	width: 30%;
	margin: 0.5em 0 1em 70%;
}

.headerNav li,
.footerNav li {
	float: left;
	width: 40%;
	margin-left: 10%;
}

.headerNav li img,
.footerNav li img {
	width: 100%;
}

.footerNav {
	width: 100%;
	margin: 0.5em 0 1em;
}

.footerNav ul {
	width: 30%;
}

.interviewer {
	color: #211713;
}

.interviewee {
	color: #5E2126;
	font-weight: bold;
}

#section01 p,
#section02 p,
#section03 p,
#section04 p,
#section05 p {
	margin: 0 0 2em;
	text-align: left;
	line-height: 1.75;
}

.voice1,
.voice2,
.voice3 {
	margin-bottom: 1em;
}

@media screen and (min-width: 480px) {}

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

@media screen and (min-width: 768px) {

	#section01,
	#section02,
	#section03 {
		margin: 0 0 50px;
		padding: 0 0 0 30px;
		font-size: 115%;
	}

	#mv {}

	.ec-ContentsRole h2 {
		margin: 0 0 45px;
		padding: 0;
		border: none;
		background: none;
		text-align: left;
	}

	.ec-ContentsRole h2:nth-child(even) {
		text-align: right !important;
	}

	#attention01 {
		padding: 0 300px 0 0;
		background: url(/html/template/million01/assets/img/vegetable-juice/interview/i04.png) right top no-repeat;
		min-height: 360px;
	}

	#attention02 {
		padding: 0 0 0 300px;
		background: url(/html/template/million01/assets/img/vegetable-juice/interview/i06.png) left top no-repeat;
		min-height: 360px;
	}

	#attention03 {
		padding: 0 300px 0 0;
		background: url(/html/template/million01/assets/img/vegetable-juice/interview/i08.png) right top no-repeat;
		min-height: 360px;
	}

	#attention04 {
		padding: 0 0 0 300px;
		background: url(/html/template/million01/assets/img/vegetable-juice/interview/i11.png) left top no-repeat;
		min-height: 360px;
	}

	.headerNav {
		margin: 0 0 2em;
		padding: 0 0 0 85%;
		width: 15%;
	}

	.headerNav li {
		float: left;
		margin: 15px 0 10px 10%;
		width: 40%;
	}

	.footerNav {
		margin: 0 0 20px 5%;
		width: 95%;
	}

	.footerNav ul {
		padding: 0 0 0 0;
		width: 20%;
	}

	.footerNav li {
		float: left;
		margin: 0 10% 0 0;
	}

	.segment.block_vs {
		width: 730px;
		margin: 0;
	}

	.segment.block_vs .f_left,
	.segment.block_vs .f_right {
		width: 347px;
	}

	.yj_regular_cart,
	.black_regular_cart {
		width: 347px;
		height: 200px;
		padding: 130px 0 0;
	}

	.ec-ContentsRole .block_vs .yj_regular_cart p,
	.ec-ContentsRole .block_vs .black_regular_cart p {
		text-align: center;
	}

	.block_voice {
		width: 700px;
		height: 1020px;
		margin: 0 auto 30px;
		background: url(/html/template/million01/assets/img/vegetable-juice/interview/bg00.png) left top no-repeat;
		position: relative;
	}

	.block_voice .message {
		width: 305px;
		font-size: 16px;
		text-align: left;
	}

	.block_voice .profile {
		width: 300px;
		font-size: 16px;
		text-align: right;
	}

	.block_voice .voice1 {
		position: absolute;
		top: 211px;
		left: 35px;
		color: #006600;
	}

	.block_voice .voice2 {
		position: absolute;
		top: 535px;
		left: 370px;
		color: #006600;
	}

	.block_voice .voice3 {
		position: absolute;
		top: 785px;
		left: 35px;
		color: #5F1F25;
	}

	.block_voice .voice4 {
		position: absolute;
		top: 785px;
		left: 370px;
		color: #5F1F25;
	}
}