@charset "UTF-8";
/* CSS Document */
.breadcrumbs{
	width: 100%;
	text-align: right;
background: #16897c; /* Old browsers */
background: -moz-linear-gradient(45deg, #16897c 0%, #095389 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #16897c 0%,#095389 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #16897c 0%,#095389 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.breadcrumbs p{
	display: block;
	color:#fff;
	box-sizing: border-box;
	width: 100%;
text-align: center;
	padding-left: 40px;
	padding-right: 40px;
}
@media print,screen and (min-width:960px) {
	.breadcrumbs p{
	box-sizing: border-box;
	text-align: right;
	width: 100%;
max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
}
.breadcrumbs p a{
	color:#fff;
	font-size: 12px;
	line-height: 40px;
}
#recruiting_h2{
	background:url("../recruiting_images/h2_bg.jpg");
    background-position:bottom center; 
    background-size:cover; 
    width:100%;
    height:220px;       
	display: flex;
	justify-content: center; 
    align-items: center; 
}
@media print,screen and (min-width:960px) {
	#recruiting_h2{
	background:url("../recruiting_images/h2_bg@2x.jpg");
    background-position:bottom center; 
    background-size:cover; 
}
}
h2{
	padding-bottom: 25px;
	color:#fff;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	background: url("../method_images/method_line.svg") no-repeat center bottom;
	background-size: 30px 3px;
}
h2 span{
	font-size: 15px;
	text-align: center;	
}
#recruiting{
	background: #F0F0EC;
	padding-bottom: 10px;
}

#recruiting h3{
	padding-top: 80px;
	margin-bottom: 40px;
	padding-bottom: 25px;
	text-align: center;
	background:none;
}
#recruiting h3 img{
	height: 65px;
	width: auto;
}
@media print,screen and (min-width:960px) {
	#recruiting h3 img{
	height: 75px;
	width: auto;
}
}
#recruiting p{
	width: 100%;
	padding-left:30px;
	padding-right: 30px;
	box-sizing: border-box;
	font-size: 13px;
	line-height: 26px;
	text-align: justify;
	margin-top: 30px;
	margin-bottom: 30px;
}
.parts_discription img,#requwirements img{
	width: 100%;
	height: auto;
}
.slider  { margin: 0 ; opacity: 0; transition: 1s;}
.slider  img { width: 100%; height: auto;}
.slider  .slick-next { right: 20px; z-index: 99;}
.slider  .slick-prev { left: 15px; z-index: 100;}
.slick-initialized{ opacity: 1;}
img.slide-arrow {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -18px;  
  line-height: 36px;
  font-size: 28px;
  cursor: pointer;
  z-index: 10; 
}
.prev-arrow {
  left: 10px;
}
.next-arrow {
  right: 10px;
}
.slick-slider{
margin: 0;
padding: 0;
line-height: 0;
}

#introduction h3{
	font-size: 18px;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
	text-align: center;
	line-height: 26px;
}
#introduction br{
	display: none;
}
th,td{
	width: 100%;
	display: block;
	color:#025750;
	font-size: 13px;
	padding: 10px 20px 10px 20px;
	box-sizing: border-box;
	border: #CCCCC1 1px solid;
	line-height: 26px;
	text-align: justify;
}
th{
	background: #F0F0EC;
	border-top: none;
	border-bottom: none;
	border-left: #CCCCC1 1px solid;
	border-right: #CCCCC1 1px solid;
	letter-spacing: 2px;
}
tr:first-child th{
	border-top: #CCCCC1 1px solid;
}
table{
	margin: 40px 30px 0 30px;	
}
@media print,screen and (min-width:1000px) {
	img.slide-arrow {
  width: 50px;
  height: 50px;
}	
	#introduction br{
	display: inline;
}
	#introduction p{
		text-align: center;
	}
	.parts_discription img{
		width: 480px;
		height: auto;
	}
	.parts_discription{
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	-js-display: flex;
    display:flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
   flex-wrap:wrap;
	margin-bottom: 70px;
	}
	#recruiting .parts_discription p{
		width: 470px;
		display: block;
}
	table{
		width: 960px;
		margin: 70px auto 0 auto;
	}
th,td{
	display:table-cell;
	}
	th{
		width: 180px;
		border: #CCCCC1 1px solid;
	}
	td{
		width: 780px;
	}
}
/**/
/*contactus*/
/**/
#contactus{
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	margin-bottom: 60px;
}
#contactus p{
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 30px;
}
#contactus section{
	background: #5086ac; /* Old browsers */
background: -moz-linear-gradient(45deg, #5086ac 0%, #3da268 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #5086ac 0%,#3da268 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #5086ac 0%,#3da268 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 100%;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	box-sizing: border-box;
}
#contactus section div{
	padding: 20px 20px 20px 115px;
	background: url("../style_images/phone.svg") 55px center/ 50px no-repeat,#FFF;
	box-sizing: border-box;
}
#contactus a{
	color: #000;
	text-decoration: none;
}
a[href^="tel:"] { cursor: default; }
#contactus h4{
	margin-top: 10px;
	font-size: 32px;
	line-height: 20px;
	text-indent: 2px;
}
#contactus h4 a{
	color:#000;
	text-decoration: none;
}
#contactus h4 span{
	font-size: 14px;
}
@media print,screen and (max-width:640px) {
	#contactus p{
	font-size: 14px;
}
	#contactus h4{
		text-align: center;
	margin-top: 10px;
	font-size: 24px;
	line-height: 20px;
	text-indent: 2px;
}
#contactus h4 span{
	font-size: 12px;
}
	#contactus section div{
	padding: 70px 20px 20px 20px;
	background: url("../style_images/phone.svg") center 20px / 50px no-repeat,#FFF;
	box-sizing: border-box;
}
}