@charset "utf-8";
/* CSS Document */


h2.recruit{
	color:#2e008b;
	font-weight:normal;
}

h3{
	padding:0.5rem 1rem;
	background:linear-gradient(30deg,#252989,#00a8ba);
	color:white;
	font-size:1.5rem;
	margin-bottom:2rem;
}

h4{
	background-color:#00a9ba;
	color:white;
	margin-bottom:0;
	padding-left:1rem;
	font-weight:normal;
	padding:0.8rem 1.6rem;
}

ul.circle li{
	list-style-type:circle;
	
}

.main_image{
	background-image:url("../img/recruit_main_image.png");
	background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
	height:400px;
}

.heading{
	height:200px;
	background-image:url("../../common/img/heading_back.png") ;
	background-size:cover;
	background-position:bottom;
	background-repeat:no-repeat;		
}

.heading .container{
	height:200px;
}

#company_detail,
#systems_benefits{
	margin-top:0;
/*	padding-top: 3rem;*/
  padding-bottom: 3rem;
  padding-left: 0;
  padding-right: 0;
  background-image: linear-gradient(to right, #e9f5f7 0%, white 50%, #e9f5f7 100%);
}	
	
#contact{
	width:100%;
	text-align: center;
	height:200px;
	display:flex;
	justify-content: center;
	align-items: center;
}

#contact div{
	display:block;
}

#contact a{
	margin:5rem 0;
}


#company_detail .card{
	padding:1rem;
	border:none;
	background:none;
} 

table.table-bordered th{
	width:20%;
}


/* for PC */
@media only screen and (min-width:1200px),print{

}

@media only screen and (max-width:991.98px){
	.pc{display:none;}
	
	
	table.table-bordered th,
	table.table-bordered td{
		width:100%;
		display:block;
	}
	
	table.table-bordered th{
		background-color:#2e008b;
		color:white;
	}
}


@media only screen and (min-width:576px),print{
  .youtube_wrap {
    width: 560px;
    aspect-ratio: 16 / 9;
		margin:0 auto
  }	
	
  .youtube_wrap iframe {
    width: 100%;
    height: 100%;
  }	
}



@media (max-width: 575.98px) {
/*	
	nav.submenu ul{
		flex-wrap:wrap;
		justify-content: flex-start;
		padding-left:0;
		width:100%;
		
	}
	nav.submenu ul li{
		display: flex;
		justify-content: center;
		width:50%;
		padding:1rem 0;

	}	
	
	.contents_inner{
		padding-top: 260px;
    margin-top: -260px;
	}
	
		.main_image{
		margin-top:192px;
	}

	*/

	nav.submenu{
		display: none;
	}
	
	
		
	
	
 .youtube_wrap {
    width: 100%;
    aspect-ratio: 16 / 9;
		margin:0 auto
  }	
	
  .youtube_wrap iframe {
    width: 100%;
    height: 100%;
  }		
	

	
	
}