@charset "utf-8";


.mb16{
	margin-bottom: 16rem;
}

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

	.mb16{
		margin-bottom: 12rem;
	}

}

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

	.mb16{
		margin-bottom: 10rem;
	}

}

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

	.mb16{
		margin-bottom: 8rem;
	}

}

.job_main{
	width: 100%;
}

.job_main img{
	width: 100%;
}

.job_title{
	margin-bottom: 6rem;
}

.job_title h2{
	font-size: 4rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 3rem;
}

.job_title h2 span.fukidashi{

}

.job_title h2 span.fukidashi img{
	max-width: 10rem;
	margin-top: -10rem;
	margin-left: -10rem;
}

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

	.job_title h2{
		font-size: 3rem;
		margin-bottom: 2rem;
	}

	.job_title hr {
		margin-bottom: 2rem;
	}

	.job_title div {
		font-size: 2rem;
	}

}

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

}

.job_title hr{
	width: 10rem;
	height: 0.5rem;
	margin-left: auto;
	margin-right: auto;
	background: #222;
	margin-bottom: 3rem;
}

.job_title div{
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}

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

	.job_title {
		margin-bottom: 4rem;
	}

	.job_title h2{
		font-size: 2.6rem;
		
		display: flex;
		justify-content: center;
	}

	.job_title h2 span.fukidashi img {
		max-width: 8rem;
		margin-top: -5rem;
		margin-left: -8rem;
	}

	.job_title hr {
		width: 8rem;
		height: 0.3rem;
		margin-bottom: 1rem;
	}

	.job_title div {
		font-size: 1.6rem;
	}

}

.job_change_list{
	display: flex;
	justify-content: space-between;
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
}

.job_change_list li{
	width: 30%;
}

.job_change_list li img{
	width: 100%;
	max-width: 50rem;
}

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

	.job_change_list{
		margin-left: 4rem;
		margin-right: 4rem;
	}

}

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

	.job_change_list{
		flex-wrap: wrap;
		justify-content: center;
	}

	.job_change_list li {
		width: auto;
		margin-bottom: 8rem;
		text-align: center;
	}

	.job_change_list li:last-child {
		margin-bottom: 0;
	}

	.job_change_list li img{
		max-width: 39rem;
		margin-left: auto;
		margin-right: auto;
	}

}

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

	.job_change_list{
		margin-left: 2rem;
		margin-right: 2rem;
	}

}

/*-----------*/


/*-----------*/

.job_data_list{
	max-width: 120rem;
	margin-left: auto;
	margin-right: auto;
}

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

	.job_data_list{
		margin-left: 4rem;
		margin-right: 4rem;
	}

}

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

	.job_data_list{
		margin-left: 2rem;
		margin-right: 2rem;
	}

}

.job_data_list > li{
	display: flex;
	justify-content: space-between;
	margin-bottom: 6rem;
}

.job_data_list > li .th{
	font-size: 3rem;
	font-weight: bold;
	width: 20%;
	line-height: 1;
}

.job_data_list > li .th hr{
	width: 10rem;
	height: 0.5rem;
	background: #2fc7d9;
	margin-top: 3rem;
	margin-bottom: 6rem;
}

.job_data_list > li .td{
	width: 75%;
	border-bottom: 0.1rem solid #bababa;
	padding-bottom: 6rem;
}

.job_data_list > li .td .appeal{
	font-size: 2rem;
	font-weight: bold;
	color: #e53a6e;
	padding-bottom: 2rem;
}

.job_data_list > li .td .appeal .left{
	margin-right: 1rem;
}

.job_data_list > li .td .appeal .right{
	margin-left: 0.5rem;
}

.job_data_list > li .td ul.list{

}

.job_data_list > li .td ul.list li{
	display: flex;
	padding-bottom: 3rem;
	border-bottom: 0.1rem dashed #bababa;
	margin-bottom: 3rem;
}

.job_data_list > li .td ul.list li:last-child{
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.job_data_list > li .td ul.list li .image{
	margin-right: 2rem;
	min-width: 13rem;
}

.job_data_list > li .td ul.list li .text{

}

.job_data_list > li .td ul.list li .text .box{
	margin-bottom: 4rem;
}

.job_data_list > li .td ul.list li .text .box:last-child{
	margin-bottom: 0;
}

.job_data_list > li .td ul.list li .text .job_demand{

}

.job_data_list > li .td ul.list li .text .job_demand p{
	margin-bottom: 0.2rem;
	display: flex;
	align-items: center;
}

.job_data_list > li .td ul.list li .text .job_demand p small{
	margin-right: 1rem;
}

.job_data_list > li .td ul.list li .text .job_demand p:last-child{
	margin-bottom: 0rem;
}

.job_data_list > li .td .salary_line{
	margin-bottom: 3rem;
}

.job_data_list > li .td p.td_top_text{
	font-size: 1.8rem;
	margin-bottom: 4rem;
}

.job_data_list > li .td p.td_top_text.salary {
	margin-bottom: 1rem;
}

.job_data_list > li .td p.td_top_text.salary strong{
	font-size: 3rem;
	margin-left: 1rem;
	margin-right: 0.5rem;
}

.job_data_list > li .td p.td_top_text.salary strong.time{
	font-size: 2.5rem;
}

.job_data_list > li .td ul.list li .text h3{
	font-size: 1.8rem;
	font-weight: bold;
	color: #e53a6e;
	margin-bottom: 3rem;
}

.job_data_list > li .td ul.list li .text .title{
	font-weight: bold;
	margin-bottom: 1.5rem;
}

.job_data_list > li .td ul.list li .text .job_skill{
	display: flex;
	justify-content: space-between;
}

.job_data_list > li .td ul.list li .text .job_skill .data{
	width: 60%;
}

.job_data_list > li .td ul.list li .text .job_skill .data div:first-child{
	/*margin-bottom: 2rem;*/
}

.job_data_list > li .td ul.list li .text .job_skill .logo{
	width: 30;
}

.job_data_list > li .td ul.list li .text .job_skill .logo img{
	width: 100%;
}

.job_data_list > li .td .map{
	width: 100%;
}

.job_data_list > li .td .map iframe{
	width: 100%;
	height: 30rem;
}

.job_data_list > li .td small.skill{
	color: #e53a6e;
}



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

	.job_data_list > li .th {
		font-size: 2.5rem;
	}

}

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

	.job_data_list > li {
		flex-wrap: wrap;
	}

	.job_data_list > li .th {
		width: 100%;
	}

	.job_data_list > li .td {
		width: 100%;
	}

}

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

	.job_data_list > li .th {
		font-size: 2rem;
		text-align: center;
	}

	.job_data_list > li .th hr {
		width: 8rem;
		height: 0.3rem;
		margin-bottom: 4rem;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2rem;
	}

	.job_data_list > li .td ul.list li{
		flex-wrap: wrap;
	}

	.job_data_list > li .td ul.list li .image {
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 2rem;
	}

	.job_data_list > li .td ul.list li .text .job_skill {
		flex-wrap: wrap;
		flex-flow: column-reverse;
	}

	.job_data_list > li .td ul.list li .text .job_skill .data {
		width: 100%;
	}

	.job_data_list > li .td ul.list li .text .job_skill .logo {
		width: auto;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2rem;
	}

	.job_data_list > li .td p.td_top_text{
		font-size: 1.5rem;
		margin-bottom: 2rem;
	}

	.job_data_list > li .td ul.list li .text div{
		font-size: 1.4rem;
	}

	.job_data_list > li .td p.td_top_text.salary strong{
		font-size: 2.2rem;
		margin-left: 0.4rem;
	}

	.job_data_list > li .td ul.list li .text .job_demand p{
		margin-bottom: 1rem;
	}

	.job_data_list > li .td ul.list li .text .job_demand p:last-child{
		margin-bottom: 0rem;
	}

	.job_data_list > li .td p.td_top_text.salary strong.time {
		font-size: 2rem;
	}

	.job_data_list > li .td .appeal{
		text-align: center;
	}

	.job_data_list > li .td small.skill {
		font-size: 1.3rem;
	}

}


/*-----------*/

.job_data_list > li .td ul.op{
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.job_data_list > li .td ul.op li{
	width: 24.5%;
	background: #fff9cf;
	margin-bottom: 0.5rem;
	margin-left: 0.25%;
	margin-right: 0.25%;
	
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 8rem;
	font-weight: bold;
	position: relative;
}

.job_data_list > li .td ul.op li::before{
	position: absolute;
	font-family: 'Material Symbols Outlined';
	content: '\ef76';
	font-size: 3rem;
	color: #c9b007;
	left: 1rem;
}

.job_data_list > li .td ul.op.holiday li::before{
	content: '\e614';
}

.job_data_list > li .td ul.op li p{
	margin-bottom: 0;
	line-height: 1.4;
	font-weight: bold;
}

.job_data_list > li .td ul.op li p small{
	font-weight: bold;
}

.job_data_list > li .td .annotation{
	margin-top: 3rem;
	font-size: 1.6rem;
}

.job_data_list > li .td .salary_list{
	font-size: 1.4rem;
	margin-bottom: 4rem;
}

.job_data_list > li .td .salary_example{
	font-size: 1.4rem;
}

.job_data_list > li .td .map_text{
	font-size: 1.8rem;
	margin-bottom: 4rem;
}

.job_data_list > li .td .map_text .mb3{
	margin-bottom: 3rem;
}

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

	.job_data_list > li .td ul.op li {
		width: 32.75%;
	}

}

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

	.job_data_list > li .td ul.op li {
		width: 49.5%;
		margin-bottom: 0.2rem;
		height: 7rem;
		font-size: 1.5rem;
	}

	.job_data_list > li .td ul.op li::before {
		font-size: 2rem;
		left: 1rem;
	}

	.job_data_list > li .td .map_text{
		font-size: 1.6rem;
		margin-bottom: 3rem;
	}

	.job_data_list > li .td ul.op li p span{
		font-size: 1.3rem;
	}

}

/*-----------*/




/*-----------*/

.footer {
	padding-bottom: 4rem;
}

/*-----------*/

.job_gigaforest{

}

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

	.job_gigaforest {
		margin-left: 2rem;
		margin-right: 2rem;
	}

}

.job_gigaforest ul{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	font-weight: bold;
}

.job_gigaforest ul li:nth-child(1){
	font-size: 4rem;
	line-height: 1.5;
	margin-right: 2rem;
	font-weight: normal;
}

.job_gigaforest ul li:nth-child(2){
	font-size: 2.2rem;
	text-align: center;
}

.job_gigaforest ul li:nth-child(3){
	font-size: 4rem;
	line-height: 1.5;
	margin-left: 2rem;
	font-weight: normal;
}

.job_gigaforest .bannre{
	text-align: center;
	max-width: 50rem;
	margin-left: auto;
	margin-right: auto;
}

.job_gigaforest .bannre img{
	width: 100%;
}

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

	.job_gigaforest ul li:nth-child(1) {
		font-size: 3rem;
		margin-right: 1rem;
	}

	.job_gigaforest ul li:nth-child(2) {
		font-size: 1.4rem;
	}

	.job_gigaforest ul li:nth-child(3){
		font-size: 3rem;
		margin-left: 1rem;
	}

	.job_gigaforest .bannre {
		max-width: 28rem;
	}

}

/*-----------*/

.job_partner_contents{
	max-width: 120rem;
	margin-left: auto;
	margin-right: auto;
}

.job_partner_contents .job_partner_text{
	font-size: 1.8rem;
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6rem;
}

.job_partner_contents .job_partner_box{
	display: flex;
	justify-content: space-between;
}

.job_partner_contents .job_partner_box .image{
	width: 45%;
}

.job_partner_contents .job_partner_box .text{
	width: 40%;
	margin-left: 5%;
	margin-right: 5%;
}

.job_partner_contents .job_partner_box .text .title{
	font-size: 3rem;
	font-weight: bold;
	width: 100%;
}

.job_partner_contents .job_partner_box .text .title hr{
	width: 10rem;
	height: 0.5rem;
	background: #2fc7d9;
	margin-bottom: 4rem;
}

.job_partner_contents .job_partner_box .text .comment{
	padding-bottom: 2.5rem;
	margin-bottom: 2.5rem;
	border-bottom: 0.1rem dotted #adadad;
}

.job_partner_contents .job_partner_box .text .list{
	font-size: 1.4rem;
}


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

	.job_partner_contents{
		margin-left: 4rem;
		margin-right: 4rem;
	}

	.job_partner_contents .job_partner_box .text .title{
		font-size: 2.5rem;
	}

}

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

	.job_partner_contents .job_partner_box .text .title{
		font-size: 2rem;
	}

	.job_partner_contents .job_partner_box .text .title hr {
		width: 8rem;
		height: 0.3rem;
		margin-bottom: 4rem;
	}

	.job_partner_contents{
		margin-left: 2rem;
		margin-right: 2rem;
	}

	.job_partner_contents .job_partner_text {
		font-size: 1.6rem;
		margin-bottom: 4rem;
	}

	.job_partner_contents .job_partner_box {
		flex-wrap: wrap;
	}

	.job_partner_contents .job_partner_box .image {
		width: 100%;
		margin-bottom: 2rem;
	}

	.job_partner_contents .job_partner_box .text {
		width: 90%;
	}

}

/*-----------*/

.bottom_contact_area.job {
}

.bottom_contact_area.job .contact_list {
	background-image: url(../img/job/job_bg.jpg);
	background-color: #2fc7d9;
	padding: 0 0;
	background-repeat: no-repeat;
	background-position-x: 47%;
	background-position-y: bottom;
	position: relative;
}

.bottom_contact_area.job .contact_list .chance{
	position: absolute;
	top: -35%;
	left: -15rem;
}

.bottom_contact_area.job .contact_list li.text_area{
	width: 60%;
	padding-left: 14rem;
}

.bottom_contact_area.job .contact_list li.text_area h4{

}

.bottom_contact_area.job .contact_list li.text_area p{
	font-weight: bold;
	font-size: 1.8rem;
}

.bottom_contact_area.job .contact_list li.tel_area{
	width: 40%;
	background: #fff;
	padding-top: 6rem;
	padding-bottom: 6rem;
	border: 0.5rem solid #2fc7d9;
}

.bottom_contact_area.job .contact_list li.tel_area .tel {
	justify-content: center;
	color: #222;
	line-height: 1;
}

.bottom_contact_area.job .contact_list li.tel_area .tel_box {
	max-width: 32rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

.bottom_contact_area.job .contact_list li.tel_area .tel_box .time{
	text-align: right;
	width: 95%;
}

.bottom_contact_area.job .contact_list li.tel_area .bt.pink {
	margin-left: auto;
	margin-right: auto;
}

.bottom_contact_area.job .contact_list li.tel_area .bt.pink .button {
	width: 100%;
	max-width: 32rem;
	margin-left: auto;
	margin-right: auto;
}

.bottom_contact_area.job .contact_list li.tel_area .tel img{
	margin-right: 0;
	margin-top: 0;
	width: 100%;
}

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

	.bottom_contact_area.job {
		padding-left: 8rem;
	}

	.bottom_contact_area.job .contact_list .chance{
		left: -10rem;
		max-width: 25rem;
	}

	.bottom_contact_area.job .contact_list .chance img{
		width: 100%;
	}

}

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

	.bottom_contact_area.job {
		padding-left: 5rem;
	}

	.bottom_contact_area.job .contact_list .chance{
		top: -25%;
		left: -6rem;
		max-width: 20rem;
	}

}

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

	.bottom_contact_area.job {
		padding-left: 0rem;
	}

	.bottom_contact_area.job .contact_list {
		background-position-x: right;
		background-position-y: top;
		background-size: 34%;
		max-width: 65rem;
	}

	.bottom_contact_area.job .contact_list li.text_area {
		width: 100%;
		padding-left: 0;
		padding-top: 2rem;
	}

	.bottom_contact_area.job .contact_list li.tel_area {
		width: 100%;
	}

	.bottom_contact_area.job .contact_list .chance {
		top: -15%;
		left: -2rem;
		max-width: 18rem;
	}

}

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

	.bottom_contact_area.job {
		height: 32rem;
	}

	.bottom_contact_area.job .contact_list .chance {
		top: -14%;
		max-width: 12rem;
	}

	.bottom_contact_area.job .contact_list li.text_area p {
		font-size: 1.5rem;
		width: 85%;
	}

	.bottom_contact_area.job .contact_list li.tel_area {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.bottom_contact_area.job .contact_list li.tel_area .tel {
		margin-top: 0;
		margin-bottom: 0rem;
	}

	.bottom_contact_area.job .contact_list li.tel_area div.bt.pink img {
		max-width: 2.5rem;
	}

	.bottom_contact_area.job .contact_list li.tel_area .bt.pink .button {
		max-width: 28rem;
		font-size: 1.8rem;
	}

	.bottom_contact_area.job .contact_list li.tel_area .tel_box {
		max-width: 28rem;
	}

}

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

	.bottom_contact_area.job .tel_area .tel a {
		font-size: 3rem;
	}

	_::-webkit-full-page-media, _:future, :root h3.job_title01 { font-feature-settings: "palt"; }
	_::-webkit-full-page-media, _:future, :root .job_data_list > li .td .annotation { font-feature-settings: "palt"; }


}