@charset "utf-8";

.con_dtl02 {
	margin: 30px 50px 0 50px;
}

.work_block {
	margin: 0 0 10px 0;
}

.work_block:last-child {
	margin: 0;
}

.work_ttl {
	font-size: 1.8rem;
	padding: 5px 0 7px 25px;
	box-sizing: border-box;
}

.work_flow {
	position: relative;
	display: table;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 13px 0 10px 25px;
	background: #C7FFDE;
	box-sizing: border-box;
}

.work_flow:after {
	content: "";
	position: absolute;
	bottom: -15px; left: 40px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: #C7FFDE transparent transparent transparent;
	z-index: 1;
}

.work_flow:first-child {
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

.work_flow:nth-child(even) {
	background: #98E5B7;
}

.work_flow:nth-child(even):after {
	border-color: #98E5B7 transparent transparent transparent;

}

.work_flow:last-child {
	margin: 0 0 0px 0;
	border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
}


.all_rad {
	display: table;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 13px 0 10px 25px;
	background: #C7FFDE;
	box-sizing: border-box;
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}

.work_flow:last-child:after {
	display: none;
}

.work_flow_l {
	display: table-cell;
	width: 50px;
	text-align: center;
	vertical-align: middle;
	padding: 0 25px 0 0;
}

.work_flow_l img {
	width: 100%
}

.work_flow_r {
	display: table-cell;
	width: calc(100% - 50px );
	font-size: 1.7rem;
	vertical-align: middle;
}


.con_dtl_m {
	margin: 90px 0 0 0;
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
}

.con_dtl02 ul {
	width: 100%;
	font-size: 0;
	margin: 40px 0 0 0;
	padding: 0 25px;
	box-sizing: border-box;
}

.con_dtl02 ul li {
	display: inline-block;
	width: calc(100% / 2);
	margin: 0 0 20px 0;
	line-height: 1.5;
	font-size: 1.8rem;
}

.con_dtl02 ul li:last-child {
	margin: 0;
}






@media screen and (max-width: 1186px) {

	.con_dtl02 {
		margin: 25px 0 0 0;
	}

	.work_ttl {
		font-size: 1.7vw;
		padding: 5px 0 7px 25px;
		box-sizing: border-box;
	}

	.work_flow {
		position: relative;
		display: table;
		width: 100%;
		margin: 0 0 5px 0;
		padding: 13px 0 10px 2.5vw;
		background: #C7FFDE;
		box-sizing: border-box;
	}

	.work_flow:after {
		content: "";
		position: absolute;
		bottom: -1.5vw;
		left: 4.0vw;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 1.5vw 1.0vw 0 1.0vw;
		border-color: #C7FFDE transparent transparent transparent;
		z-index: 1;
	}

	.work_flow:first-child {
		border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	}

	.work_flow:nth-child(even) {
		background: #98E5B7;
	}

	.work_flow:nth-child(even):after {
		border-color: #98E5B7 transparent transparent transparent;

	}

	.work_flow:last-child {
		margin: 0 0 0px 0;
		border-radius: 0 0 10px 10px / 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	}

	.work_flow:last-child:after {
		display: none;
	}

	.work_flow_l {
		display: table-cell;
		width: 5.0vw;
		text-align: center;
		vertical-align: middle;
		padding: 0 10px 0 0;
	}

	.work_flow_l img {
		width: 100%
	}

	.work_flow_r {
		display: table-cell;
		width: calc(100% - 5.0vw );
		font-size: 1.7vw;
		vertical-align: middle;
	}

	.con_dtl_m {
		margin: 60px 0 0 0;
		text-align: center;
		font-size: 2.4vw;
		font-weight: bold;
	}


	.con_dtl02 ul {
		width: 100%;
		font-size: 0;
		margin: 40px 0 0 0;
		padding: 0 2.5vw;
		box-sizing: border-box;
	}

	.con_dtl02 ul li {
		display: inline-block;
		width: calc(100% / 2);
		margin: 0 0 20px 0;
		line-height: 1.5;
		font-size: 1.7vw;
	}

	.con_dtl02 ul li:last-child {
		margin: 0;
	}


}

@media screen and (max-width: 767px) {


	.con_dtl02 {
		margin: 10px 0 0 0;
	}

	.work_block {
		margin: 0 0 5px 0;
	}

	.work_block:last-child {
		margin: 0;
	}

	.work_ttl {
		font-size: 3.75vw;
		padding: 5px 0 7px 10px;
		box-sizing: border-box;
	}

	.work_flow {
		position: relative;
		display: table;
		width: 100%;
		margin: 0 0 3px 0;
		padding: 10px 0 8px 10px;
		background: #C7FFDE;
		box-sizing: border-box;
	}

	.work_flow:after {
		content: "";
		position: absolute;
		bottom: -10px;
		left: 4.6875vw;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #C7FFDE transparent transparent transparent;
		z-index: 1;
	}

	.work_flow:first-child {
		border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	}

	.work_flow:nth-child(even) {
		background: #98E5B7;
	}

	.work_flow:nth-child(even):after {
		border-color: #98E5B7 transparent transparent transparent;

	}

	.work_flow:last-child {
		margin: 0 0 0px 0;
		border-radius: 0 0 10px 10px / 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	}

	.work_flow:last-child:after {
		display: none;
	}

	.all_rad {
			display: table;
			width: 100%;
			margin: 0 0 3px 0;
			padding: 10px 0 8px 10px;
		background: #C7FFDE;
		box-sizing: border-box;
		border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	}

	.work_flow_l {
		display: table-cell;
		width: 9.375vw;
		text-align: center;
		vertical-align: middle;
		padding: 0 10px 0 0;
	}

	.work_flow_l img {
		width: 100%
	}

	.work_flow_r {
		display: table-cell;
		width: calc(100% - 9.375vw );
		font-size: 3.75vw;
		vertical-align: middle;
	}

	.con_dtl_m {
		margin: 25px 0 0 10px;
		text-align: left;
		font-size: 3.75vw;
		font-weight: bold;
	}



	.con_dtl02 ul {
		width: 100%;
		font-size: 0;
		margin: 15px 0 0 0;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.con_dtl02 ul li {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
		line-height: 1.5;
		font-size: 3.75vw;
	}

	.con_dtl02 ul li:last-child {
		margin: 0;
	}



}