@charset "utf-8";
.service_gr {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 40px
}
.service_item {
		display: flex;
		margin: 0 0 140px;
		width: 100%;
		position: relative;
}
.service_gr .service_item:nth-child(even) {
		display: flex;
		justify-content: flex-end;
}
.service_item_figure img {
		width: 100%;
		height: auto;
}
.service_item_figure {
		width: 685px;
		position: relative;
		z-index: 2;
		left: -80px;
}
.service_item_figure::before {
		content: '';
		display: block;
		position: absolute;
		bottom: -20px;
		left: -44px;
		width: calc(100% - 10px);
		height: 100%;
		z-index: -1;
		background: #C3392D;
		transform-origin: right center;
}
.service_gr .service_item:nth-child(even) .service_item_figure::before {
		left: inherit;
		right: -44px;
		transform-origin: left center;
}
.service_gr .service_item:nth-child(even) .service_item_figure {
		left: inherit;
		right: -80px;
}
.service_item .service_item_caption {
		position: absolute;
		background: #f3f1f1 url("../images/check_bg.png");
		padding: 60px 60px 40px;
		padding-left: 110px;
		padding-right: 40px;
		box-sizing: border-box;
		width: calc(50% + 80px);
		right: -30px;
		bottom: -40px;
}
.service_item.long .service_item_caption {
		bottom: inherit;
		top: 60px;
}
.service_gr .service_item:nth-child(even) .service_item_caption {
		padding: 80px 80px 40px;
		padding-right: 110px;
		padding-left: 40px;
		right: inherit;
		left: -30px;
}
.service_item_hd {
		display: flex;
		margin-bottom: 30px;
}
.service_item_hd h3 {
		font-size: 24px;
		font-weight: 700;
		display: flex;
		align-items: center;
		background: #C3392D;
		color: #fff;
		padding: 0 20px;
		height: 56px;
}
.service_item_caption h4, .service_item_sb {
		margin-bottom: 25px;
		font-size: 22px;
		line-height: 1.6;
		font-weight: 500;
}
.service_item_caption p {
		line-height: 2.0;
		font-weight: 500;
}
.service_item_dt {
		display: flex;
		margin: 20px 0 13px;
}
.service_item_dt h5 {
		background: #fff;
		padding: 10px;
		color: #A52317;
		font-size: 15px;
		font-weight: 500;
}
.service_figure_double {
		position: relative;
}
.service_figure_double p {
		font-weight: 500;
		position: absolute;
		left: 15px;
		bottom: 15px;
		color: #000;
}
@media(max-width: 1400px) {
		.service_item_figure {
				width: calc(50% + 50px);
				left: -20px;
		}
		.service_item_figure::before {
				bottom: -20px;
				left: -40px;
				width: 100%;
		}
		.service_gr .service_item:nth-child(even) .service_item_figure::before {
				left: inherit;
				right: -40px;
		}
		.service_gr .service_item:nth-child(even) .service_item_figure {
				left: inherit;
				right: -20px;
		}
		.service_item .service_item_caption {
				padding: 50px;
				padding-left: 70px;
				box-sizing: border-box;
				width: calc(50% + 60px);
				right: -50px;
				bottom: -50px
		}
		.service_gr .service_item:nth-child(even) .service_item_caption {
				padding: 50px;
				padding-right: 70px;
				right: inherit;
				left: -50px;
		}
		.service_item_hd {
				margin-bottom: 25px;
		}
		.service_item_hd h3 {
				font-size: 20px;
				padding: 0 20px;
				height: 46px;
		}
}
@media(max-width: 1200px) {
		.service_item.long {
				margin-bottom: 200px;
		}
		.service_item.long .service_item_caption {
				bottom: inherit;
				top: 0
		}
}
@media(max-width: 1150px) {
		.service_item.long {
				margin-bottom: 300px;
		}
		.service_item_figure {
				width: calc(50% + 20px);
				left: -30px;
		}
		.service_item_figure::before {
				bottom: -20px;
				left: -30px;
		}
		.service_gr .service_item:nth-child(even) .service_item_figure::before {
				left: inherit;
				right: -30px;
		}
		.service_gr .service_item:nth-child(even) .service_item_figure {
				left: inherit;
				right: -30px;
		}
		.service_item .service_item_caption {
				padding: 25px;
				padding-left: 55px;
				box-sizing: border-box;
				width: calc(50% + 80px);
				right: -40px;
				bottom: -70px
		}
		.service_gr .service_item:nth-child(even) .service_item_caption {
				padding: 25px;
				padding-right: 55px;
				right: inherit;
				left: -40px;
		}
		.service_item_hd {
				margin-bottom: 15px;
		}
		.service_item_caption p .pcbr {
				display: none
		}
		.service_item_hd h3 {
				font-size: 20px;
				padding: 0 20px;
				height: 38px;
		}
		.service_item_caption p {
				line-height: 1.8;
				font-weight: 500;
				text-align: justify;
		}
}
@media(max-width: 767px) {
		.service_gr {
				padding: 0 25px;
		}
		.service_item, .service_gr .service_item:nth-child(even) {
				display: block;
				margin: 0 0 40px;
				width: 100%;
		}
		.service_item {
				box-shadow: 12px 8px 0px #C3392D
		}
		.service_gr .service_item:nth-child(even) {
				box-shadow: -12px 8px 0px #C3392D
		}
		.service_item_figure {
				width: 100%;
				left: inherit !important;
				right: inherit !important;
		}
		.service_item_figure::before {
				display: none
		}
		.service_item .service_item_caption, .service_gr .service_item:nth-child(even) .service_item_caption {
				position: static;
				background: #f3f1f1 url(../images/check_bg_sp.png);
				padding: 25px;
				box-sizing: border-box;
				width: 100%;
				left: inherit;
				right: inherit;
				bottom: inherit
		}
		.service_item_hd h3 {
				font-size: 18px;
				padding: 0 15px;
				height: 36px;
		}
		.service_item_caption h4, .service_item_sb {
				margin-bottom: 20px;
				font-size: 18px;
		}
		.service_figure_double p {
				font-size: 14px;
				left: inherit;
				right: 10px;
				bottom: 10px;
				color: #fff;
		}
}