@charset "UTF-8";
/*============================
header
============================*/
#header {
	background-size: cover;
	max-height: 85vh;
	min-height: 600px;
	height: 49.4vw;
	position: relative;
}
#header .bg_main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
}
#header .bg_main .wrap-slide {
	position: absolute;
	top: -7px;
	left: -7px;
	right: -7px;
	bottom: -7px;
}
#header .bg_main .wrap-tile, #header .bg_main .box-slide {
	position: absolute;
	top: 0%;
	left: 50%;
	width: 100%;
	height: 50vw;
	transform: translate(-50%, 0);
	min-width: 1214px;
	min-height: 607px;
}
#header .bg_main .wrap-tile {
	z-index: 2;
}
.box-tile {
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;
	height: 25%;
	overflow: hidden;
	opacity: 0;
}
#header .bg_main .box-tile img {
	width: 400%;
	transform: translate(0, 0);
	top: 0;
	left: 0;
}
.box-tile:nth-child(2), .box-tile:nth-child(6), .box-tile:nth-child(10), .box-tile:nth-child(14) {
	top: 25%;
}
#header .bg_main .box-tile:nth-child(2) img, #header .bg_main .box-tile:nth-child(6) img, #header .bg_main .box-tile:nth-child(10) img, #header .bg_main .box-tile:nth-child(14) img {
	top: -100%;
}
.box-tile:nth-child(3), .box-tile:nth-child(7), .box-tile:nth-child(11), .box-tile:nth-child(15) {
	top: 50%;
}
#header .bg_main .box-tile:nth-child(3) img, #header .bg_main .box-tile:nth-child(7) img, #header .bg_main .box-tile:nth-child(11) img, #header .bg_main .box-tile:nth-child(15) img {
	top: -200%;
}
.box-tile:nth-child(4), .box-tile:nth-child(8), .box-tile:nth-child(12), .box-tile:nth-child(16) {
	top: 75%;
}
#header .bg_main .box-tile:nth-child(4) img, #header .bg_main .box-tile:nth-child(8) img, #header .bg_main .box-tile:nth-child(12) img, #header .bg_main .box-tile:nth-child(16) img {
	top: -300%;
}
.box-tile:nth-child(5), .box-tile:nth-child(6), .box-tile:nth-child(7), .box-tile:nth-child(8) {
	left: 25%;
}
#header .bg_main .box-tile:nth-child(5) img, #header .bg_main .box-tile:nth-child(6) img, #header .bg_main .box-tile:nth-child(7) img, #header .bg_main .box-tile:nth-child(8) img {
	left: -100%;
}
.box-tile:nth-child(9), .box-tile:nth-child(10), .box-tile:nth-child(11), .box-tile:nth-child(12) {
	left: 50%;
}
#header .bg_main .box-tile:nth-child(9) img, #header .bg_main .box-tile:nth-child(10) img, #header .bg_main .box-tile:nth-child(11) img, #header .bg_main .box-tile:nth-child(12) img {
	left: -200%;
}
.box-tile:nth-child(13), .box-tile:nth-child(14), .box-tile:nth-child(15), .box-tile:nth-child(16) {
	left: 75%;
}
#header .bg_main .box-tile:nth-child(13) img, #header .bg_main .box-tile:nth-child(14) img, #header .bg_main .box-tile:nth-child(15) img, #header .bg_main .box-tile:nth-child(16) img {
	left: -300%;
}
#header .bg_main img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	min-width: 1214px;
	backface-visibility: hidden;
}
#header .blind {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}
#header .inner.main {
	position: absolute;
	height: 100%;
	margin: 0 auto;
	top: 0;
	left: 50%;
	margin-left: -600px;
	z-index: 1;
	width: 100%;
	padding: 0;
}
#header .keyvisual {
	position: absolute;
	bottom: 0;
	margin-left: 0.9%;
}
#header .keyvisual img {
	opacity: 0;
}
#header .lead {
	margin: 0 0 -4.9% 0.3%;
}
#header .tl_01 {
	margin: 0 0 -5.2% 0;
}
#header .tl_02 {
	margin: 0 0 9.3% 0;
}
#header .arrow {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin: 0 0 6.3% -13px;
	width: 32px;
	height: 17px;
	background: url(/recruit/fresh/assets/img/arrow_under.png);
	display: inline-block;
	text-indent: 150%;
	overflow: hidden;
	vertical-align: top;
	opacity: 0;
}
#header .news {
	position: absolute;
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	bottom: 0;
	padding: 11px 25px 7px;
	font-size: 14px;
	box-sizing: border-box;
	z-index: 1;
}
#header .news a {
	color: #fff;
	text-decoration: underline;
}
#header .news p {
	width: 47px;
	height: 13px;
	background: url(/recruit/fresh/assets/img/stl_news.png);
	position: relative;
	display: inline-block;
	text-indent: 150%;
	overflow: hidden;
	margin-right: 14px;
	vertical-align: top;
}
#header .news ul {
	display: inline-block;
	vertical-align: top;
	line-height: 1.4;
	margin-top: -2px;
	font-size: 13px;
}
/*============================
#contents__copy
============================*/
#contents__copy {
	text-align: center;
	padding: 0;
	min-width: 980px;
	margin: 0 auto;
}
#contents__copy .box_link {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 400px;
	opacity: 0;
}
#contents__copy .box_link img {
	backface-visibility: hidden;
}
#contents__copy .box_link .img, #contents__copy .box_link .img_blur {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	overflow: hidden;
}
#contents__copy .box_link .img {
	z-index: 1;
	top: 50px;
	bottom: 50px;
}
#contents__copy .box_link .img_blur, #contents__copy .box_link .img_blur span {
	left: auto;
	right: 0;
}
#contents__copy .box_link img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
	min-width: 1460px;
}
#contents__copy #business img {
	backface-visibility: hidden;
}
#contents__copy .box_link div > span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
#contents__copy .box_link .btn {
	position: absolute;
	top: 0;
	background: #fff;
	margin: 50px 0;
	width: 300px;
	height: 300px;
	z-index: 1;
	text-align: center;
}
#contents__copy .box_link.lay_right .btn {
	right: 0;
}
#contents__copy .box_link.lay_left .btn {
	left: 0;
}
#contents__copy .box_link .btn h2 {
	font-size: 1.813em;
	padding: 91px 0 0;
}
#contents__copy .box_link .btn .line {
	display: block;
	width: 61px;
	border-top: solid 2px #ca0114;
	margin: 14px auto 19px;
	padding: 0 0 0;
}
#contents__copy .box_link .btn .lay-en {
	display: block;
	font-size: 0.69em;
}
/*============================
#contents__keywords
============================*/
#contents__keywords {
	position: relative;
	margin: 50px 0 50px;
}
.bg-keywords, .bg-keywords span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bg-keywords {
	overflow: hidden;
}
.bg-keywords img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	min-width: 1400px;
	transform: translate(-50%, -50%);
	height: auto;
}
#contents__keywords .inner {
	padding: 0 0 50px;
	z-index: 1;
}
#contents__keywords .header_keywords {
	text-align: center;
	position: relative;
	padding: 35px 0 0;
	margin: 0 0 32px;
	color: #fff;
}
#contents__keywords h2 {
	font-size: 2.625em;
	letter-spacing: 0.04em;
	line-height: 1;
	font-family: "Open Sans", sans-serif;
}
#contents__keywords .txt {
	padding: 11px 0 0 0;
}
#contents__keywords .link {
	position: absolute;
	bottom: 0;
	left: 50%;
	font-weight: bold;
	margin: 0 0 0.1em 10.2em;
	display: block;
}
#contents__keywords .box {
	float: left;
	width: 23%;
	margin: 0 1.334%;
	text-align: center;
	position: relative;
	background: #fff;
}
#contents__keywords .box a {
	display: block;
	overflow: hidden;
	height: 0;
	padding: 0 0 100%;
}
#contents__keywords .box h3 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate(0, -50%);
	line-height: 1;
	font-size: 2em;
	letter-spacing: 0.18em;
	text-indent: 0.2em;
	padding: 0 0 10px;
	z-index: 1;
}
#contents__keywords .box h3 .line {
	display: block;
	width: 68px;
	margin: 13px auto 12px;
	height: 1px;
	border-top: solid 2px #ca0114;
}
#contents__keywords .box h3 small {
	font-size: 0.5em;
	display: block;
	letter-spacing: 0.18em;
}
#contents__keywords .box:nth-of-type(2) {
	margin-left: 0;
}
#contents__keywords .box:last-child {
	float: right;
	margin-right: 0;
	margin-left: 0;
}
/*============================
#contents__menu
============================*/
#contents__menu {
	text-align: center;
	padding: 0 0 60px;
}
#contents__menu .box {
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
}
#contents__menu a {
	text-decoration: none;
	color: #fff;
	display: block;
}
#contents__menu h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translate(0, -50%);
	font-size: 1.375em;
	letter-spacing: 0.08em;
	margin: -0.1em 0 0;
	z-index: 1;
}
@media screen and (max-width: 1220px) {
	#header {
		min-height: 600px;
	}
	#header .inner.main {
		left: 0;
		margin-left: 0;
	}
	#header .keyvisual {
		width: calc(400px + 29.3%);
	}
	#header .lead {
		width: 63.5%;
	}
	#header .tl_01 {
		width: 100%;
	}
	#header .tl_02 {
		width: 99.7%;
	}
	#header .arrow {
		bottom: 70px;
		margin-bottom: 0.4%;
	}
}
@media screen and (min-width: 768px) {
	.box_link .btn *,  #contents__menu a img,  #contents__keywords a * {
		transition: opacity 150ms;
	}
	#contents__menu a:hover img {
		opacity: 0.7;
	}
	#contents__keywords a:hover *,  .box_link a:hover .btn h2 {
		opacity: 0.5;
	}
	.box_link a:hover .btn h2 {
		opacity: 0.5 !important;
	}
}
@media screen and (max-width: 767px) {
	/*============================
	  #header
	  ============================*/
	#header {
		max-height: unset;
		min-height: 0;
		height: 0;
		padding: 0 0 144.2667%;
	}
	#header .inner.main {
		height: 100%;
		left: 0%;
		margin-left: 0px;
		width: 100%;
		padding: 0;
	}
	#header .keyvisual {
		width: 95.9%;
		margin-bottom: 28.3%;
		margin-left: 2.3%;
		text-align: left;
	}
	#header .lead {
		width: 63.5%;
		margin: 0 0 -5.9% 0.3%;
	}
	#header .tl_01 {
		margin: 0 0 -6.1% 0;
		width: 100%;
	}
	#header .tl_02 {
		margin: 0;
		width: 99.7%;
	}
	#header .arrow {
		left: 50%;
		margin: 0 0 0 -3.9%;
		background: url(/recruit/fresh/assets/img/arrow_under_sp.png) no-repeat 50% 0;
		background-size: contain;
		width: 7.9%;
		bottom: -6.1%;
	}
	#header .news {
		padding: 2.8% 4.4% 2.1%;
		font-size: 0.8em;
	}
	#header .news li + li {
		margin-top: 1%;
	}
	#header .news .inner {
		line-height: 1.2;
	}
	#header .news p {
		width: 20%;
		padding-bottom: 4.1%;
		height: 0;
		background: url(/recruit/fresh/assets/img/stl_news_sp.png) no-repeat;
		background-size: contain;
		margin-right: 0;
		margin-bottom: 2.4%;
	}
	#header .news ul {
		/* line-height: 1.2; */
		margin-top: -2px;
		font-size: 0.8em;
	}
	#header .bg_main .box-slide {
		min-width: 0;
		min-height: 0;
	}
	#header .bg_main img {
		min-width: 0;
		min-height: 0;
	}
	#header .bg_main .wrap-tile {
		min-width: 0;
		min-height: 0;
		height: 100%;
	}
	.box-tile {
		height: 17%;
		width: 50%;
		left: 0;
		top: 0%;
	}
	.box-tile img {
		left: 0%;
		top: 0%;
	}
	#header .bg_main .box-tile img {
		min-width: 0;
		min-height: 0;
		width: 200%;
	}
	.box-tile:nth-child(7) {
		top: 0;
	}
	#header .bg_main .box-tile:nth-child(7) img {
		top: 0;
	}
	.box-tile:nth-child(2),  .box-tile:nth-child(8) {
		top: 17%;
	}
	.box-tile:nth-child(2) img,  #header .bg_main .box-tile:nth-child(8) img {
		top: -100%;
	}
	.box-tile:nth-child(3),  .box-tile:nth-child(9) {
		top: 34%;
	}
	.box-tile:nth-child(3) img,  #header .bg_main .box-tile:nth-child(9) img {
		top: -200%;
	}
	.box-tile:nth-child(4),  .box-tile:nth-child(10) {
		top: 51%;
	}
	.box-tile:nth-child(4) img,  #header .bg_main .box-tile:nth-child(10) img {
		top: -300%;
	}
	.box-tile:nth-child(5),  .box-tile:nth-child(11) {
		top: 68%;
	}
	#header .bg_main .box-tile:nth-child(5) img,  #header .bg_main .box-tile:nth-child(11) img {
		top: -400%;
	}
	.box-tile:nth-child(6),  .box-tile:nth-child(12) {
		top: 85%;
	}
	#header .bg_main .box-tile:nth-child(6) img,  #header .bg_main .box-tile:nth-child(12) img {
		top: -500%;
	}
	.box-tile:nth-child(5),  .box-tile:nth-child(6) {
		left: 0%;
	}
	#header .bg_main .box-tile:nth-child(5) img,  #header .bg_main .box-tile:nth-child(6) img {
		left: 0%;
	}
	.box-tile:nth-child(7),  .box-tile:nth-child(8),  .box-tile:nth-child(9),  .box-tile:nth-child(10),  .box-tile:nth-child(11),  .box-tile:nth-child(12) {
		left: 50%;
	}
	.box-tile:nth-child(7) img,  .box-tile:nth-child(8) img,  #header .bg_main .box-tile:nth-child(9) img,  #header .bg_main .box-tile:nth-child(10) img,  #header .bg_main .box-tile:nth-child(11) img,  #header .bg_main .box-tile:nth-child(12) img {
		left: -100%;
	}
	/*============================
	  #contents__copy
	  ============================*/
	#contents__copy {
		padding: 0;
		min-width: 0;
	}
	#contents__copy .box_link {
		height: 0;
		padding-bottom: 61.334%;
	}
	#contents__copy .box_link .btn {
		width: 48%;
		height: 0;
		padding-bottom: 48%;
		margin: 6.667% 0;
	}
	#contents__copy .box_link .img {
		top: 10.96%;
		bottom: 10.96%;
	}
	#contents__copy .box_link img {
		min-width: 0;
	}
	#contents__copy .box_link .btn h2 {
		font-size: 1.152em;
		padding: 29.3% 0 0;
	}
	#contents__copy .box_link .btn .line {
		width: 20.278%;
		margin: 5.3% auto 7.7%;
	}
	/*============================
	  #contents__keywords
	  ============================*/
	#contents__keywords {
		margin: 6.667% 0;
	}
	#contents__keywords .header_keywords {
		padding: 5.3% 0 0 0;
		margin: 0 0 5.1%;
	}
	#contents__keywords .header_keywords h2 {
		font-size: 2.055em;
	}
	#contents__keywords .header_keywords .txt {
		font-size: 0.928em;
		padding: 2.1% 0 0 0;
		letter-spacing: -0.03em;
		text-indent: 0.5em;
	}
	#contents__keywords .header_keywords .link {
		position: static;
		font-size: 1.028em;
		margin: 0.55em 0 0 0.3em;
		display: inline-block;
	}
	#contents__keywords .inner {
		padding: 0 0 3.9%;
		max-width: 100%;
	}
	#contents__keywords .box {
		width: 48%;
		margin: 0 0 2.647% 0;
	}
	#contents__keywords .box:nth-child(odd) {
		float: right;
	}
	#contents__keywords .box h3 {
		font-size: 1.407em;
		padding-bottom: 5%;
	}
	#contents__keywords .box h3 .line {
		width: 24.445%;
		margin: 4.3% auto 5.1%;
	}
	.bg-keywords img {
		height: 150%;
		width: auto;
	}
	/*============================
	  #contents__menu
	  ============================*/
	#contents__menu {
		min-height: 0;
		padding: 0;
	}
	#contents__menu img {
		width: 100%;
		display: block;
		height: auto;
	}
	#contents__menu .inner {
		max-width: 100%;
		padding: 0 0 17.467%;
	}
	#contents__menu .box {
		width: 100%;
		float: none;
	}
	#contents__menu h2 {
		font-size: 1.024em;
	}
}

@media print {
	.wrap-tile {
		visibility: hidden;
	}
	#header .inner.main {
		left: 0;
		margin-left: 0;
	}
	#header .bg_main img {
		top: 0;
		transform: translate(-50%, 0%);
	}
	#contents__copy .box_link,
	#contents__copy .box_link .btn h2,
	#contents__keywords h2,
	#contents__keywords .box,
	#contents__menu .box {
		opacity: 1 !important;
	}
	#header .bg_main .wrap-slide,
	.bg-keywords span,
	#contents__copy .box_link div > span{
		transform: matrix(1, 0, 0, 1, 0, 0) !important;
	}
}