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

/*
 * insurance special contents
 * hoken -nenkin handbook
 * per article  styles CSS
 * ========================================================================== */
h2 span.title_body {
	font-size: 40px;
}

.lead {
	margin-bottom: 64px;
}

.casestudy h3,
.symposium_body h3 {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 32px;
}

.casestudy h3 span,
.symposium_body h3 span {
	padding: 8px;
	color: #fff;
	font-size: 24px;
}

.casestudy h3 span {
	background: #D13846;
}

.symposium_body h3 span {
	background: #0075b6;
}

.casestudy h3::after {
	content: "";
	display: block;
	margin-left: 16px;
	width: 48px;
	height: 48px;
	background: url("../../../../images/service/insurance/handbook/column/special/special_symposium02_icon_lock.webp") no-repeat;
	background-size: contain;
}

.case_items {
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	justify-content: space-between;
}

.case_items li {
	margin-bottom: 32px;
	max-width: 450px;
}

.case_items li h4 {
	color: #D13846;
	font-weight: bold;
	font-size: 24px;
	border-bottom: solid 1px #D13846;
	background-image: none!important;
}

.case_items li h4 .number {
	font-size: 48px;
	margin-right: 8px;
	font-style: italic;
}

/*
 * Tablet CSS
 * タブレット用CSS
 * ========================================================================== */
@media (max-width: 1024px) {
	h2 span.title_body {
		font-size: 28px;
	}

.case_items li {
	max-width: 344px;
}

}


/*
 * Smart phone CSS
 * スマホ用CSS
 * ========================================================================== */
@media (max-width: 767px) {
}