@charset "utf-8";
/* CSS Document */

/*
 * pickup contents main area CSS
 * Individual description file
 * pickup "Lawyers office" Contents
 * ========================================================================== */

/* ========================
 * page head
 * ======================== */
.head {
	margin-bottom: 72px;
	background: url("../../../images/pickup/lawyersoffice/03/head_bg.webp") no-repeat center;
	background-size: cover;
}

.head.type_box h1>span {
	background: rgba(231,56,32,0.75);
	color: #fff;
}

p.lead {
	margin-top: 0;
}

.lead-area .caption {}

.banner {
	display: flex;
	justify-content: center;
	margin-bottom: 64px;
	padding: 0 30px;
}

main h3 {
	color: #58b331;
	margin-bottom: 16px;
}

.user-interview .caption {
	margin-top: 16px;
}

.user-interview .cast {
	font-size: 12px;
	line-height: 16px;
}

/*
 * Tablet CSS
 * タブレット用CSS
 * ========================================================================== */
@media (min-width: 766px) {

	.lead-area {
		display: flex;
		justify-content: space-between;
	}

	p.lead {}

	.lead-area .content-box {
		width: 400px;
	}

	.lead-area .photo_box {
		width: 280px;
	}

	.lead-area .caption {
		padding: 0 20px;
	}

	.photo_items {
		flex-wrap: nowrap;
	}

	.photo_items li {
		margin: 0;
	}

	h3 {}

	.user-interview .caption {
		padding-top: 32px;
		margin-top: 16px;
	}

	.user-interview .cast {
		padding-left: 4em;
		text-indent: -4em;
	}

}

/*
 * PC CSS
 * コンピュータ用CSS
 * ========================================================================== */

@media (min-width: 1240px) {
	p.lead {}

	.lead-area .content-box {
		width: 614px;
	}

	.lead-area .photo_box {
		width: 334px;
	}

	.photo_items {}

	.photo_items li {}

	h3 {}

	.strip_zone section.user-interview {
		display: flex;
		padding-left: 0;
		padding-right: 0;
	}
	
	.user-interview .photo_box {
	}
	
	.user-interview .caption {
		margin: 0 0 0 32px;
	}

	.user-interview .cast {}


}