@charset "shift_jis";

/**
 *  PayPay“X•Ü�ê—pƒ��[ƒ“ ‚¨‹q‚³‚Ü‚Ì�º
 */

.casestudy-body {
	max-width: 680px;
	margin: 0 auto;
}

.casestudy-body > .hdg-01 {
	margin: .5em 0 0 0;
	text-align: left;
}

.casestudy-body > .img-caption-01 {
	margin-top: 1.25em;
}

.casestudy-category {
	margin-top: 0;
	color: #606060;
	font-size: 1.4rem;
}

.casestudy-lead {
	margin-top: 1.25em;
	line-height: 1.8;
	font-size: 1.8rem;
}

.casestudy-profile {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.25em;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: .75em 0;
}

.casestudy-profile > div {
	display: flex;
	margin-right: 2em;
}

.casestudy-profile > div:last-child {
	margin-right: 0;
}

.casestudy-profile > div > dt {
	flex-shrink: 0;
	margin-right: .75em;
	color: #606060;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 2;
}

.casestudy-profile > div > dd {
	font-size: 1.4rem;
	line-height: 2;
}

.interview-01 > p {
	margin-top: 1em;
	line-height: 1.9;
}

.interview-01 > .question {
	margin-top: 2.25em;
	padding-left: 1.6em;
	text-indent: -1.6em;
	color: #606060;
	font-weight: bold;
}

.interview-01 > .question::before {
	content: "\2015\2015";
	margin-right: .25em;
}

.interview-01 > .question + p {
	margin-top: .75em;
}

@media screen and (max-width: 767px) {
	.casestudy-lead {
		font-size: 1.6rem;
	}
	.casestudy-profile > div > dt,
	.casestudy-profile > div > dd {
		font-size: 1.3rem;
	}
	.casestudy-profile > div {
		margin-right: 1.25em;
	}
}