@charset "UTF-8";


.title_container {
	text-align: center;
}

.business_text {
	font-size: 16px;
	line-height: clamp(1.563rem, 0.72rem + 1.75vw, 1.875rem);
}
.business_link-container {
	display: block;
	width: 100%;
	background-color: #eafbff;
}

.business_link-inner {
	display: flex;
	max-width: 1000px;
	margin: 0 auto;
	flex-direction: column;
}

.business_link-title {
	display: flex;
	font-size: clamp(1.75rem, 1.076rem + 1.4vw, 2rem);
	flex-direction: column;
}
.business_link-title::before {
	width: 15px;
	border-radius: 100%;
	background-color: #1dadcf;
	content: "";

	aspect-ratio: 1/1;
}

.business_link-title span {
	display: block;
	margin-top: 0.15em;
	color: #3362c6;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0.2em;
}
.business_anchor-nav {
	display: block;
	width: 100%;
}

.business_anchor-list {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	counter-reset: number;
}
.business_anchor-item {
	display: flex;
	position: relative;
	overflow: hidden;
	max-width: 320px;
	padding: 10px clamp(0.625rem, -1.059rem + 3.51vw, 1.25rem) 15px;
	border-radius: 5px;
	box-shadow: 0px 5px 18px rgba(0, 0, 0, 0.16);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	flex-direction: column;
}
@media screen and (min-width: 701px) {
	.business_anchor-item {
		width: 32%;
	}
	.business_anchor-text {
		margin-top: auto;
	}
}
@media screen and (max-width: 700px) {
	.business_anchor-item {
		width: calc(50% - 5px);
	}
}

.business_anchor-item::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	opacity: 0.8;
	content: "";
}
.business_anchor-item > * {
	position: relative;
	z-index: 1;
}
.business_anchor-title {
	display: flex;
	margin-bottom: 10px;
	font-weight: 900;
	font-size: clamp(1.25rem, 0.576rem + 1.4vw, 1.5rem);
	line-height: normal;
	flex-direction: column;
	align-items: flex-start;
}
.business_anchor-title::before {
	padding-bottom: 0.03em;
	border-bottom: 3px solid #3362c6;
	color: #3362c6;
	font-family: "impact";
	font-weight: normal;
	font-size: clamp(1.375rem, -1.488rem + 5.96vw, 2.438rem);
	line-height: normal;
	letter-spacing: 0.1em;
	content: counter(number, decimal-leading-zero);
	counter-increment: number;
}
.business_anchor-text {
	font-weight: 500;
	text-align: justify;
}

.business_anchor-link {
	display: flex;
	width: fit-content;
	color: #2b2b2b;
	font-weight: bold;
	font-size: 14px;
	column-gap: 30px;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
}
.business_anchor-link i {
	font-size: clamp(1.875rem, 1.033rem + 1.75vw, 2.188rem);
}

.business_anchor-link:hover {
	color: #3362c6;
}

@media screen and (min-width: 768px) {
	.common_page-title {
		margin-bottom: 30px;
	}
	.business_text {
		margin-bottom: 40px;
		text-align: center;
	}
	.business_link-container {
		padding: 65px 0;
	}
	.business_link-inner {
		width: 95%;

		row-gap: 25px;
	}

	.business_anchor-list {
		column-gap: 2%;

		row-gap: 30px;
	}
	.business_anchor-item {
		min-height: 215px;
		padding: 10px clamp(0.625rem, -1.059rem + 3.51vw, 1.25rem) 15px;
	}

	.business_anchor-title {
		margin-bottom: 10px;

		row-gap: 5px;
	}
	.business_anchor-text {
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 21px;
		letter-spacing: 0.1em;
	}
	.business_anchor-link {
		margin: 0 auto;
	}
}
@media screen and (max-width: 767px) {
	.common_page-title {
		margin-bottom: 30px;
	}
	.business_text {
		margin-bottom: 50px;
		padding: 0 30px;
		text-align: justify;
	}
	.business_text br {
		display: none;
	}
	.business_link-container {
		padding: 25px 30px;
	}
	.business_link-inner {
		width: 100%;

		row-gap: 25px;
	}


	.business_anchor-list {
		column-gap: 10px;

		row-gap: 10px;
	}

	.business_anchor-item {
		padding: 5px 10px;
	}
	.business_anchor-title {
		margin-bottom: 5px;

		row-gap: 10px;
	}

	.business_anchor-text {
		font-size: 13px;
		line-height: 22px;
	}
	@media screen and (min-width: 701px) {
		.business_anchor-text {
			margin-top: auto;
		}
	}
	.business_anchor-link {
		margin-left: auto;
	}
	.business_anchor-link span {
		display: none;
	}
}


.business_contents-list {
	display: flex;
	position: relative;
	flex-direction: column;
	counter-reset: number;
}

.business_contents-list::before {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	content: "";
	filter: blur(7px);
}
.business_content-item {
	display: flex;
	position: relative;
	z-index: 1;
	max-width: 1000px;
	margin: 0 auto;
	flex-direction: column;
}
.business_content-title {
	display: flex;
	position: relative;
	max-width: max-content;
	margin-bottom: 5px;
	padding-left: clamp(0rem, -3.368rem + 7.02vw, 1.25rem);
	color: #3362c6;
	font-weight: 900;
	font-size: clamp(1.125rem, -2.58rem + 7.72vw, 2.5rem);
	column-gap: clamp(0.313rem, -0.53rem + 1.75vw, 0.625rem);
	align-items: baseline;
}

.business_content-title::before {
	display: block;
	font-family: "impact";
	font-weight: normal;
	font-size: clamp(2.375rem, -5.204rem + 15.79vw, 5.188rem);
	line-height: 1.15;
	letter-spacing: 0.1em;
	content: counter(number, decimal-leading-zero);
	counter-increment: number;
}

.business_content-title::after {
	display: block;
	position: absolute;
	bottom: clamp(0rem, -0.674rem + 1.4vw, 0.25rem);
	left: 0;
	max-width: 420px;
	width: clamp(10.938rem, -30.326rem + 85.96vw, 26.25rem);
	height: 3px;
	background-color: #3362c6;
	content: "";
}

.business_content-text {
	margin-bottom: 30px;
	font-weight: 500;
	font-size: clamp(0.875rem, 0.707rem + 0.35vw, 0.938rem);
	line-height: clamp(1.813rem, 0.802rem + 2.11vw, 2.188rem);
	text-align: justify;
}
.business_content-text strong {
	display: inline-block;
	font-weight: bold;
	font-size: clamp(1.25rem, 0.913rem + 0.7vw, 1.375rem);
	text-indent: -0.5em;
}

.business_contents-image {
	display: flex;
	max-width: 860px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 35px;
	column-gap: clamp(1.25rem, -9.261rem + 21.9vw, 3.125rem);
	flex-wrap: wrap;
}

.business_contents-image li {
	max-width: 405px;
	width: calc(50% - clamp(0.625rem, -4.63rem + 10.95vw, 1.563rem));
	justify-content: space-between;

	aspect-ratio: 81/52;
}

.business_contents-image li img {
	width: 100%;
}
.business_contents-section {
	display: flex;
	flex-wrap: wrap;

	row-gap: 10px;
}
.business_contents-section li {
	display: flex;
	flex-direction: column;

	row-gap: 10px;
}

.business_contents-section li h4 {
	font-weight: bold;
	font-size: clamp(0.938rem, -0.073rem + 2.11vw, 1.313rem);
	text-align: center;
}
.business_contents-section li p {
	font-weight: 500;
	font-size: clamp(0.875rem, 0.707rem + 0.35vw, 0.938rem);
	line-height: 25px;
	text-align: justify;
}
@media screen and (min-width: 768px) {
	.main_container {
		position: relative;
		padding-bottom: 70px;
	}
	.main_container::after {
		display: block;
		position: absolute;
		bottom: -245px;
		left: 50%;
		z-index: -1;
		transform: translateX(-50%);
		width: 1920px;
		background-image: url(../images1/business_logo-bg.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100%;
		opacity: 0.1;
		content: "";

		aspect-ratio: 48/23 ;
	}

	.business_contents-list {
		padding-top: 85px;

		row-gap: 100px;
	}

	.business_contents-list::before {
		max-width: 2600px;
		width: 135.4167%;
		background-image: url(../images1/business_leaf-pc.png);
		opacity: 0.57;

		aspect-ratio: 520/239;
	}

	.business_content-item {
		width: 95%;
	}

	.business_post-list {
		margin-top: 40px;
		column-gap: 6%;

		row-gap: 75px;
	}
	.business_content-text {
		margin-bottom: 30px;
	}

	.business_contents-image {
		margin-bottom: 35px;
	}
	.business_contents-section {
		column-gap: 3.5%;
	}
	.business_contents-section li {
		max-width: 310px;
		width: 31%;

		row-gap: 10px;
	}
	.common_contact-link {
		margin-top: 180px;
	}
	.main_container {
		padding-bottom: 170px;
	}
}

@media screen and (max-width: 767px) {
	.main_container {
		padding-bottom: 60px;
	}

	.title_container {
		margin-bottom: 40px;
	}
	.business_contents-list {
		padding: 35px 30px 0;

		row-gap: 45px;
	}
	.business_contents-list::before {
		width: 630px;
		background-image: url(../images1/business_leaf-mb.png);
		opacity: 0.2;

		aspect-ratio: 126/223;
	}

	.business_content-item {
		width: 100%;
	}
	.business_content-text {
		margin-bottom: 25px;
	}

	.business_contents-image {
		margin-bottom: 10px;
	}
	.business_contents-section {
		column-gap: 15px;
	}
	.business_contents-section li {
		width: calc(50% - 7.5px);

		row-gap: 5px;
	}
	@media screen and (max-width: 550px) {
		.business_contents-section li h4 {
			text-align: justify;
		}
	}
	.common_contact-link {
		margin-top: 50px;
	}
	.main_container {
		padding-bottom: 115px;
	}
}