@charset "utf-8";
/* CSS Document */
#setting_service p {
	font-size: clamp(14px,4.3vw,16px);
	margin: 0;
}
#setting_service .attention {
	font-size: clamp(12px,3.75vw,14px);
}
#setting_service .red {
	color: #FF0004;
}
#setting_service img {
	vertical-align: bottom;
}
#setting_service h2 {
	background: #cccccc;
	text-align: center;
	border-radius: 50px;
	font-size: clamp(18px,5.6vw,20px);
	font-weight: bold;
	padding: 1% 0;
	margin: 5% auto;
}
#setting_service ol {
	margin: 0;
}
#setting_service #step ul li {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 5% auto;
}
#setting_service #step ul li figure {
	width: 30%;
}
#setting_service #step ul li div {
	width: 65%;
}
#setting_service #step ul li h3 {
	display: inline-block;
	width: auto;
	background: #d3ded5;
	color: #128488;
	font-weight: bold;
	font-size: clamp(16px,5vw,18px);
	margin: 5% 0;
	padding: 0 1em;
}

#setting_service #work_detail ul.tab {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 5% auto 0;
}
#setting_service #work_detail ul.tab li {
	width: 50%;
	text-align: center;
	opacity: 0.2;
    background: #2e8286;
}
#setting_service #work_detail ul.tab li.carrent {
	opacity: 1.0;
}
#setting_service #work_detail .tab_area {
	display: none;
	background: #f1f1f1;
	padding: 0 5% 5%;
	border: 5px solid #128488;
}
#setting_service #work_detail .tab_area.carrent {
	display: block;
}
#setting_service #work_detail .tab_area h3 {
	display: inline-block;
	width: auto;
	background: #d3ded5;
	color: #128488;
	font-weight: bold;
	font-size: clamp(16px,5vw,18px);
	margin: 5% 0 3%;
	padding: 0 1em;
}
#setting_service #work_detail .tab_area ul {
	list-style: disc;
	padding-left: 1.5em;
}
#setting_service #work_detail .tab_area ul li figure {
	margin: 5px auto;
}
#setting_service #work_detail .tab_area ol {
	padding-left: 1.5em;
}
#setting_service #work_detail .tab_area ol figure {
	margin: 10px auto;
}

#setting_service p.bold {
	font-weight: bold;
}