@charset "UTF-8";
#contentHeader {
	background : url(/wp/wp-content/themes/estem-ao/publics/staff_agency/img/bg_main_visual.jpg) 50% 50% no-repeat;
	background-size : cover;
}
.pt01 .content .copy {
	font-family : "Noto Serif JP", serif;
	font-size : 2.25em;
	margin-bottom : 1em;
	text-align : center;
}
.flowlist {
	margin-bottom : 1.5em;
	padding : 0;
}
.flowlist > li {
	position : relative;
	line-height : 1.75;
	padding : 25px 25px 25px 9em;
	background-color : #f5f5f5;
}
.flowlist > li:not(:last-child) {
	margin-bottom : 1.5em;
}
.flowlist > li:not(:last-of-type)::after {
	display : block;
	position : absolute;
	top : 100%;
	left : calc(50% - 20px);
	width : 0;
	height : 0;
	content : "";
	border-width : 20px;
	border-style : solid;
	border-color : #f7c242 transparent transparent transparent;
}
.flowlist > li span {
	position : absolute;
	top : -6px;
	left : 25px;
	font-family : "Oswald", sans-serif;
	line-height : 1.75;
	margin-right : 10px;
	padding : 5px 20px;
	border : 1px solid #f7c242;
	background-color : #ffffff;
}






.service {
	padding : 0;
}
.service h4 {
	position : relative;
	font-size : 1.4em;
	margin-bottom : 1.5em;
	padding-bottom : 0.6em;
	border-bottom : 2px solid #ffffff;
}
.service h4::after {
	display : inline-block;
	position : absolute;
	bottom : -1px;
	left : 0;
	width : 3em;
	height : 2px;
	content : "";
	background-color : #f7c242;
}
.service .case_wrap {
	position : relative;
	line-height : 1.75;
	margin : 0 0 15px 0;
	padding : 40px;
	padding-left : 4em;
	border : 1px solid #cccccc;
}

.service .case_wrap:not(:last-child) {
	margin-bottom : 1.8em;
}
.service .case_wrap .icon {
	position : absolute;
	top : -15px;
	left : 50px;
	font-family : "Oswald", sans-serif;
	font-size : 1.2em;
	line-height : 1.75;
	margin-right : 10px;
	padding : 0 15px;
	color : #f7c242;
	background-color : #ffffff;
}
.service .case_wrap p {
	margin : 0 0 15px 0;
}
.service .case_wrap .back_glay {
	display : grid;
	grid-template-columns : 1fr 8fr;
	background-color : #f5f5f5;

	gap : 0;
}
.service .case_wrap .back_glay .ans {
	line-height : 1.8em;
	margin : 0;
	padding : 30px;
}
.service .case_wrap .back_glay .kekkaicon {
	display : flex;
	font-weight : bold;
	line-height : 1.8em;
	justify-content : center;
	align-items : center;
	margin : 0;
	padding : 30px;
	background-color : #f7c242;
}
.line p:not(:last-child) {
	margin-bottom : 1em;
	padding-bottom : 1em;
	border-bottom : 1px solid #dddddd;
}
.line p:last-child {
	margin-bottom : 0;
	padding-bottom : 0;
}

#merit .caption {
	font-size : 0.875em;
	font-weight : bold;
	margin-bottom : 0.5em;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
	#intro .content .copy {
		font-size : 1.325em;
		text-align : left;
	}
	.pt01 .content .copy {
		font-size : 1.5em;
	}
	.flowlist > li {
		padding : 40px 20px 20px 20px;
	}
	.flowlist > li:not(:last-child) {
		margin-bottom : 1em;
	}
	.flowlist > li span {
		left : 20px;
	}
	.flowlist > li:not(:last-child) {
		margin-bottom : 2em;
	}
	.service .case_wrap {
		padding : 20px;
	}
	.service .case_wrap .back_glay {
		padding : 15px;
	}
	.service .case_wrap .back_glay {
		display : block;
	}
	.service .case_wrap .back_glay .ans {
		line-height : 1.8em;
		margin : 0;
		padding : 15px;
	}
	.service .case_wrap .back_glay .kekkaicon {
		display : flex;
		font-weight : bold;
		line-height : 1.8em;
		justify-content : center;
		align-items : center;
		margin : 0;
		padding : 15px;
		background-color : #f7c242;
	}
}