body {
	font-family: "Noto Sans JP", sans-serif;
}

#jobs {
	font-family: "Noto Sans JP", sans-serif;
	font-size: min(14px, 3.73vw);
	font-weight: 400;
	color: #212121;
	/* overflow: hidden; */
	background: #006BB5;
	position: relative;
	line-height: 1.6;
}

#jobs * {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

#jobs a {
	transition: opacity .3s;
}

#jobs a[href^="tel:"] {
	display: inline-block;
	transition: none;
}

#jobs a:hover {
	text-decoration: none;
}

#jobs a:focus-visible {
	outline: none;
}

#jobs img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

#jobs .js-fadein {
	opacity: 0;
	transform: translate(0, 20px);
	transition-property: opacity, transform;
	transition-duration: 1s;
}

#jobs .scroll-in {
	opacity: 1;
	transform: translate(0, 0);
}

#jobs .pc-br {
	display: none;
}

#jobs .sp-br {
	display: inline;
}

#jobs .inner {
	width: 100%;
	max-width: min(490px, 130.67vw);
	margin: 0 auto;
	padding: 0 min(20px, 5.33vw);
}

/* hero */
#jobs .sc-hero {
	background-color: #006BB5;
	padding-block: min(1px, 0.27vw) min(40px, 10.67vw);
	position: relative;
}

#jobs .sc-hero .page-title {
	text-align: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: min(42px, 11.2vw);
}

#jobs .sc-hero .page-title .bg-title {
	font-family: "vandertak-regular", sans-serif;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.1);
	font-size: min(48px, 12.8vw);
	letter-spacing: max(-2.5px, -0.67vw);
	margin-bottom: max(-37px, -9.87vw);
}

#jobs .sc-hero .page-title .en {
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 700;
	line-height: 1;
	font-size: min(12px, 3.2vw);
	margin-bottom: min(8px, 2.13vw);
}

#jobs .sc-hero .page-title .ja {
	font-weight: 500;
	line-height: 1.8;
	font-size: min(20px, 5.33vw);
}

#jobs .sc-hero .endpoint {
	background-color: #fff;
	border-radius: 999px;
	display: flex;
	justify-content: space-between;
	padding: min(10px, 2.67vw) min(12px, 3.2vw) min(10px, 2.67vw);
	column-gap: min(16px, 4.27vw);
}

#jobs .sc-hero .endpoint .link {
	font-size: min(14px, 3.73vw);
	font-weight: 500;
	line-height: 1.4;
	color: #00A4AD;
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: min(12px, 3.2vw);
	transition: all 0.2s;
	cursor: pointer;
}

#jobs .sc-hero .endpoint .link .arrow {
	display: block;
	width: min(20px, 5.33vw);
	height: min(20px, 5.33vw);
	background-color: #00A4AD;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
}


#jobs .sc-hero .endpoint .link .arrow::before {
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20%2030V10m0%2020-8-8m8%208%208-8%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E	');
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.2s;
}

/* work */
#jobs .sc-work {
	padding-block: 0 min(60px, 16vw);
}

#jobs .sc-work .introduce {
	color: #fff;
	position: relative;
	z-index: 2;
}

#jobs .sc-work .introduce-inner {
	padding-inline: min(13px, 3.47vw);
}

#jobs .sc-work .introduce .section-title {
	text-align: center;
	margin-block: max(-28px, -7.47vw) min(14px, 3.73vw);
	display: grid;
	place-items: center;
}

#jobs .sc-work .introduce .section-title .en {
	display: block;
	width: 100%;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	color: rgba(255, 255, 255, 0.1);
	font-size: min(52px, 13.87vw);
	font-family: "vandertak-regular", sans-serif;
	font-weight: 400;
	line-height: 1;
	letter-spacing: max(-2.5px, -0.67vw);
	/* margin-bottom: max(-40px, -10.67vw); */
}

#jobs .sc-work .introduce .section-title .ja {
	width: 100%;
	display: block;
	color: #fff;
	font-size: min(20px, 5.33vw);
	font-weight: 700;
	line-height: 1.3;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	margin-bottom: min(1px, 0.27vw);
}

#jobs .sc-work .introduce .text {
	font-size: min(14px, 3.73vw);
}

#jobs .sc-work .introduce .link {
	display: flex;
	align-items: center;
	margin-inline: auto;
  width: 195px;
	border-radius: 999px;
	background-color: #fff;
	font-size: min(13px, 3.47vw);
	font-weight: 500;
	line-height: 1.7;
	color: #C73838;
	column-gap: min(22px, 5.87vw);
	padding: min(6px, 1.6vw) min(16px, 4.27vw);
	margin-top: min(21px, 5.6vw);
	cursor: pointer;
	transition: all 0.3s;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#jobs .sc-work .introduce .link::before {
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background: linear-gradient(180deg, #FC4040, #DF6C00);
	z-index: -1;
	opacity: 0;
	transition: all 0.3s;
}

#jobs .sc-work .introduce .link .btnTxtBlock{
  position: relative;
  width: 100%;
  height: 24px;
  overflow: hidden;
}

#jobs .sc-work .introduce .link .btnTxt{
  display: block;
  font-size: 13px;
  line-height: 20px;
  transform: translateY(-18px);
  transition: transform .3s;
}

#jobs .sc-work .introduce .link .btnTxt.is-hover{
  color: #fff;
}

#jobs .sc-work .introduce .link:hover::before {
	opacity: 1;
}

#jobs .sc-work .introduce .link:hover::after {
	filter: brightness(0) invert(1);
}

#jobs .sc-work .introduce .link .arrow{
  position: absolute;
  width: 10px;
  height: 10px;
  top: calc(50% - 5px);
  right: 4px;
  stroke: #c73838;
  transition: all .3s;
}

#jobs .sc-work .content {
	padding-top: min(73px, 19.47vw);
}

#jobs .sc-work .block-title {
	color: #fff;
	text-align: center;
	display: grid;
	row-gap: min(12px, 3.2vw);
	font-weight: 500;
	margin-bottom: min(21px, 5.6vw);
}

#jobs .sc-work .schedule .block-title {
	margin-bottom: min(19px, 5.07vw);
}

#jobs .sc-work .block-title .en {
	font-family: "Josefin Sans", sans-serif;
	font-size: min(12px, 3.2vw);
	line-height: 1;
	position: relative;
	display: block;
	z-index: 1;
}

#jobs .sc-work .block-title .en::before {
	content: '';
	width: min(28px, 7.47vw);
	height: min(28px, 7.47vw);
	display: block;
	position: absolute;
	top: max(-10.5px, -2.8vw);
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(71deg, #1891D1, #00A4AD);
	border-radius: 999px;
	z-index: -1;
}

#jobs .sc-work .block-title .ja {
	font-size: min(15px, 4vw);
	line-height: 1.3;
}

#jobs .sc-work .recommend .list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-columns: max-content max-content;
	align-items: center;
	justify-content: center;
}

#jobs .sc-work .recommend .item {
	position: relative;
	background-color: #fff;
	box-shadow: min(2px, 0.53vw) min(2px, 0.53vw) min(2px, 0.53vw) rgba(0, 0, 0, 0.08);
	border-radius: 100%;
	font-size: min(14px, 3.73vw);
	line-height: 1.4;
	font-weight: 500;
	color: #212121;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

#jobs .sc-work .recommend .item::before {
	content: '';
	position: absolute;
	display: block;
	border-top: min(15px, 4vw) solid #fff;
	border-left: min(6px, 1.6vw) solid transparent;
	border-right: min(6px, 1.6vw) solid transparent;
}

#jobs .sc-work .recommend .item .blue {
	color: #00A4AD;
	display: contents;
}

#jobs .sc-work .recommend .item.big {
	width: min(120px, 32vw);
	height: min(120px, 32vw);
}

#jobs .sc-work .recommend .item.small {
	width: min(100px, 26.67vw);
	height: min(100px, 26.67vw);
}

#jobs .sc-work .schedule {
	padding-top: min(38.5px, 10.27vw);
}

#jobs .sc-work .schedule-inner {
	display: grid;
	row-gap: min(20px, 5.33vw);
}

#jobs .sc-work .schedule .group {
	color: #fff;
	display: grid;
	grid-template-columns: min(76px, 20.27vw) max-content 1fr;
	align-items: baseline;
	column-gap: 8px;
}

#jobs .sc-work .schedule .group .time {
	font-family: "Lato", sans-serif;
	font-size: min(20px, 5.33vw);
	font-weight: 700;
	line-height: 1;
	justify-self: end;
	position: relative;
	top: min(1px, 0.27vw);
}

#jobs .sc-work .schedule .group .dot {
	width: min(13px, 3.47vw);
	height: min(13px, 3.47vw);
	background-color: #fff;
	border-radius: 100%;
}

#jobs .sc-work .schedule .group .desc {
	padding-right: min(10px, 2.67vw);
	position: relative;
}

#jobs .sc-work .schedule .group .desc::before {
	content: '';
	height: calc(100% + min(20px, 5.33vw));
	border-left: 2px dashed #fff;
	top: 6%;
	left: -15px;
	position: absolute;
}

#jobs .sc-work .schedule .group:last-child .desc::before {
	display: none;
}

#jobs .sc-work .schedule .group .desc-title {
	font-size: min(15px, 4vw);
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: min(7px, 1.87vw);
}

#jobs .sc-work .schedule .group .desc-text {
	font-size: min(14px, 3.73vw);
	line-height: 1.6;
}

#jobs .sc-work .movie {
	padding-top: min(60px, 16vw);
	display: grid;
	row-gap: min(80px, 21.33vw);
}

#jobs .sc-work .movie .group {
	display: grid;
	row-gap: min(24px, 6.4vw);
	color: #fff;
	padding-inline: min(12px, 3.2vw);
}

#jobs .sc-work .movie .video {
	border-radius: min(10px, 2.67vw);
	overflow: hidden;
	max-width: min(230px, 61.33vw);
	margin-inline: auto;
	position: relative;
}

#jobs .sc-work .movie .video img {
	opacity: 0.8;
}

#jobs .sc-work .movie .video .play {
	display: grid;
	place-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	cursor: pointer;
	transition: all 0.2s;
	background-color: rgba(255, 255, 255, 0.8);
	width: min(32px, 8.53vw);
	height: min(32px, 8.53vw);
	border-radius: 100%;
	padding-top: min(1px, 0.27vw);
}

#jobs .sc-work .movie .video .play::before {
	content: '';
	display: block;
	border-left: min(10px, 2.67vw) solid #006BB5;
	border-top: min(6px, 1.6vw) solid transparent;
	border-bottom: min(6px, 1.6vw) solid transparent;
	transition: all 0.2s;
}

#jobs .sc-work .movie .desc .block-title {
	margin-bottom: min(20px, 5.33vw);
}

#jobs .sc-work .movie .desc .text {
	font-size: min(14px, 3.73vw);
	line-height: 1.6;
}

#jobs .sc-work .movie .car {
	display: none;
}

#jobs .sc-work .images {
	padding-top: min(75px, 20vw);
}

#jobs .sc-work .images .images-inner {
	overflow-x: hidden;
	margin-inline: max(-20px, -5.33vw);
	scrollbar-width: none;
	-ms-overflow-style: none;
	position: relative;
}

#jobs .sc-work .images .images-inner::-webkit-scrollbar {
	display: none;
}

#jobs .sc-work .images .images-inner .bubble {
	display: none;
}

#jobs .sc-work .images .grid {
	display: grid;
	grid-template-columns: repeat(2, min(180px, 48vw));
	column-gap: 15px;
  width: fit-content;
  margin: 0 auto;
}

@media print, screen and (max-width: 767px){
  
  #jobs .sc-work .images .grid .img:last-of-type{
    display: none;
  }
}

#jobs .sc-work .message {
	padding-top: min(32px, 8.53vw);
}

#jobs .sc-work .message .box {
	border-radius: min(10px, 2.67vw);
	background-color: #00A4AD;
	color: #fff;
	padding: min(20px, 5.33vw) min(20px, 5.33vw) min(18px, 4.8vw);
	display: grid;
	position: relative;
	row-gap: min(11px, 2.93vw);
}

#jobs .sc-work .message .box .title {
	font-size: min(18px, 4.8vw);
	line-height: 1.8;
	font-weight: 700;
	margin-bottom: min(13px, 3.47vw);
	/* text-decoration: underline dotted;
	text-decoration-thickness: 3px;
	text-underline-offset: 5px; */
}

#jobs .sc-work .message .box .title span {
	border-bottom: 2px dotted #fff;
	display: inline;
}

#jobs .sc-work .message .box .text {
	font-size: min(14px, 3.73vw);
	line-height: 1.6;
}

#jobs .sc-work .message .box .img {
	margin-inline: auto;
	max-width: min(110px, 29.33vw);
}

#jobs .sc-work .message .box .bubble {
	position: absolute;
	bottom: 0;
	right: 20%;
	max-width: min(40px, 10.67vw);
	display: block;
}


/* driver */
#jobs .sc-driver .recommend .item1 {
	left: -12%;
}

#jobs .sc-driver .recommend .item2 {
	top: -5%;
	right: -5.5%;
}

#jobs .sc-driver .recommend .item3 {
	top: 5%;
	left: 1.5%;
}

#jobs .sc-driver .recommend .item4 {
	top: -2%;
	left: 10%;
}

#jobs .sc-driver .recommend .item5 {
	left: 50%;
	top: -8.5%;
}

#jobs .sc-driver .recommend .item1::before,
#jobs .sc-driver .recommend .item3::before,
#jobs .sc-driver .recommend .item5::before {
	bottom: -4%;
	left: 18%;
	rotate: 30deg;
}

#jobs .sc-driver .recommend .item2::before,
#jobs .sc-driver .recommend .item4::before {
	bottom: -4%;
	right: 18%;
	rotate: -32deg;
}

/* factory */
#jobs .sc-factory .recommend .block-title {
	margin-bottom: min(27px, 7.2vw);
}

#jobs .sc-factory .recommend .item1 {
	left: -18%;
}

#jobs .sc-factory .recommend .item2 {
	top: -5%;
	right: -12%;
}

#jobs .sc-factory .recommend .item3 {
	top: -15%;
	left: 52%;
}


#jobs .sc-factory .recommend .item1::before {
	bottom: -4%;
	left: 18%;
	rotate: 30deg;
}

#jobs .sc-factory .recommend .item2::before,
#jobs .sc-factory .recommend .item3::before {
	bottom: -4%;
	right: 18%;
	rotate: -32deg;
}

#jobs .sc-factory .schedule {
	padding-top: min(28px, 7.47vw);
}

/* office */
#jobs .sc-office .recommend .block-title {
	margin-bottom: min(28px, 7.47vw);
}

#jobs .sc-office .recommend .item1 {
	left: -19%;
}

#jobs .sc-office .recommend .item2 {
	top: 15%;
	right: -18%;
}

#jobs .sc-office .recommend .item3 {
	top: -4%;
	left: 38%;
}

#jobs .sc-office .recommend .item1::before,
#jobs .sc-office .recommend .item3::before {
	bottom: -4%;
	left: 18%;
	rotate: 30deg;
}

#jobs .sc-office .recommend .item2::before {
	bottom: -4%;
	right: 18%;
	rotate: -32deg;
}

#jobs .sc-office .schedule {
	padding-top: min(47px, 12.53vw);
}




@media print,
screen and (min-width: 768px) {

	#jobs .sp-br {
		display: none;
	}

	#jobs .pc-br {
		display: inline;
	}

	#jobs .inner {
		max-width: min(1248px, 104vw);
		padding: 0 min(24px, 2vw);
	}


	/* hero */
	#jobs .sc-hero {
		padding-block: min(3px, 0.25vw) min(120px, 10vw);
	}

	#jobs .sc-hero .page-title {
		margin-bottom: min(85px, 7.08vw);
	}

	#jobs .sc-hero .page-title .bg-title {
		font-size: min(96px, 8vw);
		letter-spacing: max(-5px, -0.42vw);
		margin-bottom: max(-70px, -5.83vw);
	}

	#jobs .sc-hero .page-title .en {
		font-family: "Josefin Sans", sans-serif;
		font-weight: 500;
		line-height: 1.8;
		font-size: min(18px, 1.5vw);
		margin-bottom: min(11px, 0.92vw);
	}

	#jobs .sc-hero .page-title .ja {
		font-size: min(36px, 3vw);
		font-weight: 400;
	}

	#jobs .sc-hero .endpoint {
		width: fit-content;
		margin-inline: auto;
		padding: min(20px, 1.67vw) 16px;
		column-gap: 64px;
	}

	#jobs .sc-hero .endpoint .link {
		line-height: 1.8;
		font-size: min(18px, 1.5vw);
		color: #006BB5;
		column-gap: 0;
    width: 210px;
    padding: 0 24px;
	}

	#jobs .sc-hero .endpoint .link.active {
		color: #00A4AD;
	}

	#jobs .sc-hero .endpoint .link .arrow {
		width: min(20px, 1.67vw);
		height: min(20px, 1.67vw);
		margin-bottom: 0;
		background-color: #006BB5;
	}

	#jobs .sc-hero .endpoint .link.active .arrow {
		scale: 1.5;
		transform-origin: center;
		background-color: #00A4AD;
	}

	#jobs .sc-hero .endpoint .link .arrow::before {
		width: min(20px, 1.67vw);
		height: min(20px, 1.67vw);
	}

	#jobs .sc-hero .endpoint .link.active .arrow::before {
		transform: scale(0.6667);
		transform-origin: center;
	}

	/* work */
	#jobs .sc-work {
		padding-block: 0 min(120px, 10vw);
	}

	#jobs .sc-work .work-inner {
		display: grid;
		place-items: center;
	}

	#jobs .sc-work .banner,
	#jobs .sc-work .introduce {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	#jobs .sc-work .introduce {
		position: sticky;
		top: min(103px, 8.58vw);
	}

	#jobs .sc-work .banner {
		height: min(600px, 50vw);
		width: 100%;
	}

	#jobs .sc-work .banner img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	#jobs .sc-work .introduce-inner {
		padding-inline: 0;
		max-width: 38.5%;
	}

	#jobs .sc-work .introduce .section-title {
		text-align: left;
		margin-block: min(29px, 2.42vw) min(37px, 3.08vw);
	}

	#jobs .sc-work .introduce .section-title .en {
		font-size: min(96px, 8vw);
		letter-spacing: max(-5px, -0.42vw);
		white-space: nowrap;
	}

	#jobs .sc-work .introduce .section-title .ja {
		font-size: min(32px, 2.67vw);
		margin-bottom: min(1px, 0.08vw);
	}

	#jobs .sc-work .introduce .text {
		font-size: min(18px, 1.5vw);
	}

	#jobs .sc-work .introduce .link {
		margin-inline: 0;
		line-height: 1.8;
		column-gap: min(32px, 2.67vw);
		padding: min(6px, 0.5vw) min(24px, 2vw) min(7px, 0.58vw);
		margin-top: min(42px, 3.5vw);
    width: 270px;
    height: 46px;
	}
  
  #jobs .sc-work .introduce .link .btnTxt{
    font-size: 18px;
  }

	#jobs .sc-work .content {
		padding-top: min(120px, 10vw);
		width: 100%;
	}

	#jobs .sc-work .content .recommend,
	#jobs .sc-work .content .schedule,
	#jobs .sc-work .content .movie {
		max-width: min(660px, 55vw);
		margin-left: auto;
		position: relative;
		z-index: 2;
	}

	#jobs .sc-work .block-title {
		text-align: left;
		row-gap: min(9px, 0.75vw);
		margin-bottom: min(44px, 3.67vw);
	}

	#jobs .sc-work .schedule .block-title {
		margin-bottom: min(38px, 3.17vw);
	}

	#jobs .sc-work .block-title .en {
		font-size: min(14px, 1.17vw);
	}

	#jobs .sc-work .block-title .en::before {
		width: min(40px, 3.33vw);
		height: min(40px, 3.33vw);
		top: max(-20px, -1.67vw);
		left: max(-10px, -0.83vw);
		transform: none;
	}

	#jobs .sc-work .block-title .ja {
		font-size: min(20px, 1.67vw);
	}

	#jobs .sc-work .recommend .list {
		grid-template-columns: 1fr 1fr 1fr;
	}

	#jobs .sc-work .recommend .item {
		box-shadow: min(2px, 0.53vw) min(2px, 0.53vw) min(2px, 0.53vw) rgba(0, 0, 0, 0.08);
		font-size: min(20px, 1.67vw);
	}

	#jobs .sc-work .recommend .item::before {
		border-top: min(24px, 2vw) solid #fff;
		border-left: min(8px, 0.67vw) solid transparent;
		border-right: min(8px, 0.67vw) solid transparent;
	}

	#jobs .sc-work .recommend .item.big {
		width: min(180px, 15vw);
		height: min(180px, 15vw);
	}

	#jobs .sc-work .recommend .item.small {
		width: min(160px, 13.33vw);
		height: min(160px, 13.33vw);
	}

	#jobs .sc-work .schedule {
		padding-top: min(129px, 10.75vw);
	}

	#jobs .sc-work .schedule-inner {
		row-gap: min(37.5px, 3.13vw);
	}

	#jobs .sc-work .schedule .group {
		grid-template-columns: min(100px, 8.33vw) max-content 1fr;
		column-gap: min(40px, 3.33vw);
	}

	#jobs .sc-work .schedule .group .time {
		font-size: min(32px, 2.67vw);
		top: min(3px, 0.25vw);
		margin-left: max(-18px, -1.5vw);
	}

	#jobs .sc-work .schedule .group .dot {
		width: min(20px, 1.67vw);
		height: min(20px, 1.67vw);
	}

	#jobs .sc-work .schedule .group .desc {
		padding-right: min(32px, 2.67vw);
	}

	#jobs .sc-work .schedule .group .desc::before {
		height: calc(100% + min(37.5px, 3.13vw));
		border-left: min(2px, 0.53vw) dashed #fff;
		top: 7%;
		left: max(-50.5px, -4.21vw);
	}

	#jobs .sc-work .schedule .group .desc-title {
		font-size: min(24px, 2vw);
		margin-bottom: min(15px, 1.25vw);
	}

	#jobs .sc-work .schedule .group .desc-text {
		font-size: min(18px, 1.5vw);
		line-height: 1.8;
	}

	#jobs .sc-work .movie {
		padding-top: min(128px, 10.67vw);
		row-gap: min(128px, 10.67vw);
	}

	#jobs .sc-work .movie .group {
		grid-template-columns: 1fr 1fr;
		row-gap: 0;
		padding-inline: 0 min(20px, 1.67vw);
		column-gap: min(40px, 3.33vw);
	}

	#jobs .sc-work .movie .video {
		border-radius: min(20px, 1.67vw);
		max-width: 100%;
		margin-inline: 0;
	}

	#jobs .sc-work .movie .group:nth-child(even) .video {
		order: 2;
	}

	#jobs .sc-work .movie .video .play {
		width: min(64px, 5.33vw);
		height: min(64px, 5.33vw);
		padding-top: min(1px, 0.08vw);
	}

	#jobs .sc-work .movie .video .play:hover {
		background-color: #fff;
	}

	#jobs .sc-work .movie .video .play::before {
		border-left: min(18px, 1.5vw) solid #006BB5;
		border-top: min(10px, 0.83vw) solid transparent;
		border-bottom: min(10px, 0.83vw) solid transparent;
	}

	#jobs .sc-work .movie .video .play:hover::before {
		border-left-color: #00A4AD;
	}

	#jobs .sc-work .movie .desc {
		display: flex;
		flex-direction: column;
	}

	#jobs .sc-work .movie .group:nth-child(even) .desc {
		order: 1;
	}

	#jobs .sc-work .movie .desc .block-title {
		margin-bottom: min(40px, 3.33vw);
	}

	#jobs .sc-work .movie .desc .text {
		font-size: min(18px, 1.5vw);
		line-height: 1.8;
		flex: 1;
	}

	#jobs .sc-work .movie .car {
		display: block;
	}

	#jobs .sc-work .images {
		padding-top: min(120px, 10vw);
	}

	#jobs .sc-work .images .images-inner {
		margin-inline: 0;
	}

	#jobs .sc-work .images .images-inner .bubble {
		display: block;
		position: absolute;
		max-width: min(140px, 11.67vw);
		bottom: 4.5%;
		left: 24.2%;
	}

	#jobs .sc-work .images .grid {
    display: flex;
    justify-content: space-between;
		column-gap: min(60px, 5vw);
	}

	#jobs .sc-work .message {
		padding-top: min(64px, 5.33vw);
	}

	#jobs .sc-work .message .box {
		border-radius: min(20px, 1.67vw);
		padding: min(20px, 1.67vw) min(32px, 2.67vw) min(22px, 1.83vw) min(40px, 3.33vw);
		row-gap: 0;
		column-gap: min(68px, 5.67vw);
		grid-template-columns: 1fr min(220px, 18.33vw);
		align-items: center;
	}

	#jobs .sc-work .message .box .title {
		font-size: min(28px, 2.33vw);
		margin-bottom: min(24px, 2vw);
		text-decoration: underline dotted;
		text-decoration-thickness: 3px;
		text-underline-offset: min(8px, 0.67vw);
	}

	#jobs .sc-work .message .box .title span {
		display: block;
		border-bottom: 0;
	}

	#jobs .sc-work .message .box .text {
		font-size: min(18px, 1.5vw);
		line-height: 1.8;
	}

	#jobs .sc-work .message .box .img {
		margin-inline: 0;
		max-width: 100%;
	}

	#jobs .sc-work .message .box .bubble {
		top: 43%;
		bottom: auto;
		right: 22.5%;
		max-width: min(80px, 6.67vw);
		transform: translateY(-50%);
	}

	/* driver */
	#jobs .sc-driver .recommend .item1 {
		left: 6%;
		order: 1;
	}

	#jobs .sc-driver .recommend .item2 {
		top: 2%;
		order: 2;
	}

	#jobs .sc-driver .recommend .item3 {
		top: -6%;
		left: 58%;
		order: 4;
	}

	#jobs .sc-driver .recommend .item4 {
		top: 31%;
		left: -6%;
		order: 3;
	}

	#jobs .sc-driver .recommend .item5 {
		left: 40%;
		top: 28%;
		order: 5;
	}

	#jobs .sc-driver .recommend .item1::before,
	#jobs .sc-driver .recommend .item3::before,
	#jobs .sc-driver .recommend .item5::before {
		bottom: -2%;
		left: 20%;
		rotate: 30deg;
	}

	#jobs .sc-driver .recommend .item2::before,
	#jobs .sc-driver .recommend .item4::before {
		bottom: -2%;
		right: 20%;
		rotate: -32deg;
	}

	/* factory */
	#jobs .sc-factory .recommend .block-title,
	#jobs .sc-office .recommend .block-title {
		margin-bottom: min(44px, 3.67vw);
	}

	#jobs .sc-factory .recommend .item1 {
		left: 6%;
	}

	#jobs .sc-factory .recommend .item2 {
		top: 2%;
		right: -5%;
	}

	#jobs .sc-factory .recommend .item3 {
		top: 31%;
		left: -6%;
	}

	#jobs .sc-factory .recommend .item1::before {
		bottom: -2%;
		left: 20%;
		rotate: 30deg;
	}

	#jobs .sc-factory .recommend .item2::before,
	#jobs .sc-factory .recommend .item3::before {
		bottom: -2%;
		right: 20%;
		rotate: -32deg;
	}

	#jobs .sc-factory .schedule {
		padding-top: min(140px, 11.67vw);
	}

	/* office */
	#jobs .sc-office .recommend .item1 {
		left: 6%;
		order: 1;
	}

	#jobs .sc-office .recommend .item2 {
		top: 9%;
		right: 6%;
		order: 3;
	}

	#jobs .sc-office .recommend .item3 {
		top: 33%;
		left: -1%;
		order: 2;
	}

	#jobs .sc-office .recommend .item1::before,
	#jobs .sc-office .recommend .item3::before {
		bottom: -2%;
		left: 20%;
		rotate: 30deg;
	}

	#jobs .sc-office .recommend .item2::before {
		bottom: -2%;
		right: 20%;
		rotate: -32deg;
	}

	#jobs .sc-office .schedule {
		padding-top: min(144px, 12vw);
	}
}


@media (hover: hover) or (pointer: fine) {
	#jobs .sc-hero .endpoint .link:hover {
		color: #00A4AD;
	}

	#jobs .sc-hero .endpoint .link:hover .arrow {
		scale: 1.5;
		transform-origin: center;
		background-color: #00A4AD;
	}

	#jobs .sc-hero .endpoint .link:hover .arrow::before {
		transform: scale(0.6667);
		transform-origin: center;
	}
  
  #jobs .sc-work .introduce .link:hover .btnTxt{
    transform: translateY(2px);
  }
  
  #jobs .sc-work .introduce .link:hover .arrow{
    stroke: #fff;
  }
}