/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 31 2026 | 11:09:39 */
/* トップページ */

@media (min-width: 960px) {
	#body_wrap.home #header .c-headLogo {
		display: none;
	}
}

/* ファーストビュー */
.p-mainVisual__slideTitle {
	writing-mode: vertical-rl;
	color: #333;
	font-weight: bold;
}
#body_wrap.home .p-mainVisual__slide {
	min-height: 95vh;
}
#body_wrap.home .p-mainVisual__textLayer {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#body_wrap.home .fv-content .bg {
	width: max-content;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	margin-top: -40px!important;
}
#body_wrap.home .fv-content .bg .wp-block-group__inner-container {
	display: flex;
    flex-direction: column;
    align-items: center;
}
#body_wrap.home .fv-content .bg {
	position: relative;
}
#body_wrap.home .fv-content .bg::before {
	content: "";
	position: absolute;
	inset: -10px -5px;
	z-index: 0;
	pointer-events: none;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,0) 0%,
			rgba(255,255,255,0.85) 12%,
			rgba(255,255,255,0.85) 88%,
			rgba(255,255,255,0) 100%
		),
		linear-gradient(
			to right,
			rgba(255,255,255,0) 0%,
			rgba(255,255,255,0.55) 18%,
			rgba(255,255,255,0.9) 50%,
			rgba(255,255,255,0.55) 82%,
			rgba(255,255,255,0) 100%
		);
	filter: blur(18px);
	z-index: -1;
}
@media (max-width: 959px) {
	#body_wrap.home .fv-content .bg::before {
		inset: -30px -20px;
	}
}
.fv-content figure {
	width: 80px;
}
@media (max-width: 959px) {
	.fv-content figure {
		width: 60px;
	}
}
#main_visual .fv-content p {
	writing-mode: vertical-rl;
	font-size: 30px;
	color: #333;
	font-weight: bold;
	letter-spacing: .12em;
	margin-top: 20px!important;
}
@media (max-width: 959px) {
	#main_visual .fv-content p {
		font-size: 26px;
	}
}

/* 会社概要 */
.top-philosophy::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(http://webup.jp/yuei/wp-content/uploads/2026/03/pt_grange_gry.webp);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 20%, #000 40%, #000 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, transparent 20%, #000 40%, #000 100%);
    z-index: 1;
}
.top-philosophy .img-area figure {
	height: 500px;
	width: 100%;
}
@media (max-width: 599px) {
	.top-philosophy .img-area figure {
		height: 300px;
	}
}
.top-philosophy .img-area figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right bottom;
}
.top-philosophy .text-area {
	transform: translate(-60px, 80px);
} 
@media (max-width: 959px) {
	.top-philosophy .text-area {
		transform: translate(0, 0);
	} 
	.top-philosophy .spacer {
		display: none;
	}
}
.top-philosophy .bg-circle {
	position: absolute;
	bottom: -400px;
	right: -30%;
	opacity: .05;
	z-index: -1;
	width: 600px;
}
@media (max-width: 1100px) {
	.top-philosophy .bg-circle {
		bottom: -300px;
		width: 500px;
	}
}
@media (max-width: 599px) {
	.top-philosophy .bg-circle {
		bottom: -180px;
		right: -30px;
		width: 200px;
	}
}

/* 事業内容 */
.c-service .number-wrap {
	position: relative;
	width: max-content; 
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 599px) {
	.c-service .number-wrap {
		margin-bottom: 25px!important;
	}
}
.c-service .number-wrap .number {
	position: absolute;
	top: -40px;
	left: -45px;
	font-size: 30px;
	font-weight: 300;
}
@media (max-width: 599px) {
	.c-service .number-wrap .number {
		font-size: 26px;
	}
}
.c-service .number-wrap .number::before {
	content: "";
	position: absolute;
	bottom: -10px;
	right: 0;
	height: 40px;
	width: 1px;
	background-color: var(--color_deep04);
	transform: rotate(45deg);
}
.c-service .number-wrap .title {
	width: max-content; 
	margin-left: auto;
	margin-right: auto;
	font-size: 24px;
	letter-spacing: .1em;
}
@media (max-width: 599px) {
	.c-service .number-wrap .title {
		font-size: 20px;
	}
}

/* 施工実績 */
.c-works::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://webup.jp/yuei/wp-content/uploads/2026/03/pt_grange_gry.webp);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 20%, #000 40%, #000 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, transparent 20%, #000 40%, #000 100%);
    z-index: 1;
}
.c-works .wp-block-cover__background {
	inset: 10%;
}

/* 医療事業を一時的に非表示 */
.c-works .content .swell-block-columns__inner {
	justify-content: center!important;
}
.c-works .display-none {
	display: none!important;
}



.c-works .item-medical-care,
.c-works .item-cleaning {
  transition: opacity .3s ease;
}
@media (hover: hover) {
	.c-works .item-medical-care:hover,
	.c-works .item-cleaning:hover {
	  opacity: .8;
	}
}
@media (max-width: 599px) {
	.c-works .item-medical-care,
	.c-works .item-cleaning {
		min-height: 300px!important;
	}
}
.c-works .item .logo-insta {
	color: var(--color_deep01);
}
.c-works .item .logo-insta {
	font-size: 30px!important;
}
@media (max-width: 599px) {
	.c-works .item .logo-insta {
		font-size: 26px!important;
	}
}
.c-works .item h3 {
	font-size: 26px!important;
	letter-spacing: .1em!important;
	font-weight: 300;
}
@media (max-width: 599px) {
	.c-works .item h3 {
		font-size: 22px!important;
	}
}
.c-works .bg-circle {
	position: absolute;
	bottom: -400px;
	left: -30%;
	opacity: .05;
	z-index: -1;
	width: 600px;
}
@media (max-width: 1100px) {
	.c-works .bg-circle {
		bottom: -300px;
		width: 500px;
	}
}
@media (max-width: 599px) {
	.c-works .bg-circle {
		bottom: -180px;
		left: -30px;
		width: 200px;
	}
}
@media (max-width: 599px) {
	.c-works .text-arrow {
		font-size: 12px;
	}
}

/* 採用情報 */
.top-recruit .list-box {
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	padding: 1.5em 5em 1em;
}
@media (max-width: 599px) {
	.top-recruit .list-box {
		padding: 1em;
	}
}
.top-recruit .list-box .is-style-check_list li::before {
	color: var(--color_deep04);
}
.top-recruit .img-area figure img {
	object-position: top center;
}
.top-recruit .text-wrap {
	position: relative;
}
.top-recruit .text-message {
	position: relative;
	width: max-content;
	color: var(--color_deep04);
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 30px;
}
.top-recruit .text-message::before {
	content: "";
	position: absolute;
	bottom: -20px;
	right: -10px;
	height: 50px;
	width: 1px;
	background-color: var(--color_deep04);
	transform: rotate(45deg);
}
@media (max-width: 599px) {
.top-recruit p {
		text-align: left;
	}
}



/* セクションの左下に円の背景イラスト */
.has-bg-circle-left-bottom .bg-circle {
	position: absolute;
	bottom: -400px;
	left: -30%;
	opacity: .05;
	z-index: -1;
	width: 600px;
}
@media (max-width: 1100px) {
	.has-bg-circle-left-bottom .bg-circle {
		bottom: -300px;
		width: 500px;
	}
}
@media (max-width: 599px) {
	.has-bg-circle-left-bottom .bg-circle {
		bottom: -180px;
		left: -30px;
		width: 200px;
	}
}