html {
	overflow-x: hidden;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	background-color: black;
}

.banner {
	width: 100%;
	height: 23vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.img-reruit {
	position: absolute;
	z-index: 1;
	width: 38.385416666667vw;
	height: 9.4791666666667vw;
	left: -3.125vw;
}

.recruit-item {
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
}

.title-item {
	margin: 0 -5vw;
	position: relative;
	padding-bottom: 2vw;
}

.title-item__box {
	width: 109%;
	background-color: #FF7600;
	border-radius: 5px;
	box-shadow: 8px 8px #fff, 8px 9px 0 4px #000;
	border: 5px solid black;
}

.title-item__img {
	width: 58.4vw;
	height: 34.3vw;
	clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
	background-color: black;
	position: absolute;
	right: -133%;
	top: 10%;
}

.title-item__img div {
	width: 98%;
	height: 98%;
	position: absolute;
	left: 1%;
	top: 1%;
	clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
}

.title-item__desc {
	width: 50%;
}

.title-item__desc p {
	font-size: 1.25vw;
	color: #ffff;
	margin-top: 20px;
}

.type-item_job {
	height: 14.166666666667vw;
	background-color: #FF7600;
	box-shadow: 10px 10px 0px -5px #000, 10px 10px 0px 0px #000;
	border-radius: 5px;
	margin-top: 20px;
	position: relative;
	transition: height .3s;
	overflow: hidden;

}

.type-item_job h1 {
	font-size: 3.3333333333333vw;
	color: #ffff;
	margin-bottom: 10px;
}

.type-item_job .icon {
	position: absolute;
	right: 5vw;
	top: 6vw;
	width: 8.0208333333333vw;
}

.request-item {
	margin: 200px 100px 100px 100px;
	height: 100%;
	background-color: #ffff;
	border-radius: 5px;
	border: 5px solid black;
	box-shadow: 8px 8px #fff, 8px 9px 0 4px #000;
}

.table {
	width: 90%;
	margin: 0 auto;
	font-size: 1.25vw;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
	background-color: #EFEFEF !important;
}

.td-title {
	border-right: 2px solid #EFEFEF;
	border-bottom: 2px solid #EFEFEF;
	width: 30%;
}

.show-content0 {
	height: 74vw;
	background-color: #FF7600;
}

.show-content {
	height: 80vw;
	background-color: #FF7600;
}

.show-content1 {
	height: 102%;
	background-color: #FF7600;
}

.s-icon {
	transform: translateY(-10px) rotate(180deg);
}

.br-r {
	border-top: 2px solid #ffff;
	border-right: 2px solid #ffff;
	border-bottom: 2px solid #ffff;
	padding: 30px 50px 30px;
}

.br-l {
	border-top: 2px solid #ffff;
	border-left: 2px solid #ffff;
	border-bottom: 2px solid #ffff;
	padding: 10px;
}

.table-desc {
	width: 90%;
	margin: 0 auto;
	color: #ffff;
	font-size: 1.25vw;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
}

.brand-btn {
	width: 30%;
	margin: 0 auto;
	position: relative;
}

.brand-btn::before {
	content: "";
	position: absolute;
	--dotSize: 0.08rem;
	--bgSize: 0.4rem;
	--bgPosition: calc(var(--bgSize) / 2);
	background-image: radial-gradient(circle at center, #000 var(--dotSize), transparent 0), radial-gradient(circle at center, #000 var(--dotSize), transparent 0);
	background-size: var(--bgSize) var(--bgSize);
	background-position: 0 0, var(--bgPosition) var(--bgPosition);
	top: 20%;
	left: 7%;
	width: 90%;
	height: 90%;
	border-radius: 5px;
	border: 1px solid transparent;
}

.brand-btn p {
	text-align: center;
	color: #fff;
	font-weight: 600;
}

.brand-btn-link:hover {
	color: black;
}

.brand-btn-link {
	display: inline-block;
	width: 90%;
	padding: 0.625vw 0;
	text-align: center;
	background: #000;
	border-radius: 5px;
	font-size: 26px;
	z-index: 999;
	position: relative;
	text-decoration: none;
}

.brand-btn-link>span {
	display: inline-block;
	line-height: 35px;
	color: #fff;
	font-weight: 600;
	opacity: 0.99;
}

.btn-rhombus {
	position: absolute;
	top: 95%;
	right: 10%;
	width: 60px;
	height: 60px;
	clip-path: polygon(25% 0%, 70% 0%, 62% 23%, 100% 23%, 32% 100%, 54% 39%, 11% 39%);
	background: #000;
}

span.btn-rhombus-bg {
	position: absolute;
	top: 100%;
	right: 5%;
	width: 60px;
	height: 60px;
	clip-path: polygon(25% 0%, 70% 0%, 62% 23%, 100% 23%, 32% 100%, 54% 39%, 11% 39%);
	--dotSize: 0.08rem;
	--bgSize: 0.4rem;
	--bgPosition: calc(var(--bgSize) / 2);
	background-image: radial-gradient(circle at center, #000 var(--dotSize), transparent 0), radial-gradient(circle at center, #000 var(--dotSize), transparent 0);
	background-size: var(--bgSize) var(--bgSize);
	background-position: 0 0, var(--bgPosition) var(--bgPosition);
}

.brand-btn-link .entry {
	font-size: 42px;
	color: #FF7600;
	font-weight: 600;
}

.request-item-desc-sp {
	display: none;
}

.btn-action {
	margin-top: 20px;
}


.dev_direction {
	margin-top: 4.1666666666667vw;
	background-color: #FF7600;
}

.element-btn-entry {
	padding-bottom: 40px;
}

.brand-btn-entry::before {
	background-color: #ff7600;
}

.entry-dot-bottom-bg {
	background-color: #ff7600;
}

.brand-btn-entry1::before {
	background-color: #EDE9E2 !important;
}

.entry-dot-bottom-bg1 {
	background-color: #EDE9E2 !important;
}

a {
	text-decoration: none;
}

.item-title-mb {
	display: none;
}

.br-ddt {
	padding: 0px 100px 0;
}

.br-ddt-a {
	padding: 0px 154px 0;
}

.btn-contact {
	margin-top: 62px;
	background: #EDE9E2;
}

.element-btn-action {
	margin-bottom: 0px;
}

.request-item-svg {
	width: 54.010416666667vw;
}
.td-left-content {
	padding: 2.0833333333333vw 3.125vw 1.3020833333333vw !important;
}

@media only screen and (min-width: 1301px) and (max-width: 1750px) {
	.show-content0 {
		height: auto;
		background-color: #FF7600;
	}

	.show-content {
		height: auto;
		background-color: #FF7600;
	}

	.show-content1 {
		height: auto;
		background-color: #FF7600;
	}

	.btn-action {
		margin-bottom: 4vw;
	}
}

@media only screen and (min-width: 761px) and (max-width: 1300px) {
	.title-item__img {
		top: 50%;
		right: -13VW;

	}
	.show-content0 {
		height: auto;
	}

	.btn-action {
		margin-bottom: 3vw;
	}

	.show-content1 {
		height: auto;
	}

	.show-content {
		height: auto;
	}
}

@media only screen and (max-width: 760px) {
	.img-reruit {
		bottom: -22vw;
		width: 57vw;
		height: 14.167vw;
	}

	.title-item {
		margin: 0px;
	}

	.title-item__desc p {
		display: none;
	}

	.title-item__desc {
		width: 90%;
	}

	.title-item__desc svg {
		width: 76%;
	}

	.title-item__img {
		width: 79vw;
		height: 300px;
		top: 60%;
	}

	.title-item__box {
		border-left: none;
		border: 3px solid black;
		border-radius: 5px;
		box-shadow: 5px 5px #fff, 4px 4px 0 4px #000;
		margin-left: -5vw;
	}

	.request-item-svg {
		width: 80%;
	}

	.type-item_job {
		height: 20.789473684211vw;
		margin-left: -50px !important;
	}

	.type-item_job h1 {
		font-size: 5.2631578947368vw;
		padding-left: 100px;
	}

	.type-item_job svg {
		width: 80%;
		padding-left: 100px;
	}

	.type-item__left {
		text-align: left !important;
	}

	.type-item_job .icon {
		right: -4%;
		width: 34%;
		top: 6vw;
	}

	.svg-60 {
		width: 60% !important;
	}

	.container-request-item {
		height: auto !important;
	}

	.request-item {
		margin: 50px 50px 0px -11px !important;
		border-left: none;
	}

	.brand-btn {
		width: 80%;
	}

	.s-icon {
		right: -10% !important;
	}

	.table-desc {
		display: none;
	}

	.request-item-desc-sp {
		display: block;
		width: 70%;
		margin: 0 auto;
		border-top: 2px solid;
		border-bottom: 2px solid;
		color: #fff;
		font-size: 2.3684210526316vw;
		padding: 20px 45px;
	}

	.show-content0 {
		height: 1200px;
	}

	.show-content {
		height: 1289px;
	}

	.table {
		font-size: 18px;
	}

	.btn-action-programmer {
		margin-top: 3vw !important;
	}

	.show-content1 {
		height: 2296px;
	}

	.btn-contact {
		margin-top: 20vw;
	}

	.title-item__img div {
		width: 91%;
	}

	.item-title-pc {
		display: none !important;
	}

	.item-title-mb {
		display: inline;
	}

	.type-item_job-c {
		margin-bottom: 6vw;
	}
	tbody,
	td,
	tfoot,
	th,
	thead,
	tr {
		display: inline-block;
		width: 100%;
	}
	.td-title {
		border-bottom: 0px;
		border-right: 0px;
		font-size: 2.3684210526316vw;
		line-height: 4.6052631578947vw;
		border-top: none;
		width: 100%;
	}
	.td-left-content {
		border-top: 0px !important;
		border-bottom: 0px;
		font-size: 2.3684210526316vw;
		line-height: 4.6052631578947vw;
		padding: 0 12vw 0!important;
	}
	.rc-dd-p  {
		width: 20% !important;
		position: relative;
		left: 38vw;
		padding-left: 1px !important;
	}
	.rc-ad {
		width: 20% !important;
		position: relative;
		left: 38vw;
		padding-left: 1px !important;
	}
}
@media only screen and (min-width: 481px) and (max-width: 759px) {
	.show-content0 {
		height: auto;
	}

	.btn-action {
		margin-bottom: 9vw;
	}

	.show-content1 {
		height: auto;
	}

	.show-content {
		height: auto;
	}

}

@media only screen and (max-width: 480px) {
	.recruit-item {
		height: auto;
	}

	.banner {
		height: 500px;
	}

	.title-item__desc {
		width: 100%;
	}

	.type-item_job {
		height: 100px;
	}

	.type-item_job h1 {
		font-size: 4.1666666666667vw;
		padding-left: 60px;
	}

	.type-item_job svg {
		width: 80%;
		padding-left: 60px;
		margin-bottom: 6vw;
	}

	.type-item_job .icon {
		width: 40%;
	}

	.request-item-desc-sp {
		font-size: 14px;
		padding: 20px 5px;
	}

	.brand-btn-link .entry {
		font-size: 24px;
	}

	.brand-btn-link {
		font-size: 14px;
	}

	.brand-btn-link>span {
		font-size: 14px;
	}

	.table {
		font-size: 14px;
	}

	.type-item_job-c svg {
		height: 50px;
	}

	.s-icon {
		right: -15% !important;
	}

	.element-btn-action {
		margin-bottom: 0px !important;
	}

	.title-item__img {
		height: 60%;
		width: 94vw;
	}

	.show-content0 {
		height: auto;
	}

	.show-content {
		height: auto;
	}

	.show-content1 {
		height: auto;
	}
}

@media only screen and (min-width: 490px) and (max-width: 667px) {
	.banner {
		height: 112vw;
	}

	.title-item__desc {
		width: 90%;
	}

	.type-item_job h1 {
		font-size: 28px;
		padding-left: 61px;
	}

	.type-item_job svg {
		width: 80%;
		padding-left: 60px;
	}

	.type-item_job .icon {
		right: -4%;
		width: 35%;
	}

	.request-item-desc-sp {
		font-size: 15px;
	}

	.img-reruit {
		bottom: -15%;
	}

}

@media only screen and (min-width: 761px) and (max-width: 1100px) {
	.type-item_job-c svg {
		width: 38%;
	}


	#Component_8_1 {
		width: 54%;
	}

	.icon svg {
		width: 8.0208333333333vw;
	}

	.type-item_job .icon {
		right: 5vw;
		top: 3.5vw;
	}

	.br-ddt-a {
		padding: 0 100px 0;
	}

	.show-content {
		height: auto;
		background-color: #FF7600;
	}

	.show-content1 {
		height: auto;
	}

	.rc-ad {
		margin-bottom: 3vw;
	}

	.rc-dd-p {
		margin-bottom: 3vw;
	}
}

@media only screen and (min-width: 761px) and (max-width: 1448px) {
	.table {
		height: fit-content;
	}
}
.type-item_job .icon{
	-moz-transition: transform 1s;
	-webkit-transition: transform 1s;
	transition: transform 1s;
}
.type-item_job-c {
	cursor: pointer;
}
.art-drictor tr:last-child {
	background-color: #E56A00 !important;
  }