@charset "UTF-8";

:root {
	--mainColor: #17214d;
}

/*グローサポート用*/

.glow {
	font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Sans', YuGothic, 'Yu Gothic', sans-serif;
}

.glow .breadcrumb {
	color: #fff;
}

.glow_mincho {
	font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
}


.glow_bg {
	background: linear-gradient(-135deg, #4b3c54 0%, #17214d 20%, #17214d 80%, #4b3c54 100%);

}

.glow_mv {
	height: calc(100vh - 40px);
	margin-top: 30px;
}

.glow_mv figure{
	margin: 0;
}

@media screen and (max-width:768px) {
	.glow_mv {
		height: auto;
	}
}

@media screen and (min-width:1366px) {
	.glow_mv {
		height: auto;
	}
}




.glow_mv figure {
	height: 100%;
}

@media screen and (max-width:768px) {
	.glow_mv figure {
		margin: 0;
	}
}

.glow_mv_ figure img {
	height: 100%;
}

.glow_mv {
	position: relative;
}

.glow_mv_catch {
	position: absolute;
	width: 100%;
	top: 50px;
}

@media screen and (min-width:1440px) {
	.glow_mv_catch {
		top: 10%;
	}
}

@media screen and (min-width:1920px) {
	.glow_mv_catch {
		top: 15%;
	}
}


.glow_mv_area {
	background-color: rgba(255, 255, 255, 0.4);
	padding-top: 20px;
	padding-bottom: 20px;
}

.glow_mv_catch_s {
	font-size: clamp(2rem, 1.3784530387rem + 1.6574585635vw, 3.5rem);
	color: var(--mainColor);
	text-align: center;
	font-weight: bold;
}

.glow_mv_catch_b {
	font-size: clamp(3rem, 1.7569060773rem + 3.3149171271vw, 6rem);
	text-align: center;
	margin-top: 5px;
	color: var(--mainColor);
	font-weight: 900;
	letter-spacing: -0.13em;
}

.glow_mv_text {
	font-size: clamp(1.6rem, 1.4342541436rem + 0.4419889503vw, 2rem);
	text-align: center;
	letter-spacing: 0.04em;
	line-height: 1.6;
	color: var(--mainColor);
	font-weight: bold;
	margin-top: 24px;
}

@media screen and (min-width:1920px) {
	.glow_mv_text {
font-size:24px;
	}
}


.glow_mv_btn {
	transition: .2s;
	position: relative; 
}

.glow_mv_btn a {
	display: block;
	background-color: var(--mainColor);
	border-radius: 999px;
	color: #fff;
	font-size: clamp(1.3333333333rem, 1.1166666667rem + 0.6666666667vw, 1.9166666667rem);
	font-weight: bold;
	width: fit-content;
	padding: 25px 60px;
	position: absolute;
	bottom: 85px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	transition: .3s;
	overflow: hidden;
}

.glow_mv_btn a::before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fbfbfb;
	animation: btn_animation 3s ease-in-out infinite;
}

@-webkit-keyframes btn_animation {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.glow_mv_btn a:hover{
	transform: translateX(-50%) scale(1.1);
}


@media screen and (max-width:768px) {
	.glow_mv_btn a {
		width: 70%;
		bottom: 30px;
		padding: 16px 20px;
	}
}


.glow_container {
	max-width: 1280px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 83px;
	padding-left: 83px;
}

@media screen and (max-width:768px) {
	.glow_container {
		padding-right: 20px;
		padding-left: 20px;
	}
}

.glow_intro {
	/* background-image: url('../images/cat/glow-support/bg.jpg'); */
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}


.glow_intro_wrap {
	position: relative;
	padding-left: clamp(1.6666666667rem, 0.2738095238rem + 4.2857142857vw, 5.4166666667rem);
	padding-right: clamp(1.6666666667rem, 0.2738095238rem + 4.2857142857vw, 5.4166666667rem);
	height: 1400px;
}

.glow_intro_catch {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (max-width:768px) {
	.glow_intro_catch {
		position: relative;
		transform: none;
		top: auto;
		left: auto;
	}

	.glow_intro_wrap {
		height: auto;
		padding-top: 50px;
	}
}

.glow_intro_h2 {
	display: inline-block;
	background: linear-gradient(90deg, #fbcf00 0%, #fffcd1 25%, #cb9b0c 59%, #f3e18b 87%, #fffcd1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: clamp(3rem, 2.1712707182rem + 2.2099447514vw, 5rem);
	font-weight: 900;
	text-align: center;
	width: 100%;
	line-height: 1.2;
}

.glow_intro_h2 span {
	font-size: 150%;
}

@media screen and (max-width:768px) {
	.glow_intro_h2 span {
		display: inline;
	}
}


.glow_intro_txt {
	color: #fff;
	font-size: clamp(1.5rem, 1.2833333333rem + 0.6666666667vw, 2.0833333333rem);
	font-weight: 400;
	text-align: center;
	letter-spacing: -0.04em;
	line-height: 1.6;
}

.glow_intro_item {
	position: absolute;
	width: clamp(20rem, 11.7127071823rem + 22.0994475138vw, 40rem);
	height: clamp(20rem, 11.7127071823rem + 22.0994475138vw, 40rem);
	border: 5px solid transparent;
}



.glow_intro_item:nth-child(1) {
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
}


.glow_intro_item:nth-child(2) {
	top: 330px;
	right: 15px;
}

.glow_intro_item:nth-child(3) {
	top: 745px;
	right: 15px;
}

.glow_intro_item:nth-child(4) {
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
}

.glow_intro_item:nth-child(5) {
	top: 745px;
	left: 15px;
}

.glow_intro_item:nth-child(6) {
	top: 330px;
	left: 15px;
}


.glow_border {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background:
		linear-gradient(90deg, #fbcf00 0%, #fffcd1 25%, #cb9b0c 59%, #f3e18b 87%, #fffcd1 100%);
	mask:
		radial-gradient(farthest-side, transparent calc(100% - 5px), black 100%);
	-webkit-mask:
		radial-gradient(farthest-side, transparent calc(100% - 5px), black 100%);

}

@media screen and (max-width:768px) {
	.glow_intro_item {
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}

	.glow_intro_item {
		margin-top: 40px;
	}

	.glow_intro_item:nth-child(1),
	.glow_intro_item:nth-child(2),
	.glow_intro_item:nth-child(3),
	.glow_intro_item:nth-child(4),
	.glow_intro_item:nth-child(5),
	.glow_intro_item:nth-child(6),
	.glow_intro_item:nth-child(7) {
		top: 0;
		left: 0;
		transform: none;
	}

	.glow_intro_txt {
		margin-top: 15px;
	}
}


.glow_intro_area {
	position: absolute;
	top: 43%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	display: flex;
	flex-direction: column;
}

.glow_intro_num {
	display: inline-block;
	background: linear-gradient(90deg, #fbcf00 0%, #fffcd1 25%, #cb9b0c 59%, #f3e18b 87%, #fffcd1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: clamp(2.5rem, 1.4166666667rem + 3.3333333333vw, 5.4166666667rem);
	text-align: center;
}

.glow_intro_tit {
	display: inline-block;
	background: linear-gradient(90deg, #fbcf00 0%, #fffcd1 25%, #cb9b0c 59%, #f3e18b 87%, #fffcd1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: clamp(2.4rem, 1.9027624309rem + 1.3259668508vw, 3.6rem);
	text-align: center;
	line-height: 1.2;
}

.glow_support_wrap {
	position: relative;
	border: 3px solid;
	border-image: linear-gradient(90deg, #fbcf00 0%, #fffcd1 25%, #cb9b0c 59%, #f3e18b 87%, #fffcd1 100%);
	border-image-slice: 1;
	border-radius: 6px;
	background-color: transparent;
	padding: 50px;
	margin: 4em auto 0;
	color: #fff;
}

@media screen and (max-width:768px) {
	.glow_support_wrap {
		margin: 14em auto 0;
		padding: 35px 20px;
		border: 2px solid;
		border-image: linear-gradient(90deg, #fbcf00 0%, #fffcd1 25%, #cb9b0c 59%, #f3e18b 87%, #fffcd1 100%);
		border-image-slice: 1;

	}
}

.glow_support_wrap::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	top: -30px;
	transform: translateX(-50%);
	border-right: 30px solid transparent;
	border-bottom: 30px solid #fbcf00;
	border-left: 30px solid transparent;
}

.glow_support_wrap::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	top: -26px;
	transform: translateX(-50%);
	border-right: 30px solid transparent;
	border-bottom: 30px solid #1d254d;
	border-left: 30px solid transparent;
}

.glow_support .glow_container {
	padding: 0;
}

.glow_support_content {
	position: relative;
	z-index: 1;
	text-align: center;
}

.glow_support_content_catch {
	font-size: clamp(2.2rem, 1.246961326rem + 2.5414364641vw, 4.5rem);
	font-weight: bold;
	text-align: center;
	display: inline-block;
	background: linear-gradient(90deg, #fbcf00 0%, #fffcd1 25%, #cb9b0c 59%, #f3e18b 87%, #fffcd1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}

.glow_support_content_catch span {
	background-image: radial-gradient(circle at center, #fbcf00 20%, transparent 20%);
	background-position: top right;
	background-repeat: repeat-x;
	background-size: 1em 0.3em;
	padding-top: .4em;
}

.glow_support_list {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.glow_support_item {
	width: calc(100% / 4);
}


.glow_support_item figure {
	width: 90%;
}

.glow_support_name {
	font-size: clamp(1.8rem, 1.4685082873rem + 0.8839779006vw, 2.6rem);
	color: #fff;
	font-weight: bold;
	margin-top: 15px;
}

.glow_support_name span {
	font-size: clamp(1rem, 0.7928176796rem + 0.5524861878vw, 1.5rem);
	display: block;
	margin-top: 5px;
}

.glow_support_d,
.glow_support_detail {
	font-size: clamp(1.1rem, 0.8099447514rem + 0.773480663vw, 1.8rem);
	color: #fff;
	font-weight: bold;
	margin-top: 25px;
}

@media screen and (max-width:768px) {
	.glow_support_list {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 15px;
	}

	.glow_support_item {
		width: calc(100% / 2);
	}

	.glow_support_d,
	.glow_support_detail {
		margin-top: 10px;
	}

	.glow_support_item figure {
		margin: 0 auto;
	}

	p.glow_support_name,
	.glow_support_d,
	.glow_support_detail {
		margin-left: 1em;
	}

}



/*サービス*/
.glow_service {
	padding-top: 160px;
	/* background-color: var(--mainColor); */
}

.glow_service_h2 {
	text-align: center;
	font-size: clamp(2.2rem, 1.6613259669rem + 1.4364640884vw, 3.5rem);
	color: #fff;
	position: relative;
	font-weight: 400;
}

.glow_service_h2 span {
	font-size: clamp(3.5rem, 2.4640883978rem + 2.7624309392vw, 6rem);
	display: block;
	line-height: 1;
	letter-spacing: 0.06em;
}

.glow_service_h2::after {
	content: '';
	width: 205px;
	height: 5px;
	background: linear-gradient(90deg, #fbcf00 0%, #fffcd1 25%, #cb9b0c 59%, #f3e18b 87%, #fffcd1 100%);
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
}

@media screen and (max-width:768px) {
	.glow_service_h2::after {
		width: 120px;
		height: 2px;
		bottom: -15px;
	}
}

.glow_service_sec {
	margin-top: clamp(13rem, 11.7569060773rem + 3.3149171271vw, 16rem);
}

.glow_service_sec h3 {
	background-color: #a73f3f;
	padding-top: 5px;
	color: #fff;
	font-size: clamp(2rem, 0.9640883978rem + 2.7624309392vw, 4.5rem);
	text-align: center;
	font-style: bold;
}

.glow_service_flex {
	display: flex;
	gap: 30px;
	margin-top: clamp(4rem, 3.1712707182rem + 2.2099447514vw, 6rem);
	align-items: center;
}

.glow_service_flex._even {
	flex-direction: row-reverse;
}

.glow_service_tit {
	display: inline-block;
	background: linear-gradient(90deg, #fbcf00 0%, #fffcd1 25%, #cb9b0c 59%, #f3e18b 87%, #fffcd1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: clamp(2.4rem, 2.0685082873rem + 0.8839779006vw, 3.2rem);
	letter-spacing: 0.01em;
	line-height: 1.4;
	font-weight: bold;
}

.glow_service_txt {
	color: #fff;
	font-size: clamp(1.4rem, 1.2342541436rem + 0.4419889503vw, 1.8rem);
	line-height: 2;
	letter-spacing: -0.04em;
	margin-top: 20px;
}

@media screen and (max-width:768px) {
	.glow_service_flex {
		flex-direction: column;
	}

	.glow_service_flex._even {
		flex-direction: column;
	}

}


.glow_service_rei {
	text-align: center;
	color: #fff;
	font-size: clamp(2.4rem, 1.944198895rem + 1.2154696133vw, 3.5rem);
	margin-top: clamp(4rem, 1.8038674033rem + 5.8563535912vw, 9.3rem);
}

.glow_table {
	margin-top: 30px;
}

.glow_recommend {
	position: relative;
	/* background-color: var(--mainColor); */
	padding-top: clamp(6rem, 1.0276243094rem + 13.2596685083vw, 18rem);
}

.glow_recommend .glow_support_wrap {
	margin-top: 0;
	width: clamp(33rem, 13.4419889503rem + 52.1546961326vw, 80.2rem);
	padding: 40px 10px;
}

@media screen and (max-width:768px) {
	.glow_recommend .glow_support_wrap {
		padding: 12px 7px;

	}
}

.glow_recommend .glow_support_wrap::before {
	top: auto;
	bottom: -30px;
	border-top: 30px solid #fbcf00;
	border-bottom: none;
}

.glow_recommend .glow_support_wrap::after {
	top: auto;
	bottom: -26px;
	border-top: 30px solid #1d254d;
	border-bottom: none;
}

.glow_recommend .glow_support_content p {
	display: inline-block;
	background: linear-gradient(90deg, #fbcf00 0%, #fffcd1 25%, #cb9b0c 59%, #f3e18b 87%, #fffcd1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: clamp(1.8rem, 0.6812154696rem + 2.9834254144vw, 4.5rem);
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
}

.glow_recommend_content {
	position: relative;
	padding-top: 50px;
}

.glow_recommend_content_inner {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: -2px;
	padding-top: clamp(9rem, 6.9281767956rem + 5.5248618785vw, 14rem);
	padding-bottom: clamp(9rem, 6.9281767956rem + 5.5248618785vw, 14rem);
}

.glow_recommend_tit {
	color: #a73f3f;
	font-size: clamp(1.8rem, 1.1784530387rem + 1.6574585635vw, 3.3rem);
	font-weight: bold;
	line-height: 1.2;
	border-bottom: 2px solid #a73f3f;
	padding-bottom: 10px;
	margin-bottom: 20px;
	letter-spacing: -0.04em;
}

.glow_recommend_content_txt {
	font-size: clamp(1.6rem, 1.0198895028rem + 1.546961326vw, 3rem);
	color: #17214d;
	line-height: 1.5;
	letter-spacing: -0.02em;
}

.glow_recommend_box {
	width: clamp(30rem, 3.4806629834rem + 70.7182320442vw, 94rem);
	margin-left: auto;
	margin-right: auto;
}

.glow_recommend_box:not(:first-of-type) {
	margin-top: clamp(5rem, 3.7569060773rem + 3.3149171271vw, 8rem);
}

figure.glow_recommend_img01,
figure.glow_recommend_img02 {
	margin: 0;
}

figure.glow_recommend_img02 {
	margin-top: -2px;
}

.glow_recommend_img01,
.glow_recommend_img02 {
	position: relative;
}

.glow_plan {
	/* background-color: var(--mainColor); */
	padding-top: clamp(6rem, 1.0276243094rem + 13.2596685083vw, 18rem);
}

.glow_plan_img {
	margin-top: clamp(5rem, 1.270718232rem + 9.9447513812vw, 14rem);
	margin-bottom: 0;
}

.glow_info {
	/* background-image: url('../images/cat/glow-support/bg02.jpg'); */
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: clamp(6rem, 1.0276243094rem + 13.2596685083vw, 18rem);
}

.glow_info_content {
	margin-top: clamp(5rem, 1.270718232rem + 9.9447513812vw, 14rem);
}

.glow_info_dl {
	margin-top: 15px;
}


.glow_info_dl dt {
	font-size: clamp(1.8rem, 1.5099447514rem + 0.773480663vw, 2.5rem);
	display: inline-block;
	background: linear-gradient(90deg, #fbcf00 0%, #fffcd1 25%, #cb9b0c 59%, #f3e18b 87%, #fffcd1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-left: 1.2em;
	display: flex;
	align-items: center;
	gap: 5px;
}

.glow_info_dl dt::before {
	content: '';
	width: clamp(1.2rem, 0.8685082873rem + 0.8839779006vw, 2rem);
	height: clamp(1.2rem, 0.8685082873rem + 0.8839779006vw, 2rem);
	background-image: url('../images/cat/glow-support/icon-dot.png');
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
}

.glow_info_dl dd {
	margin-left: 3em;
	font-size: clamp(1.6rem, 1.5171270718rem + 0.2209944751vw, 1.8rem);
	line-height: 1.7;
	color: #fff;
}


.glow_remarks_content {
	margin-top: clamp(5rem, 1.270718232rem + 9.9447513812vw, 14rem);
}

.glow_remarks_txt,
.glow_note {
	margin-top: 15px;
	color: #fff;
	font-size: clamp(1.6rem, 1.5171270718rem + 0.2209944751vw, 1.8rem);
	line-height: 1.7;
	margin-left: 3em;
}

@media screen and (max-width:768px) {
	.glow_info_dl dt {
		margin-left: 0;
	}

	.glow_info_dl dd {
		margin-left: 1em;
	}

	.glow_remarks_txt,
	.glow_note {
		margin-left: 0;
	}
}


.glow_note {
	margin-top: clamp(10rem, 7.0994475138rem + 7.7348066298vw, 17rem);
}

.glow_remarks {
	padding-top: clamp(6rem, 1.0276243094rem + 13.2596685083vw, 18rem);
	padding-bottom: clamp(6rem, 1.0276243094rem + 13.2596685083vw, 18rem);
	margin-bottom: 20px;
}

.deco01,
.deco02,
.deco03,
.deco04,
.deco05,
.deco06,
.deco07,
.deco01-sp,
.deco02-sp,
.deco03-sp,
.deco04-sp,
.deco05-sp,
.deco06-sp,
.deco07-sp,
.deco08-sp,
.deco09-sp,
.deco10-sp,
.deco11-sp {
	position: absolute;
}

.deco01 {
	top: 50px;
	right: 0;
	width: 470px;
}

.deco02 {
	top: 200px;
	left: 0;
	width: 400px;
}

.deco03 {
	top: 33%;
	right: 0;
	width: 355px;
}

.deco04 {
	top: 4%;
	left: 0;
	width: clamp(12.6rem, 8.870718232rem + 9.9447513812vw, 21.6rem);
}

.deco05 {
	top: 4%;
	right: 0;
	width: clamp(12.6rem, 8.870718232rem + 9.9447513812vw, 21.6rem);
}

.deco06 {
	top: 4%;
	left: 0;
	z-index: 1;
}

.deco07 {
	bottom: 0;
	left: 0;
	z-index: 1;
}

.deco01-sp {
	top: -13px;
	right: -33%;
	width: 60%;
}

.deco02-sp {
	top: 72%;
	left: -33%;
	width: 60%;
}

.deco03-sp {
	top: 0;
	right: -60%;
	width: 60%;
}

.deco04-sp {
	top: 62%;
	right: -65%;
	width: 70%;
}

.deco05-sp {
	top: -18%;
	left: -83%;
	width: 100%;
}

.deco06-sp {
	top: -54%;
	right: -83%;
	width: 100%;
}

.deco07-sp {
	bottom: 0;
	left: -83%;
	width: 100%;
}

.deco08-sp {
	top: -54%;
	right: -83%;
	width: 100%;
}

.deco09-sp {
	bottom: 0;
	left: -83%;
	width: 100%;
}

.deco10-sp {
	top: -54%;
	right: -83%;
	width: 100%;
}

.deco11-sp {
	bottom: -20%;
	left: -83%;
	width: 93%;
}

/*アウトソーシング用*/
.rpo_intro h2.ttl {
	background: url(../images/cat/rpo/rpo_title.png) no-repeat center -30px;
	background-size: contain;
	font-size: 2.579vw;
}

.page-template-page-rpo h2.ttl {
	width: fit-content;
	padding-bottom: 1.211vw;
}

.rpo_sec{
	padding-top: clamp(6rem, 3.8155339806rem + 5.8252427184vw, 15rem);
}


.rpo_merit_list{
	margin-top: clamp(4rem, 2.9077669903rem + 2.9126213592vw, 8.5rem);
	display: flex;
	gap:28px;
	align-items: center;
	justify-content: center;
}

.rpo_merit_list li{
	border:1px solid #243570;
	padding:20px 17px 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width:calc((100% - (28px * 4)) / 5);
	height:310px;
}

.rpo_merit_list figure{
	width:85px;
}

.rpo_merit_list .num{
	font-size:50px;
	border-bottom: 1px solid #243570;
	padding-bottom: 5px;
}

.rpo_merit_list p{
	font-size:22px;
	font-weight:bold;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

.rpo_merit .note{
	margin-top: 15px;
	font-size:18px;
	font-weight:bold;
	margin-bottom: 60px;
}

.rpo_feature02 figure,
.rpo_feature figure{
	max-width:1000px;
	margin: 50px auto;
}

.rpo_flow_wrap{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 110px;
	border-left: 1px solid #707070;
	padding-bottom: 45px;
	margin-bottom: 90px;
}

.rpo_flow_item{
	padding-left: 75px;
	position:relative;
}

.rpo_flow_item:not(:first-of-type) {
	margin-top: 90px;
}

.rpo_flow_num{
	background-color: #243570;
	border-radius:50%;
	width:98px;
	height:98px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	line-height: 1;
	position:absolute;
	left:-50px;
	top:-30px;
}
.rpo_flow_num span{
	font-size:20px;
}

.rpo_flow_title{
	font-size:28px;
	font-weight: bold;
	color:#243570;
}

.rpo_flow_text {
	font-size: 20px;
	font-weight: 500;
	margin-top: 20px;
	line-height: 1.75;
}





@media screen and (max-width: 769px) {
	.rpo_merit_list li{
		flex-direction: column;
	}
	
	.rpo_intro h2.ttl{
		background-size: cover;
	}

	.rpo_merit_list{
		flex-direction: column;
	}

	.rpo_merit_list li{
		width:100%;
		height:auto;
		padding: 10px;
	}

	.rpo_merit_list .num{
		font-size:30px;
	}

	.rpo_merit_list p{
		font-size:20px;
		margin-top: 0;
		margin-bottom: 5px;
	}

	.rpo_merit_list figure{
		width:50px;
	}

	.rpo_merit .note{
		font-size:14px;
		margin-bottom: 35px;
	}

	.rpo_flow_num{
		width:60px;
		height:60px;
		font-size:18px;
		left:-30px;
		top:-15px;
	}

	.rpo_flow_num span{
		font-size:14px;
	}

	.rpo_flow_item{
		padding-left: 40px;
	}

	.rpo_flow_title{
		font-size:20px;
	}

	.rpo_flow_text {
		font-size: 16px;
		margin-top: 10px;
}

.rpo_flow_wrap{
	margin-left: 30px;
	margin-top: 60px;
}

}



/*TOP　会社一覧用*/

.top_company_list{
	display: flex;
	flex-wrap: wrap;
	gap:20px;
}

.top_company_list figure{
	width:calc((100% - 60px) / 4);
}

.c1 h2.ttl.top_company_ttl{
	background:none;
	padding-bottom: 40px;
	margin-top: 50px;
}

.top_company_text{
	font-size:16px;
	text-align: center;
	line-height: 1.7;
	margin-bottom: 40px;
}

@media screen and (max-width:769px){
	.top_company_list figure{
		width:calc((100% - 20px) / 2);
	}

	.c1 h2.ttl.top_company_ttl{
		padding-bottom: 20px;
		margin-top: 20px;
	}
	
	.top_company_text{
		font-size:12px;
		margin-bottom: 20px;
	}
	
	
}