@charset "utf-8";
.title_bg_gradient {
	min-width: 780px;
}
.sec_welfares {
	padding: 70px 0 180px;
}
.welfares_about {
	width: 73%;
	margin: 0 auto 80px;
	text-align: center;
}
.welfares_about .title_bg_gradient {
	margin-bottom: 30px;
}
.welfares_about .text_base {
	text-align: left;
}
.welfares_content .mod_wrap {
	padding: 40px 40px 0 0;
}
.welfares_content .mod_wrap .img_mod {
	width: 63%;
	max-width: 700px;
	margin: 0 20px -60px -60px;
}
.welfares_content .mod_wrap .mod_info {
	width: 39%;
}
.welfares_content .title_vertical {
	top: 20px;
	right: -26px;
}
.welfares_content .title_vertical span {
	font-size: 68px;
}
.welfares_content .mod_info .title_xs {
	font-size: 20px;
	font-weight: 500;
	color: var(--sub28-color);
}
.welfares_content .mod_wrap.row_reverse {
	padding: 40px 0 0 40px;
}
.welfares_content .mod_wrap.row_reverse .img_mod {
	margin: 0 -60px -60px 20px;
}
.welfares_content .mod_wrap.row_reverse .title_vertical {
	top: 18px;
	left: -29px;
}
.sec_benefits {
	padding-bottom: 170px;
	text-align: center;
}
.sec_benefits .inner {
	max-width: 1100px;
}
.sec_benefits .title_bg_gradient {
	margin-bottom: 85px;
}
.list_benefits {
	text-align: left;
}
.list_benefits .title_xs {
	font-size: 20px;
	font-weight: 500;
	color: var(--sub29-color);
}
.list_benefits li {
	margin-bottom: 35px;
}
.list_benefits li:last-child {
	margin-bottom: 0;
}
.list_benefits li.flex {
	justify-content: space-between;
}
.list_benefits li.flex .title_xs {
	width: 37%;
}
.list_benefits li.flex .text_base {
	width: 60%;
}
.benefits_gallery img {
	width: 25%;
	max-width: 266px;
}
.benefits_note .title_xs {
	font-weight: 500;
	color: var(--sub29-color);
	line-height: 2;
}
.sec_contact {
	background: var(--sub30-color);
}

.welfare_theme .mod_wrap {
	border-image: linear-gradient(to right,#B3F691 0%,#C9DCF8 100%) 1;
}
.welfares_content .mod_wrap.row_reverse {
	border-image: linear-gradient(to right,#C9DCF8 0%,#B3F691 100%) 1;
}
.welfare_theme .title_vertical span {
	color: var(--sub27-color);
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.title_bg_gradient {
		min-width: 65.054vw;
	}
	.sec_welfares {
		padding: 5.838vw 0 15.013vw;
	}
	.welfares_about {
		margin-bottom: 6.672vw;
	}
	.welfares_about .title_bg_gradient {
		margin-bottom: 2.502vw;
	}
	.welfares_content .mod_wrap {
		padding: 3.336vw 3.336vw 0 0;
	}
	.welfares_content .mod_wrap .img_mod {
		margin: 0 1.668vw -5.004vw -5.004vw;
	}
	.welfares_content .title_vertical {
		top: 1.668vw;
		right: -2.168vw;
	}
	.welfares_content .title_vertical span {
		font-size: 5.671vw;
	}
	.welfares_content .mod_info .title_xs {
		font-size: 1.668vw;
	}
	.welfares_content .mod_wrap.row_reverse {
		padding: 3.336vw 0 0 3.336vw;
	}
	.welfares_content .mod_wrap.row_reverse .img_mod {
		margin: 0 -5.004vw -5.004vw 1.668vw;
	}
	.welfares_content .mod_wrap.row_reverse .title_vertical {
		top: 1.501vw;
		left: -2.419vw;
	}
	.sec_benefits {
		padding-bottom: 14.178vw;
	}
	.sec_benefits .title_bg_gradient {
		margin-bottom: 7.089vw;
	}
	.list_benefits .title_xs {
		font-size: 1.668vw;
	}
	.list_benefits li {
		margin-bottom: 2.919vw;
	}
	.benefits_gallery img {
		max-width: 22.185vw;
	}
}

@media only screen and (max-width: 767px) {
	.main_mv .mv_content{
        height: 4.5rem;
    }
    .main_mv .mv_content img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
	.title_bg_gradient {
		min-width: auto;
		width: 100%;
	}
	.sec_welfares {
		padding: 0.70rem 0 1.80rem;
	}
	.welfares_about {
		width: 100%;
		margin-bottom: 0.80rem;
	}
	.welfares_about .title_bg_gradient {
		margin-bottom: 0.30rem;
	}
	.welfares_content .mod_wrap {
		width: 100%;
		max-width: 6.50rem;
		padding: 0.60rem 0.30rem !important;
		margin-left: auto;
		margin-right: auto;
		flex-direction: column-reverse;
	}
	.welfares_content .mod_wrap .img_mod {
		width: 100%;
		max-width: 100%;
		margin: 0.50rem 0 0 !important;
	}
	.welfares_content .mod_wrap .mod_info {
		width: 100%;
		padding-left: 0.30rem;
	}
	.welfares_content .title_vertical {
		width: 1.00rem;
		top: 0.05rem !important;
		left: -0.17rem !important;
		right: auto !important;
		-webkit-justify-content: flex-end;
		        justify-content: flex-end;
		transform: rotate(-90deg);
		z-index: -1;
	}
	.welfares_content .title_vertical span {
		font-size: 1.00rem;
	}
	.welfares_content .mod_info .title_xs {
		font-size: 0.34rem;
	}
	.sec_benefits {
		padding-bottom: 1.70rem;
	}
	.sec_benefits .inner {
		max-width: 100%;
	}
	.sec_benefits .title_bg_gradient {
		margin-bottom: 0.85rem;
	}
	.list_benefits .title_xs {
		font-size: 0.34rem;
	}
	.list_benefits li {
		margin-bottom: 0.35rem;
	}
	.list_benefits li.flex .title_xs {
		width: 100%;
		margin-bottom: 0.10rem;
	}
	.list_benefits li.flex .text_base {
		width: 100%;
	}
	.benefits_gallery {
		justify-content: center !important;
		gap: 0.20rem;
	}
	.benefits_gallery img {
		width: 46%;
		max-width: 3.20rem;
	}
}