@charset "utf-8";
/* CSS Document */




section.job_change .job_change_text { font-size:1.8em; line-height: 1.5; }
section.job_change .job_change_text2 { width: 80%; margin-top:1em; margin-top: 1.8em; }


section.worry { position:relative; margin:0 auto 0 auto; padding:0 0 4em 0; }
section.worry .worry_title { font-size:1.5em; font-weight:bold; }

section.worry.before1::before {
	content:""; position:absolute; left:2em; bottom:36%; background-image:url(../img/job_change/job_change_before1.gif); background-size:100%; background-repeat:no-repeat;
	width:9em; height:14em; z-index:0;
}

section.worry.before2::before {
	content:""; position:absolute; left:0; bottom:36%; background-image:url(../img/job_change/job_change_before2.gif); background-size:100%; background-repeat:no-repeat;
	width:13.6em; height:10.9em; z-index:0;
}
section.worry.before3::before {
	content:""; position:absolute; left:0; bottom:36%; background-image:url(../img/job_change/job_change_before3.gif); background-size:100%; background-repeat:no-repeat;
	width:15em; height:10em; z-index:0;
}


section.worry::after {
	content:""; position:absolute; right:0; top:0; background-image:url(../img/job_change/job_change_after.gif); background-size:100%; background-repeat:no-repeat;
	width:11.5em; height:10.6em; z-index:0;
}

section.worry dl.circle {
	display:inline-block; border:solid 1px #CCCCCC; padding:2.4em 1.5em 0.9em 1.5em; width: 10.6em; height: 10.6em; border-radius: 11em; margin:1.5em; box-shadow: 7px 7px 1px -5px rgb(0 0 0 / 10%);
	position: relative; z-index:1; vertical-align: top;
}
section.worry dl.circle dt { width:7em; border-radius: 1em; font-weight: bold; }

section.worry dl.circle dd { font-size: 1.06em; font-weight: bolder; padding:1.6em 0 0 0; }

section.worry .border_radius_red { display:inline-block; border:solid 2px #FF6567; border-radius: 1.1em; font-size: 1.3em; font-weight: bold; padding: 0.1em 1em 0.1em 1em; margin-bottom:3em; }

section.flow { padding: 0 0 4em 0; }

section.flow figure.flow_box { padding:2em 0 2em 0; }

section.flow figure.flow_box figcaption.text { position:relative; width: calc(48% - 2.4em ); padding: 1.2em 1.2em 1em 1.2em; border-radius:0.5em; margin: 3em 0 0 0;; }
section.flow figure.flow_box figcaption.text dl dt { margin:0; padding: 0; font-size:1.4em; }
section.flow figure.flow_box figcaption.text dl dd { margin:0; padding: 1em 0 0 0; font-size:0.9em; }

section.flow img.sum { width:48%; border-radius:0.5em; box-shadow: -8px 8px 1px 0 rgb(255 249 213 / 100%); }

section.flow figure.flow_box figcaption.text span.zen { position:absolute; z-index:1; top: -1.1em; font-size:5em; font-weight:bold; opacity:0.5; }
section.flow figure.flow_box figcaption.text.right span.zen { right: 0.3em; }


section.step { padding: 0 0 4em 0; }

section.step dl.step_box { position:relative; display:inline-block; width:16em; margin: 3em 0.7em 1em 0.7em; vertical-align: top; }

section.step dl.step_box dt { border:solid 2px #A6BFBF; border-radius:0.5em; padding: 1em; width:9.5em; font-weight: bold; }
section.step dl.step_box dt span { display:inline-block; width: 7em; border-radius: 1em; font-weight: bold; }
section.step dl.step_box dt div.icon { font-size:4.8em; color:#A5BFBF; line-height:1; }

section.step dl.step_box dd { font-size:0.875em; margin:0; padding-top:1em; }

section.step dl.step_box.after::after {
	font-family: 'Font Awesome 6 Pro'; font-weight:900;
	content:"\f0da"; position:absolute; top:1em; right:-0.5em; font-size:3em; color:#FF6566;
}