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


/*************
共通
*************/

/* h1 */
.h1_wrap {
	background-image: url(../img/bg_h1.jpg);
}

.content_wrapper {
	padding-top: 96px;
	padding-bottom: 96px;
}
/*************
service
*************/
.service_list {
	max-width: 1140px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 96px;
	margin: 0 auto;
}
.service_item {
	display: flex;
	gap: 48px;
	align-items: center;
	padding-top: 30px;
	margin-top: -30px;
}
.service_image {
	width: 364px;
}
.service_image img {
	width: 100%;
	border-radius: 8px;
}
.service_body {
	flex: 1;
}
.service_item_hd {
	font-weight: bold;
	font-size: 24px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	color: #FFF;

}
.service_item_text {
	margin-top: 8px;
	border-top: 1px solid var(--border-color);
	padding: 32px 0;
	font-size: 15px;
}
.service_item_column {
	border-top: 1px solid var(--border-color);
	padding: 16px 0 0;
}
.service_item_column dt {
	font-size: 14px;
}
.service_item_column dd {
	font-size: 12px;
	margin-top: 8px;
}
.service_column_b {
	font-weight: bold;
}
@media(max-width:1024px) {
	.service_item {
		flex-direction: column-reverse;
		gap: 32px;
		align-items: flex-start;
		padding-top: 100px;
		margin-top: -100px;	
	}

}

@media(max-width:768px) {
	.content_wrapper {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.service_list {
		gap: 80px;
	}
	.service_image {
		max-width: 364px;
		width: 100%;
	}
	.service_item_hd {
		font-size: 20px;
	}
	.service_item_text {
		padding: 16px 0;
	}
}
/*************
メディアクエリ
*************/


/*************
*************/
@media(max-width:1024px) {}
@media(max-width:768px) {}
/*************

*************/
@media(max-width:768px) {}
/*************
*************/
@media(max-width:1024px) {}
@media(max-width:768px) {}
@media all and (max-width: 480px) {}
/*************
*************/
@media(max-width:1024px) {}
@media(max-width:768px) {}