@charset "UTF-8";

/*/////////////////////////////// Mobile ///////////////////////////////*/

	.pcOnly, .spNone {
		display: none !important;
	}
	.spOnly {
		display: block !important;
	}
	body {
		position: relative;
		min-width: auto; /*変更*/
		-webkit-font-smoothing: antialiased; /*Macでfont太りを防止*/
		text-decoration-skip-ink: none; /*アンダーライン途切れを防止*/
	}
	/*ロールオーバーでリンクを透過*/
	/*a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}*/
	section {
		overflow: hidden;
	}
	.wrap {
		position: relative;
		width: 100%;
		height: auto;
	}
	.content {
		position: relative;
		width: 100%; /*変更*/
		max-width: 480px; /*変更*/
		height: auto;
		text-align: center; /*変更*/
		margin: 0 auto;
		padding: 0 15px; /*変更*/
	}
	.space {
		padding: 60px 0; /*変更*/
	}
	.space.btm-0 {
		padding: 60px 0 0; /*変更*/
	}
	.space.btm {
		padding: 0 0 60px; /*変更*/
	}
	.box-outer {
		width: 100%;
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		position: relative;
	}
	.box-outer-center {
		width: 100%;
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: relative;
	}
	.box-outer-left {
		width: 100%;
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: flex-start;
		-ms-flex-pack: flex-start;
		justify-content: flex-start;
		position: relative;
	}
	.box-outer-right {
		width: 100%;
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: flex-end;
		-ms-flex-pack: flex-end;
		justify-content: flex-end;
		position: relative;
	}
	.box-outer-right-reverse {
		width: 100%;
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		position: relative;
	}
	.reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}
	/*ボックスの高さを揃えない場合*/
	.align-items-start {
		align-items: flex-start !important;
	}
	.box-inner {
		width: 50%;
		height: auto;
		position: relative;
	}
	h1, h2, h3, h4, h5 {
		/*font-weight: 600;
	font-style: normal;
	letter-spacing: 0.05em;*/
	}
	.lead {
		text-align: justify;
		font-size: 1.7rem;
		line-height: 2;
		letter-spacing: 0.05em;
	}
	.text {
		text-align: justify;
		font-size: 1.4rem;/*変更*/
		line-height: 2;
		letter-spacing: 0.05em;
		font-weight: 500; /*medium*/
	}
	.caution {
		font-size: 1.3rem;
		line-height: 2;
		padding-left: 1em;
		text-indent: -1em;
	}
	.bold {
		font-weight: 600;
	}
	.text-link {
		color: #131298 !important;
		font-weight: 500;
		text-decoration: underline;
		text-underline-offset: 5px;
		text-decoration-thickness: 1px;
	}
	.text-link:hover {
		color: #4b4bee !important;
	}
	.wh {
		color: #ffffff !important;
	}
	.bl {
		font-weight: 600;
		color: #0079C3 !important;
	}
	.red {
		font-weight: 600;
		color: #C60F28 !important;
	}
	.gr {
		font-weight: 600;
		color: #00973B !important;
	}
	.caption {
		text-align: left;
		font-size: 1.2rem;
		letter-spacing: 0.1em;
	}
	/*LINEボタン*/
.btn-line {
	display: block;
	position: fixed;
	bottom: 80px;/*変更*/
		right: 10px;/*変更*/
	z-index: 50;
	width: 110px;/*変更*/
	height: 110px;/*変更*/
	transition: 1s;
}
.btn-line a {
	display: block;
	width: 100%;
	height: 100%;
	transition: 1s;
}
.btn-line .btn-close {
	position: absolute;
	top: -15px;/*変更*/
	right: 0px;/*変更*/
	width: 20px;/*変更*/
	height: auto;
	cursor: pointer;
}
/*サブメニュー*/
.submenu {
	position: fixed;
	right: 0;/*変更*/
	left: 0;/*変更*/
	bottom: 15px;/*変更*/
	z-index: 20;
	display: flex;/*変更*/
	display: -webkit-box;
		display: -ms-flexbox;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	width: 95%;/*変更*/
	background-color: rgba(0, 0, 0, 0.8);
	padding: 10px;/*変更*/
	border-radius: 10px;
	list-style: none;
	margin: auto;/*変更*/
	opacity: 0;
	transition: opacity 0.5s ease;
}
.submenu.visible {
	opacity: 1;
}
/*.submenu li {
	margin: 10px 0;
}*/
.submenu a {
	text-align: center;/*変更*/
	color: #fff;
	text-decoration: none;
	font-size: 1.2rem;
	line-height: 1;/*変更*/
	padding: 5px 10px 6px;/*変更*/
	display: block;
	border-radius: 5px;
	transition: background-color 0.3s;
}
.submenu a:hover {
	background-color: rgba(255, 255, 255, 0.2);
	opacity: 1;
}
.submenu a.active {
	background-color: #E50012;
	font-weight: bold;
}
	/*ムービー*/
	.video-container {
		position: absolute;
		width: 100%;
		height: 100%;
		/*background-color: #ffffff;*/
	}
	.video-container video {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		outline: none;
		border: none;
		opacity: 1; /* ループjs用初期値 */
	}
	/* scroll */
	.scroll-box {
		position: absolute;
		bottom: 70px;/*変更*/
		left: -30px;/*変更*/
		z-index: 50;
		width: 100px;
		height: 85px;/*変更*/
	}
	.scroll-box p {
		position: absolute;
		top: 0;
		right: 33px;
		text-align: left;
		font-size: 1.2rem;/*変更*/
		line-height: 1;
		font-family: "League Spartan", sans-serif;
		font-weight: 600;
		font-style: normal;
		color: #E50012;
		letter-spacing: 0.1em;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	.scroll-box .line {
		position: absolute;
		z-index: 10;
		bottom: 0;
		left: 50%;
		width: 1px;
		height: 85px;/*変更*/
		border-left: 1px solid #E50012;
	}
	.scroll-box .line-b {
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 1px;
		height: 85px;/*変更*/
		border-left: 1px solid #ffffff;
	}
	.extend-down {
		-webkit-animation: extend-down 3s ease-in-out infinite;
		animation: extend-down 3s ease-in-out infinite;
		-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
		-webkit-transform-origin: top center;
		-ms-transform-origin: top center;
		transform-origin: top center;
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0);
	}
	@-webkit-keyframes extend-down {
		0% {
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
		}
		10% {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}
		60% {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			-webkit-transform-origin: bottom center;
			transform-origin: bottom center;
		}
		70% {
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
			-webkit-transform-origin: bottom center;
			transform-origin: bottom center;
		}
		100% {
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
			-webkit-transform-origin: bottom center;
			transform-origin: bottom center;
		}
	}
	@keyframes extend-down {
		0% {
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
		}
		10% {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}
		60% {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			-webkit-transform-origin: bottom center;
			transform-origin: bottom center;
		}
		70% {
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
			-webkit-transform-origin: bottom center;
			transform-origin: bottom center;
		}
		100% {
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
			-webkit-transform-origin: bottom center;
			transform-origin: bottom center;
		}
	}
	/* ヘッダーリンク追加 */
/*	.sp-header-link {
		position: fixed;
		top: 65px;
		left: 0;
		z-index: 50;
		width: 100%;
		height: 50px;
		background-color: #ffffff;
		padding: 10px;
	}
	.sp-header-link li {
		width: 48%;
	}
	.sp-header-link .btn-line-sp a {
		display: block;
		width: 100%;
		height: 30px;
		text-align: left;
		font-size: 1.4rem;
		line-height: 28px;
		font-weight: 700;
		letter-spacing: -0.01em;
		white-space: nowrap;
		color: #414141;
		background-image: url("../../img/recruit/sp_icon_line.svg");
		background-position: center left;
		background-size: 30px auto;
		background-repeat: no-repeat;
		padding-left: 35px;
	}
	.sp-header-link .btn-entry a {
		display: block;
		width: 100%;
		height: 30px;
		text-align: center;
		font-size: 1.4rem;
		line-height: 28px;
		font-weight: 700;
		color: #ffffff;
		background-color: #E50012;
		border-radius: 5px;
	}*/
	
	/* メイン ---------------------------*/
/*	#recruit .main {
		margin-top: 50px;
	}*/
	#recruit .main .wrap {
		position: relative;
		width: 100%;
		height: calc(100svh - 65px);/*変更*/
	}
	#recruit .main .content {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		max-width: 100%;/*変更*/
		height: 100%;
		padding: 0;/*変更*/
	}
#recruit .main .top-main-copy {
	width: 230px;/*変更*/
	height: 100px;/*変更*/
	text-align: center;
	background-color: rgba(255, 255, 255, 0.90);
	border-radius: 0 8px 8px 0;/*変更*/
	margin: 40vh 0 0;
}
#recruit .main .top-main-copy .eng {
	display: inline-block;
	text-align: left;
	font-size: 2.4rem;/*変更*/
	line-height: 1.3;
	color: #E50012;
	font-family: altivo, sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.08em;
	padding-top: 20px;/*変更*/
}
/*	#recruit .main .top-main-copy {
		width: 100%;
		height: auto;
		text-align: left;
		font-size: 3rem;
		line-height: 1.5;
		font-family: "Zen Maru Gothic", serif;
		font-weight: 900;
		font-style: normal;
		color: #414141;
		font-feature-settings: "palt"1;
		padding-left: 25px;
		margin: 48svh 0 0;
		text-shadow: 0 0 10px rgba(255, 255, 255, 1.00),0 0 10px rgba(255, 255, 255, 1.00);
	}
	#recruit .main .top-main-copy .eng {
		text-align: left;
		font-size: 1.5rem;
		color: #E50012;
		font-family: altivo, sans-serif;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.12em;
		padding-left: 3px;
		margin-top: 10px;
	}*/
	#recruit .main .page-link {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		height: 70px;/*変更*/
		background-color: #E50012;
	}
	#recruit .main .page-link ul {
		width: 100%;/*変更*/
		height: 100%;/*変更*/
		padding: 15px 0;/*変更*/
		margin: 0 auto;
	}
	#recruit .main .page-link li {
		width: 33%;/*変更*/
		height: 100%;
		border-left: 1px solid #ffffff;
	}
	#recruit .main .page-link li:first-of-type {
		border: none;/*変更*/
	}
	#recruit .main .page-link li a {
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		font-size: 1.3rem;/*変更*/
		line-height: 1;
		font-weight: 700;
		color: #ffffff;
		background-image: url("../../img/recruit/page_link_arrow_01.svg");
		background-position: bottom 5px center;/*変更*/
		background-size: 13px auto;/*変更*/
		background-repeat: no-repeat;
		padding-top: 3px;/*変更*/
		transition: 0.3s;
	}
	#recruit .main .page-link li a:hover {
		opacity: 1;
		background-position: bottom 10px center;
	}
	#recruit .main .page-link .btn-entry a {
		width: 250px;
		height: 100%;
		text-align: left;
		color: #E50012;
		background-color: #ffffff;
		background-image: url("../../img/recruit/page_link_arrow_02.svg");
		background-position: center right 25px;
		background-size: 18px auto;
		background-repeat: no-repeat;
		border-radius: 10px;
		padding: 30px;
		margin-left: 50px;
		transition: 0.3s;
	}
	#recruit .main .page-link .btn-entry a:hover {
		background-position: center right 20px;
		opacity: 1;
		/*background-color: #F5AAAF;*/
		filter: brightness(120%);
		/*transform: scale(102%);
	transform-origin: center center;
	box-shadow: 3px 3px 8px rgba(0,0,0,0.1);*/
	}
	/* リクルート共通 ---------------------------*/
	#recruit h2 {
		display: inline-block;
		width: auto;
		height: auto;
		text-align: center;
		font-size: 1.4rem;/*変更*/
		line-height: 1;
		font-weight: 700;
		color: #E50012;
		letter-spacing: 0.1em;/*変更*/
		margin-bottom: 40px;/*変更*/
	}
	#recruit h2 p {
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 3rem;/*変更*/
		line-height: 1;
		color: #393332;
		font-family: altivo, sans-serif;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.15em;
		margin-bottom: 8px;/*変更*/
	}
	/* 公式リクルートLINE ---------------------------*/
	#recruit .line .wrap {
		background-color: #E2E1DD;
		background-image: url("../../img/recruit/line_border.svg"), url("../../img/recruit/line_friend_hizaru.svg");
		background-position: bottom -1px center, bottom center;
		background-size: 1000px auto, 200px auto;/*変更*/
		background-repeat: repeat-x, no-repeat;
		padding-bottom: 115px;/*変更*/
	}
	#recruit .line h2 p {
		width: 265px;/*変更*/
		margin-bottom: 17px;
	}
	#recruit .line .box-line {
		width: 100%;/*変更*/
		margin: 0 auto 30px;/*変更*/
	}
	#recruit .line .box-line li {
		width: 146px;/*変更*/
		height: 146px;/*変更*/
		text-align: center;
		font-size: 1.4rem;/*変更*/
		line-height: 1.6;
		color: #E50012;
		font-family: "Zen Maru Gothic", serif;
		font-weight: 700;
		font-style: normal;
		background-color: #FFF681;
		border-radius: 73px;/*変更*/
		padding-top: 40px;/*変更*/
		margin: 0 auto;/*変更*/
	}
	#recruit .line .box-line li p {
		font-size: 1.2rem;/*変更*/
		margin-top: 5px;/*変更*/
	}
	#recruit .line .box-line li:nth-of-type(3) {/*変更*/
		background-color: #ffffff;
	}
	#recruit .line .lead {
		text-align: center;
		font-size: 1.6rem;/*変更*/
		font-weight: 700;
		margin-bottom: 25px;/*変更*/
	}
	#recruit .line .text {
		text-align: center;
		font-family: "Zen Maru Gothic", serif;
		font-weight: 500;
		font-style: normal;
		margin-bottom: 30px;/*変更*/
	}
	#recruit .line .link-line {
		display: block;
		width: 200px;/*変更*/
		height: auto;
		margin: 0 auto;
		transition: 0.3s;
	}
	#recruit .line .link-line:hover {
		filter: brightness(120%);
		opacity: 1;
		transform: scale(103%);
		transform-origin: center center;
	}
	/* 会社を知る ---------------------------*/
	#recruit .company .wrap {
		background-color: #ffffff;
	}
	#recruit .company .box-bg {
		width: 100%;/*変更*/
		background-color: #FFE0E2;
		background-image: url("../../img/recruit/company_illust_01_sp.svg"), url("../../img/recruit/company_illust_02_sp.svg");
		background-position: top 15px left 15px, top 15px right 15px;/*変更*/
		background-size: 50px auto, 50px auto;/*変更*/
		background-repeat: no-repeat;
		padding: 40px 15px 30px;/*変更*/
		margin: 0 auto 60px;
	}
	#recruit .company h3 {
		width: 320px;/*変更*/
		margin: 10px auto 20px;/*変更*/
	}
	#recruit .company .text {
		text-align: center;
		color: #E50012;
		font-family: "Zen Maru Gothic", serif;
		font-weight: 500;
		font-style: normal;
		margin-bottom: 30px;/*変更*/
	}
	#recruit .company h4 {
		position: relative;
		width: 100%;
		height: 30px;/*変更*/
		text-align: center;
		font-size: 1.4rem;/*変更*/
		line-height: 28px;
		font-weight: 700;
		letter-spacing: 0.2em;
		color: #ffffff;
		background-color: #E50012;
		border-radius: 15px;/*変更*/
		margin: 0 auto 25px;/*変更*/
	}
	#recruit .company h4::after {
		display: block;
		content: "";
		position: absolute;
		bottom: -9px;/*変更*/
		left: 0;
		right: 0;
		margin: auto;
		width: 12px;/*変更*/
		height: 10px;/*変更*/
		background-image: url("../../img/recruit/company_h4_arrow.svg");
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#recruit .company .box-company-num li {
		width: 100px;/*変更*/
		height: 100px;/*変更*/
		margin-bottom: 10px;/*変更*/
	}
#recruit .company .box-company-num .blank {
	display: none;/*変更*/
}
	#recruit .company .box-company-num li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		background-color: #FFFFFF;
		background-image: url("../../img/recruit/company_num_plus.svg");
		background-position: bottom right;
		background-size: 13px auto;/*変更*/
		background-repeat: no-repeat;
		padding-top: 15px;/*変更*/
		transition: 0.3s;
	}
	#recruit .company .box-company-num li a:hover {
		filter: brightness(120%);
		opacity: 1;
		transform: scale(103%);
		transform-origin: center center;
		box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
	}
	#recruit .company .box-company-num .num {
		display: inline-block;
		text-align: center;
		font-size: 2.3rem;/*変更*/
		line-height: 1;
		color: #E50012;
		font-family: "barlow", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-feature-settings: "palt"1;
	}
	#recruit .company .box-company-num .modal08 .num, #recruit .company .box-company-num .modal09 .num {
		letter-spacing: 0.1em;
	}
	#recruit .company .box-company-num .modal10 .num {
		font-size: 1.5rem;/*変更*/
		font-family: 'Noto Sans JP', sans-serif;
		letter-spacing: 0.1em;
		margin-top: 5px;/*変更*/
	}
	#recruit .company .box-company-num .num small {
		font-size: 2rem;/*変更*/
	}
	#recruit .company .box-company-num .num span {
		font-size: 1.3rem;/*変更*/
		font-family: 'Noto Sans JP', sans-serif;
	}
	#recruit .company .box-company-num img {
		display: block;
		width: 60px;/*変更*/
		height: auto;
		margin: -5px auto 0;/*変更*/
	}
	#recruit .company .caution {
		font-size: 1.2rem;/*変更*/
		margin-top: 10px;
	}
	#recruit .company .box-company-link {
		width: 100%;/*変更*/
		height: auto;
		margin: 0 auto;
	}
	#recruit .company .box-company-link li {
		width: 345px;/*変更*/
		height: 200px;/*変更*/
		overflow: hidden;
		margin: 0 auto;/*変更*/
	}
#recruit .company .box-company-link li:first-of-type {
	margin-bottom: 25px;/*変更*/
}
	#recruit .company .box-company-link li a {
		display: block;
		width: 100%;
		height: 100%;
	}
	#recruit .company .box-company-link li a:hover {
		opacity: 1;
	}
	#recruit .company .box-company-link img {
		height: 165px;/*変更*/
		object-fit: cover;/*変更*/
		transition: 0.3s;
	}
	#recruit .company .box-company-link li a:hover img {
		opacity: 1;
		transform: scale(103%);
		transform-origin: center center;
	}
	#recruit .company .box-company-link h5 {
		width: 100%;
		height: 35px;/*変更*/
		text-align: left;
		font-size: 1.5rem;/*変更*/
		line-height: 33px;/*変更*/
		color: #ffffff;
		font-weight: 700;
		background-color: #E50012;
		background-image: url("../../img/recruit/company_link_arrow.svg");
		background-position: center right 12px;/*変更*/
		background-size: 8px auto;/*変更*/
		background-repeat: no-repeat;
		padding-left: 12px;/*変更*/
		transition: 0.3s;
	}
	#recruit .company .box-company-link li a:hover h5 {
		filter: brightness(120%);
		opacity: 1;
		background-position: center right 15px;
	}
	/* モーダル ---------------------------*/
	button {
		padding: 0 !important;
		background: none;
		border: none;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.box-modal {
		width: 100%;/*変更*/
		height: auto;/*変更*/
		background-color: #ffffff;
		margin: 0 auto;
	}
	.box-modal .box-inner-01 {
		width: 100%;/*変更*/
		height: 230px;/*変更*/
		text-align: center;
		padding-top: 30px;/*変更*/
	}
	.box-modal .box-inner-02 {
		display: table;
		width: 100%;/*変更*/
		height: auto;/*変更*/
		min-height: 250px;/*変更*/
		text-align: left;
		padding: 20px;/*変更*/
	}
/*	#modal03 .box-modal .box-inner-02 {
		padding-left: 0;
	}*/
	.box-modal .title {
		text-align: center;
		font-size: 1.8rem;/*変更*/
		line-height: 1;
		font-weight: 700;
		letter-spacing: 0.2em;
		/*color: #414141;*/
	}
	.box-modal .num {
		display: inline-block;
		text-align: center;
		font-size: 5.7rem;/*変更*/
		line-height: 1;
		color: #E50012;
		font-family: "barlow", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-feature-settings: "palt"1;
	}
	#modal08 .box-modal .num, #modal09 .box-modal .num {
		letter-spacing: 0.1em;
	}
	#modal10 .box-modal .num {
		font-size: 3.3rem;/*変更*/
		font-family: 'Noto Sans JP', sans-serif;
		letter-spacing: 0.1em;
		margin-top: 15px;
	}
	.box-modal .num small {
		font-size: 4.8rem;/*変更*/
	}
	.box-modal .num span {
		font-size: 3rem;/*変更*/
		font-family: 'Noto Sans JP', sans-serif;
	}
	.box-modal img {
		display: block;
		width: 168px;/*変更*/
		height: auto;
		margin: -10px auto 0;
	}
	.box-modal .text {
		display: block;/*変更*/
		width: 100%;
		height: auto;/*変更*/
	}
	.box-modal .text
	#modal05 .box-modal .text, #modal06 .box-modal .text {
		display: block;
		height: auto;
	}
	.box-modal table {
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	.box-modal caption {
		font-weight: 700;
		margin-bottom: 5px;
	}
	.box-modal tr {
		border-top: 1px solid #393332;
	}
	.box-modal tr:last-of-type {
		border-bottom: 1px solid #393332;
	}
	.box-modal th {
		text-align: left;
		font-size: 1.4rem;
		font-weight: 500;
		white-space: nowrap;
		background-color: #F1F0EE;
		padding: 3px 10px;
	}
	.box-modal td {
		text-align: left;
		font-size: 1.4rem;
		font-weight: 500;
		padding: 3px 10px;
	}
	.recruit-remodal-close {
		width: 190px;/*変更*/
		height: auto;
		margin: 20px auto 0;/*変更*/
		cursor: pointer;
		transition: 0.3s;
	}
	.recruit-remodal-close:hover {
		filter: brightness(120%);
		opacity: 1;
		/*transform: scale(103%);
	transform-origin: center center;*/
	}
	/* インタビュー ---------------------------*/
	#recruit .interview .wrap {
		background-color: #DFDED9;
	}
	#recruit .interview h3 {
		width: 200px;/*変更*/
		height: 30px;/*変更*/
		text-align: center;
		font-size: 1.5rem;/*変更*/
		line-height: 28px;/*変更*/
		font-weight: 700;
		letter-spacing: 0.1em;
		background-color: #ffffff;
		border-radius: 15px;/*変更*/
		margin: 0 auto 22px;/*変更*/
	}
	#recruit .interview .text {
		text-align: center;
		font-family: "Zen Maru Gothic", serif;
		font-weight: 500;
		font-style: normal;
	}
	/*メニュー*/
	#recruit .interview .interview-menu {
		width: 300px;/*変更*/
		height: auto;
		margin: 30px auto 20px;/*変更*/
	}
	#recruit .interview .interview-menu .tab {
		width: 145px;/*変更*/
		height: 255px;/*変更*/
		margin-bottom: 15px;/*変更*/
	}
	#recruit .interview .interview-menu .tab a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		cursor: pointer;
		transition: 0.3s;
	}
#recruit .interview .interview-menu .tab a video {
	filter: saturate(0%);
	transition: 0.3s;
}
/*#recruit .interview .interview-menu .tab a:hover {
	opacity: 1;
}
#recruit .interview .interview-menu .tab a:hover video {
	filter: saturate(100%);
}*/
	#recruit .interview .interview-menu .num {
		position: absolute;
		top: 10px;/*変更*/
		right: 10px;/*変更*/
		z-index: 10;
		text-align: center;
		font-size: 3rem;/*変更*/
		line-height: 1;
		font-family: "League Spartan", sans-serif;
		font-weight: 600;
		font-style: normal;
		color: #ffffff;
		text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	}
	#recruit .interview .interview-menu .num span {
		display: block;
		font-size: 1.1rem;/*変更*/
	}
	#recruit .interview .interview-menu .video-container {
		position: relative;
		height: 195px;/*変更*/
	}
	#recruit .interview .interview-menu .info {
		position: relative;
		width: 100%;
		height: 60px;/*変更*/
		text-align: left;
		font-size: 1.7rem;/*変更*/
		line-height: 1.5;/*変更*/
		font-weight: 700;
		padding: 5px 10px;/*変更*/
	}
	#recruit .interview .interview-menu .info span {
		display: block;/*変更*/
		font-size: 1.4rem;
		font-weight: 500;/*変更*/
		/*margin-left: 1em;*/
	}
	/*コンテンツ*/
	#recruit .interview .box-interview {
		width: 100%;/*変更*/
		height: auto;/*変更*/
		background-color: #ffffff;
		padding: 15px;/*変更*/
		margin: 0 auto;
	}
	#recruit .interview .box-interview .video-container {
		position: relative;
		height: 180px;/*変更*/
		cursor: pointer;
	}
	#recruit .interview .box-interview .box-info {
		margin: 25px 0;/*変更*/
	}
	#recruit .interview .box-interview .box-info .num {
		width: 70px;/*変更*/
		height: 54px;/*変更*/
		text-align: center;
		font-size: 2.5rem;
		line-height: 1.05;/*変更*/
		color: #ffffff;
		font-family: "League Spartan", sans-serif;
		font-weight: 600;
		font-style: normal;
		background-color: #E50012;
		border-radius: 0 27px 27px 0;/*変更*/
		padding: 12px 3px 0 0;/*変更*/
		margin-right: 10px;/*変更*/
	}
	#recruit .interview .box-interview .box-info .num span {
		display: block;
		font-size: 1rem;/*変更*/
	}
	#recruit .interview .box-interview .box-info .section {
		display: inline-block;
		text-align: left;
		font-size: 1.6rem;/*変更*/
		line-height: 1;
		font-weight: 700;
		color: #E50012;
		padding-top: 5px;/*変更*/
	}
	#recruit .interview .box-interview .box-info .year {
		display: inline-block;
		text-align: left;
		font-size: 1.3rem;/*変更*/
		font-weight: 700;
		margin-left: 1em;
	}
	#recruit .interview .box-interview .box-info .name {
		text-align: left;
		font-size: 2rem;/*変更*/
		line-height: 1;
		font-weight: 700;
		letter-spacing: 0.3em;
		margin-top: 0;/*変更*/
	}
	#recruit .interview .box-interview h4 {
		text-align: left;
		font-size: 1.4rem;/*変更*/
		line-height: 14px;/*変更*/
		font-weight: 700;
		border-left: 3px solid #E50012;
		padding-left: 8px;/*変更*/
		margin-bottom: 10px;/*変更*/
	}
	#recruit .interview .box-interview .box-schedule table {
		width: 300px;
		margin-right: 20px;
	}
	#recruit .interview .box-interview .box-schedule th {
		width: 50px;/*変更*/
		text-align: right;
		vertical-align: middle;
		font-size: 1.6rem;/*変更*/
		line-height: 1.6;
		font-family: altivo, sans-serif;
		font-weight: 500;
		font-style: normal;
		color: #E50012;
		padding: 2px 0;/*変更*/
	}
	#recruit .interview .box-interview .box-schedule td {
		text-align: left;
		vertical-align: middle;
		font-size: 1.4rem;/*変更*/
		line-height: 1.6;
		font-weight: 500;
		padding: 2px 0 2px 15px;/*変更*/
	}
	/* タブ切り替え（active） */
	#recruit .interview .interview-menu .tab.active a {
		background-color: #E50012;
		pointer-events: none;
	}
	#recruit .interview .interview-menu .tab.active a video {
		filter: saturate(100%);
}
/*	#recruit .interview .interview-menu .tab.active a::before {
		display: block;
		content: "";
		position: absolute;
		bottom: -21px;
		left: 0;
		right: 0;
		margin: auto;
		width: 30px;
		height: 22px;
		background-image: url("../../img/recruit/interview_menu_arrow.svg");
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}*/
	#recruit .interview .interview-menu .tab.active a::after {
		box-sizing: border-box;
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 6px solid #E50012;/*変更*/
	}
	#recruit .interview .interview-menu .tab.active .info {
		color: #ffffff;
	}
	.tab-content {
		display: none;
	}
	.tab-content.show {
		display: block;
	}
	/* fade-in */
	.tab-content {
		opacity: 0;
	}
	.tab-content.show {
		-webkit-animation: fade-in 0.5s ease-in-out forwards;
		animation: fade-in 0.5s ease-in-out forwards;
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	}
	@-webkit-keyframes fade-in {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	@keyframes fade-in {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	/* 求人情報 ---------------------------*/
	#recruit .entry .wrap {
		background-color: #FFDDDB;
	}
	#recruit .entry .content {
		width: 100%;/*変更*/
	}
	#recruit .entry h3 {
		width: 200px;/*変更*/
		height: 30px;/*変更*/
		text-align: center;
		font-size: 1.5rem;/*変更*/
		line-height: 28px;/*変更*/
		font-weight: 700;
		letter-spacing: 0.1em;
		background-color: #ffffff;
		border-radius: 15px;/*変更*/
		margin: 0 auto 22px;/*変更*/
	}
	#recruit .entry .text {
		text-align: center;
		font-family: "Zen Maru Gothic", serif;
		font-weight: 500;
		font-style: normal;
	}
	#recruit .entry h4 {
		display: inline-block;
		width: auto;/*変更*/
		height: 30px;/*変更*/
		text-align: left;
		font-size: 1.8rem;/*変更*/
		line-height: 28px;/*変更*/
		font-weight: 700;
		letter-spacing: 0.2em;
		white-space: nowrap;/*変更*/
		color: #E50012;
		background-image: url("../../img/recruit/entry_icon_01.svg");
		background-position: center left;
		background-size: 30px auto;/*変更*/
		background-repeat: no-repeat;
		padding-left: 38px;/*変更*/
		margin: 30px 0 15px;/*変更*/
	}
	#recruit .entry h4:nth-of-type(2) {
		background-image: url("../../img/recruit/entry_icon_02.svg");
	}
	#recruit .entry h4:nth-of-type(3) {
		background-image: url("../../img/recruit/entry_icon_03.svg");
	}
	#recruit .entry h4:nth-of-type(4) {
		background-image: url("../../img/recruit/entry_icon_04.svg");
	}
	#recruit .entry h5 {
		text-align: center;/*変更*/
		font-size: 1.7rem;/*変更*/
		line-height: 1;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin-bottom: 15px;/*変更*/
	}
	#recruit .entry .box-entry {
		width: 100%;
		height: auto;
		text-align: center;/*変更*/
		background-color: #ffffff;
		padding: 15px;/*変更*/
	}
	#recruit .entry .box-entry .box-inner {
		width: 100%;/*変更*/
		height: auto;
		text-align: center;/*変更*/
		margin: 10px auto;/*変更*/
	}
	#recruit .entry .btn-entry-a {
		display: inline-block;
		vertical-align: top;
		width: 53%;
		height: 48px;/*変更*/
		text-align: center;/*変更*/
		font-size: 1.7rem;/*変更*/
		line-height: 46px;/*変更*/
		font-weight: 700;
		letter-spacing: 0.2em;
		color: #ffffff;
		background-color: #E50012;
		background-image: url("../../img/recruit/icon_ex_link_01.svg");
		background-position: center right 13px;/*変更*/
		background-size: 12px auto;/*変更*/
		background-repeat: no-repeat;
		padding-right: 10px;/*変更*/
		margin-right: 3%;/*変更*/
		transition: 0.3s;
	}
	#recruit .entry .btn-entry-a:hover {
		filter: brightness(120%);
		opacity: 1;
		/*transform: scale(103%);
	transform-origin: center center;*/
	}
	#recruit .entry .btn-entry-b {
		display: inline-block;
		width: 40%;
		height: 48px;/*変更*/
		text-align: center;/*変更*/
		font-size: 1.4rem;/*変更*/
		line-height: 1.3;/*変更*/
		font-weight: 700;
		color: #393332;
		background-color: #FAD1D4;
		background-image: url("../../img/recruit/icon_ex_link_02.svg");
		background-position: center right 10px;/*変更*/
		background-size: 12px auto;/*変更*/
		background-repeat: no-repeat;
		padding-right: 20px;/*変更*/
		padding-top: 5px;/*変更*/
		transition: 0.3s;
	}
	#recruit .entry .btn-entry-b:hover {
		filter: brightness(120%);
		opacity: 1;
		background-color: #F29097;
		/*transform: scale(103%);
	transform-origin: center center;*/
	}
#recruit .entry .box-entry.sales .box-inner {
	width: 100%;
}
#recruit .entry .box-entry .parent {
	cursor: pointer;/*toggle用*/
}
#recruit .entry .box-entry .child {
	display: none;/*toggle用*/
	padding-top: 20px;
}
#recruit .entry .no-job {
	filter: saturate(0%);
	opacity: 0.4;
	pointer-events: none;
}
#recruit .entry .sales .no-job {
	pointer-events: auto;
}
#recruit .entry .sales .no-job:hover {
	filter: saturate(0%)!important;
}
	#recruit .entry .box-entry .job-type {
		display: inline-block;
		width: 75px;/*変更*/
		height: 32px;/*変更*/
		text-align: center;
		font-size: 1.6rem;
		line-height: 30px;/*変更*/
		font-weight: 700;
		letter-spacing: 0.2em;
		color: #ffffff;
		background-color: #E50012;
		padding-left: 0.2em;
		margin: 10px 0 15px;/*変更*/
	}
	#recruit .entry .box-entry .text {
		display: inline-block;
		width: auto;
		height: 35px;
		font-family: 'Noto Sans JP', sans-serif;
		/*white-space: nowrap;*/
	}
	#recruit .entry .box-entry .box-btn {
		margin: 20px 0 10px;/*変更*/
	}
	#recruit .entry .btn-entry-c {
		display: block;
		width: 95%;/*変更*/
		height: 63px;/*変更*/
		text-indent: -9999px;
		background-color: #ffffff;
		background-image: url("../../img/recruit/icon_ex_link_02.svg"), url("../../img/recruit/entry_btn_logo_01.png");
		background-position: center right 15px, center center;/*変更*/
		background-size: 12px auto, cover;/*変更*/
		background-repeat: no-repeat;
		border: 1px solid #C6C7C7;
		transition: 0.3s;
		margin: 0 auto;/*変更*/
	}
#recruit .entry .btn-entry-c:first-of-type {
	margin-bottom: 20px;/*変更*/
}
	#recruit .entry .btn-entry-c:last-of-type {
		background-image: url("../../img/recruit/icon_ex_link_02.svg"), url("../../img/recruit/entry_btn_logo_02.png");
	}
	#recruit .entry .btn-entry-c:hover {
		filter: brightness(120%);
		opacity: 1;
		border: 1px solid #E50012;
		/*transform: scale(103%);
	transform-origin: center center;*/
	}
	/* フッターリンク ---------------------------*/
	#recruit .footer-link .wrap {
		background-color: #ffffff;
	}
	#recruit .footer-link .box-btn {
		width: 100%;/*変更*/
		margin: 0 auto;
	}
	#recruit .footer-link .btn-link {
		display: block;
		width: 325px;
		height: 50px;/*変更*/
		text-align: center;
		font-size: 1.6rem;/*変更*/
		line-height: 48px;/*変更*/
		font-weight: 700;
		letter-spacing: 0.1em;
		color: #ffffff;
		background-color: #E50012;
		background-image: url("../../img/recruit/icon_ex_link_01.svg");
		background-position: center right 20px;
		background-size: 14px auto;/*変更*/
		background-repeat: no-repeat;
		border-radius: 25px;/*変更*/
		padding-right: 10px;/*変更*/
		transition: 0.3s;
		margin: 0 auto;/*変更*/
	}
	#recruit .footer-link .btn-link:hover {
		filter: brightness(120%);
		opacity: 1;
		/*transform: scale(103%);
	transform-origin: center center;*/
	}
	#recruit .footer-link .btn-link:last-of-type {
		background-color: #06C755;
		background-image: url("../../img/recruit/footer_link_arrow.svg");
		background-size: 20px auto;/*変更*/
		margin-top: 20px;/*変更*/
	}
	#recruit .footer-link .btn-link:last-of-type:hover {
		background-position: center right 15px;
	}
	/* フッター ---------------------------*/
	#recruit footer {
		margin-top: 0;
	}