@charset "UTF-8";

#mvis.visualArea .constBox {
	justify-content: flex-end;
}
#mvis.visualArea .constBox .tit {
	margin-bottom: 0;
}

#mvis.visualArea.post01 { background-image: url(../img/interview/post01/mv.jpg); }
#mvis.visualArea.post02 { background-image: url(../img/interview/post02/mv.jpg); }
#mvis.visualArea.post03 { background-image: url(../img/interview/post03/mv.jpg); }
#mvis.visualArea.post04 { background-image: url(../img/interview/post04/mv.jpg); }
#mvis.visualArea.post05 { background-image: url(../img/interview/post05/mv.jpg); }
#mvis.visualArea.post06 { background-image: url(../img/interview/post06/mv.jpg); }
#mvis.visualArea.post07 { background-image: url(../img/interview/post07/mv.jpg); }

@media(max-width:812px) {
	#mvis.visualArea.post01 { background-image: url(../img/interview/post01/mv_sp.jpg); }
	#mvis.visualArea.post02 { background-image: url(../img/interview/post02/mv_sp.jpg); }
	#mvis.visualArea.post03 { background-image: url(../img/interview/post03/mv_sp.jpg); }
	#mvis.visualArea.post04 { background-image: url(../img/interview/post04/mv_sp.jpg); }
	#mvis.visualArea.post05 { background-image: url(../img/interview/post05/mv_sp.jpg); }
	#mvis.visualArea.post06 { background-image: url(../img/interview/post06/mv_sp.jpg); }
	#mvis.visualArea.post07 { background-image: url(../img/interview/post07/mv_sp.jpg); }
}


.postContainer {
	max-width:1080px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4em;
	font-size: 15px;
}

.w700 {
	max-width:700px;
	margin-left:auto;
	margin-right: auto;
}
.w860 {
	max-width:860px;
	margin-left:auto;
	margin-right: auto;
}

.layoutRight {
	margin-right: 0;
	margin-left: auto;
}

.postContainer > *:not(:first-child) {
	margin-top: 1.5em;
}

.postContainer figure {
	text-align: center;
}

.postContainer figure:not(:first-child) {
	margin-top: 2em;
}
.postContainer p {
	line-height: 2;
}
.postContainer p + p {
	margin-top: 2em;
}

.postContainer p .dash {
	display:inline-block;
	width:2em;
	height:1px;
	background: #000;
	vertical-align: middle;
	margin-left: 0.2em;
	margin-right: 0.2em;
}

.postContainer .head01 {
	margin-top: 2.5em;
	margin-bottom: 1em;
	font-size: 28px;
}
.postContainer .w700 .head01 {
	margin-top: 0;
}

.postContainer .profileArea {
	margin-top: 4em;
	font-size: 13px;
}
.postContainer .profileArea .tit {
	font-weight: bold;
	margin-top: 1.5em;
}


@media(min-width:561px) {
	.postContainer .floatArea::before,
	.postContainer .floatArea::after {
		content: "";
		display: block;
		clear: both;
	}
	.postContainer .floatArea.imgLeft img {
		float:left;
		margin-right: 3em;
		margin-bottom: 1em;
		max-width: 50%;
	}
	.postContainer .floatArea.imgLeft.no_btm p {
		margin-left: calc(50% + 3em);
	}
	.postContainer .floatArea.imgRight img {
		float:right;
		margin-left: 3em;
		margin-bottom: 1em;
		max-width: 50%;
	}
	.postContainer .floatArea.imgRight.no_btm p {
		margin-right: calc(50% + 3em);
	}
}
@media(max-width:560px) {
	.postContainer {
		font-size: 3.4vw;
	}
	.postContainer .head01 {
		font-size: 5.3vw;
	}
	.postContainer .floatArea img + p {
		margin-top: 1.5em;
	}
	.postContainer .profileArea {
		font-size: 12px;
	}
}
