@charset "utf-8";


/*===cariier===cariier===cariier===
...................................

------------------------------ 余白

○(m or p)○(t or b)○(l or m or s)_○(none or l or s)

...................................
===cariier===cariier===cariier===*/

:root {
	--yohaku-llpx:	150px;
	--yohaku-lpx:	120px;
	--yohaku-lspx:	100px;
	--yohaku-mlpx:	80px;
	--yohaku-mpx:	60px;
	--yohaku-mspx:	50px;
	--yohaku-slpx: 20px;
	--yohaku-spx:	10px;
	--yohaku-sspx:	50px;
	--yohaku-llvw:	15vw;
	--yohaku-lvw:	12vw;
	--yohaku-lsvw:	10vw;
	--yohaku-mlvw:	8vw;
	--yohaku-mvw:	6vw;
	--yohaku-msvw:	5vw;
	--yohaku-slvw:	4vw;
	--yohaku-svw:	2vw;
	--yohaku-ssvw:	1vw;
}


@media screen and (max-width:600px) {
.mtl_l{margin-top:var(--yohaku-llvw)!important}.mbl_l{margin-bottom:var(--yohaku-llvw)!important}.ptl_l{padding-top:var(--yohaku-llvw)!important}.pbl_l{padding-bottom:var(--yohaku-llvw)!important}.mtl{margin-top:var(--yohaku-lvw)!important}.mbl{margin-bottom:var(--yohaku-lvw)!important}.ptl{padding-top:var(--yohaku-lvw)!important}.pbl{padding-bottom:var(--yohaku-lvw)!important}.mtl_s{margin-top:var(--yohaku-lsvw)!important}.mbl_s{margin-bottom:var(--yohaku-lsvw)!important}.ptl_s{padding-top:var(--yohaku-lsvw)!important}.pbl_s{padding-bottom:var(--yohaku-lsvw)!important}.mtm_l{margin-top:var(--yohaku-mlvw)!important}.mbm_l{margin-bottom:var(--yohaku-mlvw)!important}.ptm_l{padding-top:var(--yohaku-mlvw)!important}.pbm_l{padding-bottom:var(--yohaku-mlvw)!important}.mtm{margin-top:var(--yohaku-mvw)!important}.mbm{margin-bottom:var(--yohaku-mvw)!important}.ptm{padding-top:var(--yohaku-mvw)!important}.pbm{padding-bottom:var(--yohaku-mvw)!important}.mtm_s{margin-top:var(--yohaku-msvw)!important}.mbm_s{margin-bottom:var(--yohaku-msvw)!important}.ptm_s{padding-top:var(--yohaku-msvw)!important}.pbm_s{padding-bottom:var(--yohaku-msvw)!important}.mts_l{margin-top:var(--yohaku-slvw)!important}.mbs_l{margin-bottom:var(--yohaku-slvw)!important}.pts_l{padding-top:var(--yohaku-slvw)!important}.pbs_l{padding-bottom:var(--yohaku-slvw)!important}.mts{margin-top:var(--yohaku-svw)!important}.mbs{margin-bottom:var(--yohaku-svw)!important}.pts{padding-top:var(--yohaku-svw)!important}.pbs{padding-bottom:var(--yohaku-svw)!important}.mts_s{margin-top:var(--yohaku-ssvw)!important}.mbs_s{margin-bottom:var(--yohaku-ssvw)!important}.pts_s{padding-top:var(--yohaku-ssvw)!important}.pbs_s{padding-bottom:var(--yohaku-ssvw)!important}
}

@media screen and (min-width:601px) {
.mtl_l{margin-top:var(--yohaku-llpx)!important}.mbl_l{margin-bottom:var(--yohaku-llpx)!important}.ptl_l{padding-top:var(--yohaku-llpx)!important}.pbl_l{padding-bottom:var(--yohaku-llpx)!important}.mtl{margin-top:var(--yohaku-lpx)!important}.mbl{margin-bottom:var(--yohaku-lpx)!important}.ptl{padding-top:var(--yohaku-lpx)!important}.pbl{padding-bottom:var(--yohaku-lpx)!important}.mtl_s{margin-top:var(--yohaku-lspx)!important}.mbl_s{margin-bottom:var(--yohaku-lspx)!important}.ptl_s{padding-top:var(--yohaku-lspx)!important}.pbl_s{padding-bottom:var(--yohaku-lspx)!important}.mtm_l{margin-top:var(--yohaku-mlpx)!important}.mbm_l{margin-bottom:var(--yohaku-mlpx)!important}.ptm_l{padding-top:var(--yohaku-mlpx)!important}.pbm_l{padding-bottom:var(--yohaku-mlpx)!important}.mtm{margin-top:var(--yohaku-mpx)!important;}.mbm{margin-bottom:var(--yohaku-mpx)!important}.ptm{padding-top:var(--yohaku-mpx)!important}.pbm{padding-bottom:var(--yohaku-mpx)!important}.mtm_s{margin-top:var(--yohaku-mspx)!important}.mbm_s{margin-bottom:var(--yohaku-mspx)!important}.ptm_s{padding-top:var(--yohaku-mspx)!important}.pbm_s{padding-bottom:var(--yohaku-mspx)!important}.mts_l{margin-top:var(--yohaku-slpx)!important}.mbs_l{margin-bottom:var(--yohaku-slpx)!important}.pts_l{padding-top:var(--yohaku-slpx)!important}.pbs_l{padding-bottom:var(--yohaku-slpx)!important}.mts{margin-top:var(--yohaku-spx)!important}.mbs{margin-bottom:var(--yohaku-spx)!important}.pts{padding-top:var(--yohaku-spx)!important}.pbs{padding-bottom:var(--yohaku-spx)!important}.mts_s{margin-top:var(--yohaku-sspx)!important}.mbs_s{margin-bottom:var(--yohaku-sspx)!important}.pts_s{padding-top:var(--yohaku-sspx)!important}.pbs_s{padding-bottom:var(--yohaku-sspx)!important}
}


/*===cariier===cariier===cariier===
...................................

-------------------------- SP ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (max-width:600px) {
	.pc_only,
	.pctb_only,
	.sp_none,
	.tb_only {
		display: none !important;
	}
	html {
		font-size: 2.8vw;
	}
	.inner {
		width: 80vw;
		margin-left: 10vw;
		margin-right: 10vw;
	}
body header .logo {
	background: hsl(0deg 0% 100% / 0%);
	transition: 0.5s ease;
}
	body.js_header_move:not(.js_header_on) header .logo{
	background: hsl(0deg 0% 100% / 50%);
	transition: 0.5s ease;
}


	header .hamburger {
		background: url(/assets/recruit/images/common/nav_red.svg) no-repeat center center / contain;
		width: 16vw;
		height: 16vw;
		position: absolute;
		top: 3vw;
		right: 4vw;
		z-index: 600;
		cursor: pointer;
	}

	header .hamburger:before {position: absolute;content: "";height: 1px;width: 5.335vw;background: #fff;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: var(--transition);}

	header .hamburger span {display: block;margin: 6.035vw 5.335vw;height: 3.735vw;position: relative;}

	header .hamburger span:before,
	header .hamburger span:after{
		position: absolute;
		content: "";
		height: 1px;
		width: 5.335vw;
		background: #fff;
		transition: var(--transition);
	}
	header .hamburger span:before {
		top: 0;
		left: 0;
	}
	header .hamburger span:after {
		top: 100%;
		left: 0;
	}

	header .fix_nav {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
		backdrop-filter: blur(8px);
		background: hsl(0deg 0% 100% / 50%);
		padding: 21vw 4vw 5vw;
		max-height: 100dvh;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	header .snav {
		display: none;
		padding: 3vw 4vw 4vw;
	}

	header .nav_li > li {
		position: relative;
	}

header .nav_li > li+li {
	border-top: 1px solid var(--color);
}

	header .nav_li > li a {
		position: relative;
		z-index: 1;
	}

	header .nav_li .snav_btn {
		position: absolute;
		display: block;
		cursor: pointer;
		width: 17vw;
		aspect-ratio: 1/1;
		z-index: 10;
		top: 0;
		right: 0;
	}

	header .nav_li .snav_btn:before,
	header .nav_li .snav_btn:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 6vw;
		height: 1px;
		background: var(--color);
		z-index: 1;
		transform: translate(-50%,-50%);
		transition: var(--transition);
	}

	header .nav_li .snav_btn:after {
		transform: translate(-50%,-50%) rotate(90deg);
	}

	header .nav_li > li.on .snav_btn:after {
		transform: translate(-50%,-50%);
	}

	.js_header_on header .fix_nav {
		visibility: visible;
	}

	.js_header_on header .hamburger:before {
		opacity: 0;
	}

	.js_header_on header .hamburger span:before {
		top: 50%;
		transform: rotate(45deg);
	}

	.js_header_on header .hamburger span:after {
		top: 50%;
		transform: rotate(-45deg);
	}
	header .nav_li {
		border: 1px solid var(--color);
		border-radius: 2.1vw;
		background: #fff;
	}


	header .nav_li a {
		text-decoration: none;
	}
	header .nav_li >li>a {
		padding: 4.5vw 4vw 5.5vw 4vw;
	}


	header .snav_li {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 6vw 3.5vw;
		text-align: center;
	}
	header .snav_li a>p:first-of-type {
		border-radius: 2.1vw;
		overflow: hidden;
	}

	header .snav_li a>p:last-of-type {
		font-size: 1.5rem;
		line-height: 1.4;
		padding-top: 3vw;
	}

	
.li_circle.li_circle_sp12>li {
	font-size: 1.2rem;
	padding-left: 5vw;
}

.li_circle.li_circle_sp12>li:before {
	width: 2.6vw;
	top: 1.5vw;
}
}


/*===cariier===cariier===cariier===
...................................

-------------------------- PC ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (min-width:1280px), print {
	.pc_none,
	.pctb_none,
	.sp_only,
	.tb_only {
		display: none !important;
	}
	a:hover {
		text-decoration: none;
	}
	.a_hover {
		opacity: 1;
		transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
	}
	.a_hover:hover {
		opacity: 0.5;
		transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
	}
}


/*===cariier===cariier===cariier===
...................................

-------------------------- PC/TB ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (min-width:601px) and ( max-width:1420px) {
	header .logo {
	width: 240px;
	margin-right: 20px;
}

header .nav_li {
	gap: 25px;
}
}

/*===cariier===cariier===cariier===
...................................

----------------------- TB/SP ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (max-width:1280px) {

}


/*===cariier===cariier===cariier===
...................................

-------------------------- TB ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (min-width:601px) and ( max-width:1280px) {
	.pc_only,
	.pctb_none,
	.sp_only,
	.tb_none{
		display: none !important;
	}
	header {
		width: 1280px;
	}

	body.dir_contact .f_f_shiga,
	body.dir_entry-form .f_f_shiga,
	body.dir_news .f_f_shiga {
		padding-bottom: 340px;
	}
		body:not(#frontpage) .bg_shiga.sec_last {
		padding-bottom: 500px;
	}
		.js_footer_over.underpage .bg_shiga.sec_last .bg_shiga_in:after {
		bottom: -500px !important;
	}
		body:not(#frontpage) .f_f_shiga.sec_last {
		padding-bottom: 350px;
	}
	#interview .inner, #benefit_career .inner {
	width: 1280px;
	margin: 0;
}
	.js_scene:after, .js_scene:before {
	width: 1280px;
}
.nojs_scene::before {
	width: 1280px !important;
}
		.f_f_shiga {
		padding-bottom: 260px;
	}
		.sec_last {
		padding-bottom: 420px;
	}
	.js_scene {
		--add-px: 340px;
	}
}

/*===cariier===cariier===cariier===
...................................

-------- タブレットかつ 特定ピクセル内

...................................
===cariier===cariier===cariier===*/
@media screen and (min-width:601px) and (max-width:1280px) {
	body:not(.js_scrollable_x) header .fix_btn {
        top: 90px;
    }

	body:not(.js_scrollable_x)#benefit_index #child-rearing td div:before {
		left: 550px;
	}
}