@charset "UTF-8";

.page-title-section {
	display: flex;
	align-items: center;
	justify-content: center;
}

.values {
	overflow: hidden;
}

.values__inner.inner-narrow {
	padding-top: 40px;
}

.values__item-title {
	color: var(--color-lightgreen);
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 10px;
}

.values__item:not(:last-child) {
	margin-bottom: 20px;
}

.values__content {
	background: #fff;
	border-radius: 2em;
	padding: 4%;
	position: relative;
}

.values__content::before {
	aspect-ratio: 1;
	width: 100%;
	left: calc(-50% - (100vw - 950px) / 10);
	position: absolute;
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	z-index: -1;
	background-image: url(../images/service/obj-service02.jpg);
	mask-image: url("../images/service/values-bg1.svg");
	-webkit-mask-image: url("../images/service/values-bg1.svg");
	mask-size: 100%;
	-webkit-mask-size: 100%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.values__content::after {
	aspect-ratio: 1;
	width: 100%;
	top: -50%;
	right:calc(-75% - (100vw - 950px) / 10);
	position: absolute;
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	z-index: -1;
	background-image: url(../images/service/obj-service01.jpg);
	mask-image: url("../images/service/values-bg1.svg");
	-webkit-mask-image: url("../images/service/values-bg1.svg");
	mask-size: 100%;
	-webkit-mask-size: 100%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.reason__inner.inner-narrow {
	max-width: 820px;
	padding-bottom: 140px;
}

.business__inner.inner-narrow {
	padding-bottom: 80px;
}

.business__items {
	display: flex;
	gap: 0 20px;
}

.business__item {
	width: calc(100% / 5 - 10px);
}

.business__item-image {
	margin-bottom: 20px;
}

.business__item-content {
	text-align: center;
	line-height: initial;
}

.business__item-title {
	font-size: clamp(1.25rem, 0.9159rem + 0.695vw, 1.75rem);
	font-family: var(--font-popins);
}

.business__item-title.business__item-title-group {
	color: var(--color-teal);
}

.business__item-title.business__item-title-support {
	color: var(--color-clearblue);
}

.business__item-title.business__item-title-visiting {
	color: var(--color-brightpink);
}

.business__item-title.business__item-title-food {
	color: var(--color-brightyellow);
}

.group-home__inner {
	background: var(--color-lightyellow);
	border-radius: 3em;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.01) 10px, transparent 10px), linear-gradient(rgba(0, 0, 0, 0.01) 10px, transparent 10px);
	background-position: 10px 10px;
	background-size: 13px 13px;
	padding: 4em 4% 6em;
}

.group-home__title {
	font-size: 36px;
	color: var(--color-teal);
	text-align: center;
	font-weight: bold;
	position: relative;
	margin-bottom: 60px;
}

.morelink {
	position: relative;
	top: -20px;
	color: #000;
	text-align: right;
	font-size: 92%;
}
.morelink a {color: #ff8a00;}

.data-title::before {
	position: absolute;
	content: attr(data-title);
	bottom: -30px;
	left: 50%;
	transform: translatex(-50%);
	font-size: 18px;
	font-weight: bold;
	color: var(--color-brown);
	width: 100%;
}

.group-home__description:not(:last-child) {
	margin-bottom: 30px;
}

.group-home__location {
	background: #fff;
	border-radius: 2em;
	display: flex;
	gap: 0 8%;
	align-items: center;
}

.group-home__location.--group-home__location--first {
	margin-bottom: 40px;
	padding: 3em 2em 3em 6em;
}

.group-home__location.group-home__location--sec {
	padding: 3em 5em 3em 4em;
}

.group-home__location-image {
	flex-shrink: 0;
	width: 20%;
	position: relative;
}

.group-home__location-content {
	flex: 1;
}

.group-home__location-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom:20px;
	line-height: initial;
}

.group-home {
	margin-bottom: 40px;
}

.service-section__inner {
	display: flex;
	background-size: 13px 13px;
	align-items: center;
	gap: 40px;
	margin-bottom: 30px;
}

.service-section__title {
	font-size: 36px;
	color: var(--color-clearblue);
	font-weight: bold;
	position: relative;
	margin-bottom: 60px;
	line-height: 1.3;
}
.service-section__inner.service-section__inner--food 
.service-section__title {
	margin-bottom: 50px;
}

.service-section__title::before {
	position: absolute;
	content: attr(data-title);
	bottom: -30px;
	left: 0;
	font-size: 18px;
	font-weight: bold;
	color: var(--color-brown);
}

.service-section__image-wrapper {
	flex-shrink: 0;
	width: 30%;
}

.group__clip-svg01 {
	position: relative;
	z-index: 1;
}

.group__clip-svg02 {
	width: 100%;
	margin-left: -60px;
	margin-top: -40px;
}

.group-home__location.group-home__location--sec {
	flex-direction: row-reverse;
}

.group-home__location-description.group-home__location-description--first {
	margin-bottom: 30px;
}

.service-section__title.service-section__title--visiting {
	color: var(--color-brightpink);
}

.service-section__outer.service-section__outer--reverse {
	background-color: var(--color-cleapink);
	margin-bottom: 80px;
}

.service-section__apply {
	text-align: center;
}

.service-section__outer {
	padding: 4em 6em;
	border-radius: 2em;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.01) 10px, transparent 10px), linear-gradient(rgba(0, 0, 0, 0.01) 10px, transparent 10px);
	background-position: 10px 10px;
	background-size: 13px 13px;
	background-color: var(--color-azure);
	margin-bottom: 40px;
}
.service-section__outer.service-section__outer--swallow {
	padding: 4em 2em 4em 6em;
}
.service-section__apply-link {
	color: #fff;
	padding: 0.5vw 2vw .5vw .5vw;
	border-radius: 2em;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	gap: 0 10px;
	justify-content: center;
	box-shadow: var(--shadow-btn);
	font-weight: bold;
	background: var(--color-brightpink);
}

.service-section__outer.service-section__outer--food {
	background-color: var(--color-beige);
}

.service-section__title.service-section__title--food {
	color: var(--color-brightyellow);
}
.service-section__subtitle {
	font-size: 20px;
	font-weight: 600;
}
.service-section__company {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
}
.service-section__apply-link.service-section__apply-link--food {
	background: var(--color-orange);
}

@media (max-width: 900px) {

	.group-home__location.--group-home__location--first,
	.group-home__location.group-home__location--sec {
		padding: 3em 1em 3em 1em;
	}

	.group-home__location-image {
		width: 70%;
	}

	.service-section__outer {
		padding: 4em 1em 2em;
	}

	.group-home__location {
		flex-direction: column;
		gap: 20px 0;
	}

	.group-home__location-image {
		width: 40%;
	}

	.group-home__location.group-home__location--sec {
		flex-direction: column;
	}
}

@media (max-width: 768px) {
	.group-home__location {
		gap: 20px 0%;
		flex-direction: column;
	}
	.values__content::before, .values__content::after {
		content: none;
	}
	.values__inner.inner-narrow {
		padding: 0px 4% 2rem;
	}

	.values__content {
		padding: 0;
	}

	.values__item-title {
		font-size: clamp(1.5rem, 1.2321rem + 1.3393vw, 1.875rem);
	}

	.values__item-text,
	.service__description {
		font-size: clamp(0.875rem, 0.6071rem + 1.3393vw, 1.25rem);
	}

	.reason__inner.inner-narrow {
		padding-bottom: 6rem;
	}

	.business__items {
		gap: 40px 20px;
		flex-wrap: wrap;
	}

	.business__item {
		width: calc(100% / 2 - 10px);
	}
	.business__item-image {
		margin-bottom: 1rem;
	}

	.business__item-title {
		font-size: clamp(1.125rem, 0.6786rem + 2.2321vw, 1.75rem);
		line-height: initial;
	}

	.business__item-description {
		font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1rem);
	}

	.group-home__title {
		font-size: clamp(2rem, 1.8214rem + 0.8929vw, 2.25rem);
	}

	.group-home__description {
		font-size: clamp(0.875rem, 0.6071rem + 1.3393vw, 1.25rem);
	}

	.group-home__inner {
		padding: 2em 0% 2em;
	}

	.data-title::before {
		font-size: clamp(1rem, 0.9107rem + 0.4464vw, 1.125rem);
	}

	.group-home__location.--group-home__location--first,
	.group-home__location.group-home__location--sec {
		padding: 3em 1em 3em 1em;
	}

	.group-home__location {
		gap: 20px 0%;
		flex-direction: column;
	}

	.group-home__location-title {
		font-size: clamp(1.25rem, 1.1607rem + 0.4464vw, 1.375rem);
	}

	.group-home__location-image {
		width: 70%;
	}

	.group-home__location.group-home__location--sec {
		flex-direction: column;
	}

	.group-home__location-description {
		font-size: clamp(0.875rem, 0.6071rem + 1.3393vw, 1.25rem);
	}

	.service-section__image-wrapper {
		width: 80%;
	}

	.service-section {
		overflow: hidden;
	}

	.service-section__outer {
		padding: 4em 1em 2em;
	}
	.service-section__outer.service-section__outer--swallow {
		padding: 4em 1em 2em;
	}
	.service-section__inner {
		gap: 20px;
		flex-direction: column;
	}

	.service-section__description {
		font-size: clamp(0.875rem, 0.6071rem + 1.3393vw, 1.25rem);
	}

	.service-section__title {
		font-size: clamp(2rem, 1.8214rem + 0.8929vw, 2.25rem);
		line-height: 1.3;
	}
	.service-section__title.service-section__title--employment::before {
		margin-bottom: -10px;
	}
	.service-section__apply-link {
		padding: 1.5vw 4vw 1.5vw 1.5vw;
	}
}