@charset "utf-8";
/* -----------------------------------------
case.css
----------------------------------------- */

.caseNote {
	font-size: 80%;
	text-align: right;
	color: #919191;
	margin-bottom: 20px;
}
.caseBox {
	margin-bottom: 40px;
	border-bottom: 1px solid #919191;
	padding-bottom: 30px;
}
.casePortrate {
	float: left;
	width: 130px;
	margin-right: 15px;
}
.caseInterview {
	overflow: hidden;
}
.caseCopy {
	font-size: 160%;
	margin-bottom: 5px;
	font-weight: bold;
	color: #192c79;
}
.caseProfile {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 2px dotted #ddd;
}
.caseName {
	display: inline-block;
	vertical-align: middle;
	font-size: 113.3%;
	margin: 5px 20px 5px 0;
}
.casePosition {
	display: inline-block;
	vertical-align: middle;
	font-size: 80%;
	color: #919191;
}
.caseInterviewContent p + p {
	margin-top: 20px;
}

body.sp .caseBox {
	margin-bottom: 30px;
	padding-bottom: 20px;
}
body.sp .casePortrate {
	width: 90px;
}
body.sp .caseInterview {
	overflow: visible;
}
body.sp .caseCopy {
	padding-left: 105px;
	font-size: 18px;
	margin-bottom: 5px;
}
body.sp .caseProfile {
	padding-left: 105px;
	padding-bottom: 10px;
}
body.sp .caseName {
	margin: 0 0 5px;
}
body.sp .casePosition {
	line-height: 1.4;
}
body.sp .caseInterviewContent p + p {
	margin-top: 15px;
}