/* Scss Document */
/* header */
@media print, screen and (min-width: 768px) and (max-width: 1050px) {
  .area_gnavi .nav_service a::before {
    width: calc(100% - 32px) !important; } }

@media screen and (min-width: 1051px) {
  .area_gnavi .nav_service a::before {
    width: calc(100% - 60px) !important; } }

/*# sourceMappingURL=service.css.map */




.area_service .box {
	margin-bottom: 90px;
	position: relative;
	width: 100%;
    height: auto;
}
.area_service .box .lead {
	line-height: 2.2;
	margin: 0 40px 40px;
}
@media print, screen and (min-width: 768px) {
	.area_service .box {
		display: flex;
	}
	.area_service .box.right {
		justify-content: flex-end;
	}
	.area_service .box .lead {
		max-width: 300px;
	}
}
@media screen and (max-width: 767px) {
	.area_service .box {
		display: flex;
		flex-direction: column;
	}
	.area_service .box.left .lead {
		order: -1;
	}
	.area_service .box.left .img {
		order: 1;
	}
}