@charset "utf-8";
@media screen and (max-width: 767px) {
	.page_mv {
		margin-bottom: 0;
	}
}
.strengths {
	counter-reset: num 0;
}
.strengths_item {
	max-width: var(--contents-w);
	width: 90%;
	padding: 0 50px;
	display: flex;
	justify-content: space-between;
	gap: 20px 50px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
	background: #F5F5F5;
	margin: calc(var(--space-65) + 30px) auto var(--space-65);
	 @media print, screen and (min-width: 768px) {
		&:nth-child(even) {
			flex-direction: row-reverse;
		}
		& > * {
			transform: translateY(-30px);
		}
	}
	@media screen and (max-width: 767px) {
		padding: 0 5%;
		flex-direction: column;
	}
}
.strengths_item--right {
	max-width: 455px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1.5em;
	&::before {
		counter-increment: num 1;
		content: '0' counter(num);
		font-family: "Advent Pro", sans-serif;
    font-style: italic;
		font-size: 6.4rem;
		line-height: 1;
		color: var(--main-color);
	}
  @media screen and (max-width: 767px) {
		display: contents;
    &::before {
      font-size: 5.4rem;
			transform: translateY(-30px);
    }
  }
}
.strengths_item--right .more_btn {
	margin-left: 0;
}
@media screen and (max-width: 767px) {
	.strengths_item .cmn_heading--main {
		order: 1;
		transform: translateY(-30px);
	}
	.strengths_item p {
		order: 2;
		transform: translateY(-30px);
	}
	.strengths_item figure {
		order: 3;
		transform: translateY(-30px);
	}
	.strengths_item p.more_btn {
		order: 4;
		transform: translateY(-30px);
	}
}

/* サービスフロー */
.strengths_flow_box {
	display: flex;
	flex-direction: column;
	gap: 25px;
	margin: 45px auto 0;
	position: relative;
	&::before {
		content: "";
		display: block;
		width: calc(100% - 15px);
		background: var(--main-color);
		@media print, screen and (min-width: 768px) {
			height: 3px;
		}
	}
	&::after {
		content: "";
		display: block;
		width: 15px;
		aspect-ratio: 1 / 1.5;
		clip-path: polygon(100% 50%, 0 0, 0 100%);
		background: var(--main-color);
		position: absolute;
		right: 0;
		top: 0;
		transform: translateY(calc(-50% + 1.5px));
	}
	@media screen and (max-width: 767px) {
		flex-direction: row;
		margin-top: 25px;
		&::before {
			min-width: 3px;
			width: 3px;
			margin-bottom: 10px;
		}
		&::after {
			width: 20px;
			aspect-ratio: 1.5 / 1;
			top: initial;
			right: initial;
			left: 0;
			bottom: 0;
			transform: translate(calc(-50% + 1.25px), 0);
			clip-path: polygon(50% 100%, 100% 0, 0 0);
		}
	}
}
.strengths_flow {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	counter-reset: num 0;
}
.strengths_flow--img {
	text-align: center;
	@media print, screen and (min-width: 768px) {
		height: 51px;
	}
}
.strengths_flow--item {
	max-width: calc(20% - 48px / 5);
	width: 100%;
	padding: 2.5em 1.5em 1.5em;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
	position: relative;
	&::before {
		counter-increment: num 1;
		content: '0' counter(num);
		min-width: 42px;
		aspect-ratio: 1 / 1;
		padding-right: 0.2em;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: "Advent Pro", sans-serif;
    font-style: italic;
		font-size: 3rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		background: #707070;
		position: absolute;
		left: 0;
		top: 0;
	}
	@media screen and (max-width: 767px) {
		max-width: 100%;
		padding: 2em 2em 1.5em;
	}
}
.strengths_flow--heading {
	font-size: var(--font-20);
	font-weight: bold;
	text-align: center;
	@media print, screen and (min-width: 768px) {
		white-space: nowrap;
	}
}