/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 10 2025 | 06:29:39 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 

.recruit_point {
	position: relative;
	padding: 1rem;
	background-color: rgba(255, 255, 255, 0.2);
}
.recruit_point.center_flex {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.recruit_point.bg_black_light {
	background-color: rgba(128, 128, 128, 0.1);
}

.recruit_point.mt-3 {
	margin-top: 3rem;
}
.recruit_point.mt-2 {
	margin-top: 2rem;
}
.recruit_point.mt-1 {
	margin-top: 1rem;
}
.recruit_point.inner_blocks {
	max-width: calc(100% - 2rem) !important;
	margin-left: auto;
	margin-right: auto;
}



.recruit_point::before {
	content: "";
	display: block;
	width: 30%;
	max-width: 130px;
	aspect-ratio: 1 / 1;
	background-image: url("https://sdenso.jp/wp-content/uploads/2025/07/recruit_point_white.png");
	background-repeat: no-repeat;
	background-size: contain;
	float: right;
	margin-left: 1rem;
	margin-bottom: 0.5rem;
	margin-right: -2rem;
	margin-top: -3rem;
	/*filter: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(7420%) hue-rotate(22deg) brightness(85%) contrast(116%);*/
	filter: brightness(0) saturate(100%) invert(70%) sepia(60%) saturate(1627%) hue-rotate(3deg) brightness(100%) contrast(101%);
	transform: rotate(15deg);
}
.recruit_point.red_mark::before {
	filter: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(7420%) hue-rotate(22deg) brightness(85%) contrast(116%);
}

.recruit_point.left_mark::before {
	margin-right: 1rem;
	margin-left: -2rem;
	transform: rotate(-15deg);
}

.recruit_point::after {
	content: "";
	display: block;
	overflow: hidden;
	clear: both;
}

@media screen and (max-width: 767.95px) {
	.recruit_point::before {
		max-width: 130px;
		margin-right: -1rem;
	}
	.recruit_point.left_mark::before {
		margin-left: -1rem;
	}
}

.our_mission_rp {
	max-width: 540px !important;
	width: 100%;
}
.our_mission_rp .elementor-widget-container > span {
	display: block;
	white-space: nowrap;
}
@media screen and (max-width: 767.95px) {
	.our_mission_rp .elementor-widget-container > span {
		display: inline;
		white-space: wrap;
	}
	.our_mission_rp .elementor-widget-container > span:nth-child(2)::after {
		content: "";
		display: block;
		height: 1px;
	}
}

.custom_photo_gallery .e-con-inner .elementor-element .elementor-widget-container a {
	width: 100%;
	height: 100%;
	display: block;
}
.custom_photo_gallery .e-con-inner .elementor-element .elementor-widget-container a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}