@charset "utf-8";



/* =============================================================================

   基本設定

   ========================================================================== */

body {

	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

	color: #333333;

	word-break: break-all;

}



/*a:link {

	color: #555;

	text-decoration: none;

}

a:visited {

	color: #555;

}

a:hover {

	color: #004098;

	text-decoration: none;

	zoom:1;

	-webkit-transition: 0.3s ease-in-out;

	-moz-transition: 0.3s ease-in-out;

	-o-transition: 0.3s ease-in-out;

	transition: 0.3s ease-in-out;

}

a:active {

	color: #555;

}*/



img {

	max-width: 100%;

	height: auto;

	vertical-align: bottom;

}

a:hover img {

	opacity:0.7;

	zoom:1;

	-webkit-transition: 0.3s ease-in-out;

	-moz-transition: 0.3s ease-in-out;

	-o-transition: 0.3s ease-in-out;

	transition: 0.3s ease-in-out;

}

em {

	font-style: normal;

}





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

  body {

    min-width: 1061px;

  }



  #overwrap {

    width:100%;

    min-width: 1061px;

    overflow: hidden;

    position: relative;

  }



  .wrap {

    width: 1061px;

    margin: 0 auto;

    position: relative;

  }



  .sp {

    display: none !important;

  }



}





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

  #overwrap {

    overflow: hidden;

  }



  .wrap {

    padding: 10px;

    position: relative;

  }



  .pc {

    display: none;

  }



}



/* =============================================================================

   汎用 class

   ========================================================================== */

.mincho {

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	-o-transform: rotate(0.028deg);

	-ms-transform: rotate(0.028deg);

	-moz-transform: rotate(0.028deg);

	-webkit-transform: rotate(0.028deg);

	transform: rotate(0.028deg);

}



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



  .ttl-a {

    text-align: center;

  }



  .ttl-a span {

    margin-top: 1em;

    display: block;

    font-size: 0.827em;

  }



}



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

  .ttl-a {

    text-align: center;

  }



  .ttl-a span {

    margin-top: 1em;

    display: block;

    font-size: 0.827em;

  }



}



/* =============================================================================

   header

   ========================================================================== */

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

	

	.head_contact{

		width: 100%;

		padding-bottom: 10px;

		display: block;

		background-color: #FFFFFF;

	}

	

	.head_contact_inner{

		width: 1061px;

		margin: auto;

	}

	

	.head_contact_left{

		width: 345px;

		display: inline-block;

		margin-top: 9px;

	}

	

	.head_contact_right{

		width: 635px;

		display: inline-block;

		padding-top: 6px;

		float: right;

	}

	

	.commu_bottom{

		padding-top: 8px;

	}

	

	.commu_bottom li{

		display: inline-block;

		vertical-align: middle;

	}

	

	.commu_bottom li +li{

		margin-left: 11px;

	}

	

	.commu_bottom li a{

		text-decoration: none;

	}	

	

	.commu_bottom li img{

		margin-right: 5px;

	}

	

	.commu_bottom li:nth-child(1) p a{

		font-size: 26px;

		font-weight: bold;

		line-height: 30px;

	}

	

	.commu_bottom li:nth-child(2) p{

		font-size: 14px;

		font-weight: bold;

		line-height: 25px;

	}

	

	.commu_bottom li:nth-child(3) p{

		font-size: 14px;

		font-weight: bold;

		line-height: 20px;

	}



  	.headLogo {

        width: 272px;

		margin-bottom: 8px;

    }

	

	.con-ttltop{

		width: 100%;

		color: #FFFFFF;

		font-weight: bold;

		font-size: 14px;

		text-align: center;

		background-color: #f97500;

		padding: 2px 0px;

		border-radius: 22px;

		

	}

	

	.glovalmenu{

		background: url("../images/common/border.jpg") no-repeat;

		background-position: right center;

	}

	



}



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

	

	.head_contact{

		width: 100%;

		padding-bottom: 10px;

		display: block;

		background-color: #FFFFFF;

	}

	

	.head_contact_inner{

		width: 95%;

		margin: auto;

	}

	

	.head_contact_left{

		width: 100%;

		display: inline-block;

		margin-top: 9px;

	}

	

	.head_contact_left p{

		font-size: 14px;

		margin-top: 5px;

	}

	

	.head_contact_right{

		display: inline-block;

		position: absolute;

		right: 18.5%;

	}

	

	.commu_bottom{

		padding-top: 8px;

	}

	

	.commu_bottom li{

		display: inline-block;

		vertical-align: middle;

	}



	

	.commu_bottom li:nth-child(2){

		margin-left: 5px;

	}



  	.headLogo {

        width: 60%;

    }

	

	.con-ttltop{

		width: 100%;

		color: #FFFFFF;

		font-weight: bold;

		font-size: 14px;

		text-align: center;

		background-color: #1FBAAA;

		padding: 2px 0px;

		border-radius: 22px;

	}

		

/*	}

  .headLogo {

    width: 200px;

    position: absolute;

    top: 10px;

    left: 10px;

  }*/



}



/* =============================================================================

   Footer

   ========================================================================== */

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

  #page-top{
	  
    width: 80px;
    
	height: 80px;
	  
    margin-left: 34px;
	  
	transform: rotate(45deg);
	  
    position: fixed;
	  
    bottom: 30px;
	  
    right: 30px;
	  
    z-index: 30;
  }

	#page-top a{
		
		display: block;
		
		padding: 40px;
		
    	background-color: #008455;
		
    	border: 1px solid #fff;
		
		border-radius: 0% 50% 50% 50%;
		
	}



	#page-top a:hover {

		opacity: 0.8;

	}



  #page-top span {

    text-transform: uppercase;

    text-decoration: none;

    text-align: center;

    display: block;    line-height: 1.4;

    color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    transform:translateX(-50%) translateY(-50%) rotate(-45deg);

  }



  footer {

    padding-bottom: 50px;

	background: url("../images/footer/bgFooter.png") no-repeat;

    background-size: cover;

    position: relative;

    color: #fff;

	}



	footer .wrap {

		padding: 10px 0;

		overflow: hidden;

		font-style: normal;

	}



  footer h1 {

    width: 394px;

    padding-top: 130px;

	margin: auto;

  }



  footer nav {

    width: 660px;

    margin-bottom: 60px;

    padding: 1em 0;

    float: right;

    border-left: 1px dotted #fff;

  }



  footer nav .box {

      padding: 0 20px;

      display: inline-block;

      vertical-align: top;

  }



  footer nav .box p a {

    font-weight: bold;

  }



  footer nav a {

    color: #fff;text-decoration: none;

  }



  footer nav a:link {

    color: #fff;

  }



  footer nav a:visited {

    color: #fff;

  }



  footer nav a:hover {

    opacity: 0.7;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

  }



  footer nav a:active {

    color: #fff;

  }



  .foot-add-box {

    width: 100%;margin-top: 50px;

    clear: both;

    color: #FFFFFF;

    letter-spacing: -0.4em;

  }



  .foot-add-box address {

    width: 100%;

    margin-right: 10px;

    letter-spacing: normal;

  }

	

 .foot-add-box address img{

    margin-right: 20px;

  }



  .foot-add-box address p{

	  display: inline-block;

	  margin-bottom: 15px;

  }



  .foot-add-box address p +p{

	  margin-left: 30px;

  }



  .foot-add-box h2 {

    font-weight: bold;

  }

	

  .foot-add-box .add {

    margin-left: 15px;

  }



  .foot-add-box .tel {

    display: inline-block;

    margin-right: 0.5em;

  }



  .foot-add-box .fax {

    display: inline-block;

  }



  footer .copy {

    padding-top: 40px;

    text-align: center;

    font-size: 0.857em;

	color: #f6ff00;

  }





	iframe{

		width: 100%;

		background-color: #FFFFFF;

	}



}



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

  #page-top{
	  
    width: 50px;
    
	height: 50px;
	  
    margin-left: 34px;
	  
	transform: rotate(45deg);
	  
    position: fixed;
	  
    bottom: 10px;
	  
    right: 10px;
	  
    z-index: 30;
  }

	#page-top a{
		
		display: block;
		
		padding: 25px;
		
    	background-color: #008455;
		
    	border: 1px solid #fff;
		
		border-radius: 0% 50% 50% 50%;
		
	}

  #page-top a:active {

    opacity: 0.8;

  }



  #page-top span {

    width: 4em;

    text-transform: uppercase;

    text-decoration: none;

    text-align: center;

    display: block;

    font-size: 0.714em;

    line-height: 1;

    color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    transform:translateX(-50%) translateY(-50%) rotate(-45deg);

  }



  footer {

    padding-bottom: 50px;

	background: url("../images/footer/bgFooter.png") no-repeat 28%;

    background-size: cover;

    position: relative;

    color: #fff;

	}



	footer .wrap {

		padding: 10px;

		overflow: hidden;

		font-style: normal;

	}



  footer h1 {

    width: 90%;

    padding-top: 130px;

	margin: auto;

  }





  .foot-add-box {

    width: 100%;

	margin-top: 50px;

    clear: both;

    color: #FFFFFF;

    letter-spacing: -0.4em;

  }



  .foot-add-box address {

    width: 100%;

    letter-spacing: normal;

	line-height: 28px;

  }

	

 .foot-add-box address img{

    margin-right: 20px;

	 margin-bottom: 5px;

  }



  .foot-add-box address p{

	  display: inline-block;

	  float: left;

	  margin-bottom: 15px;

  }



  .foot-add-box address p +p{

	  margin-left: 30px;

  }

	

	



  .foot-add-box .add {

    margin-left: 2em;

  }



  .foot-add-box .tel {

    display: inline-block;

    margin-right: 0.5em;

	text-decoration: none;

  }



  .foot-add-box .fax {

    display: inline-block;

  }



  footer .copy {

    padding-top: 40px;

    text-align: center;

    font-size: 0.857em;

	color: #f6ff00;

  }



	iframe{

		width: 100%;

		background-color: #FFFFFF;

	}

}



/* =============================================================================

    TOP

   ========================================================================== */

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

	

/*	section{

		margin: 50px;

	}*/



/*  TOP キーイメージ  */

  .topKeyimage__cont {

	width: 100%;

    padding-top: 11.8%;

    background: url("../images/main/bgKeyimage.jpg")no-repeat;

    background-size: cover;

  }



  .topKeyimage .wrap {

    display: block;

    padding-top: 30.128%;

  }



  .topKey-img1 {

    width: 549px;

	position: absolute;

	left: 0;

	bottom: 96.5%;

	pointer-events: none;

  }

	

  .topKey-img2 {

    width: 790px;

	position: absolute;

	bottom: 8%;

	right: 0;

	pointer-events: none;

  }



/*=================人材エージェント====================*/

  .agent {

	margin-top: 50px;

    text-align: center;

    position: relative;

  }

  .agent:after {/*

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 50px 50px 0 50px;

    border-color: #ffffff transparent transparent transparent;

    position: absolute;

    bottom: -50px;

    left: 50%;

    transform: translate(-50%, 0);

    z-index: 1;*/

  }





  .agent-cont {

    max-width: 921px;

    margin:auto;

    position: relative;

  }

	

  .agent_box{

	max-width: 717px;

	margin: auto;

	padding-top: 50px;

	clear: both;

	overflow: hidden;

  }



  .agent-cont-img{

	width: 206px;

	float: left;

  }



  .agent-cont-txt{

	line-height: 40px;

	text-align: left;

	font-size: 20px;

	font-weight: bold;

	float: right;

	margin-top: 36px;

  }



  .agent-cont-txt strong{

	color: #008455;

	font-size: 30px;

	font-weight: bold;

  }



	



/*=================汎用タイトル====================*/	

  .cont-ttl {

	width: 100%;

	padding: 10px 0px;

    text-align: center;

    color: #fff;

    font-weight: bold;

    font-size: 28px;

    background: #008455;

  }

	

  .ttl-deco{

	position: absolute;

  	left: 0;

  	right: 0;

  	margin: auto;

	width: 125px;

	border-top: 35px solid #008455;

  	border-right: 62px solid transparent;

  	border-left: 62px solid transparent;

  }	



/*=================ユーテックの人材サービス====================*/	

/*  service  */

  .service {

    background: url("../images/common/bgCommon.jpg");

    background-size: auto;

	padding-bottom: 135px;

  }

   

  .service-cont {

    width: 100%;

	display: block;

	margin-top: 80px;

	clear: both;

	overflow: hidden;

  }

	.service li {

	width: 500px;

	display: inline-block;

  }



  .service-cont-left{

	  float: left;

  }		

	

  .service-cont-right{

	  float: right;

  }	



 

  .service li h2 {

	margin: 25px 0px;

    padding: 5px 0px 0px 10px;

    color: #333;

    font-size: 23px;

    font-weight: bold;

	border-left: 10px solid #008455;

  }

	

  .service li p {

    text-align: left;

  }

	

  .service-list li{

	  font-size: 18px;

	  font-weight: bold;

	  width: 477px;

	  margin-left: 23px;	  

	}

		

/*  business  */



	.business{

	  width: 960px;

	  margin:115px auto 110px;

	/*

	  clear: both;

	  overflow: hidden;*/

	}

	

	.business_inner{

		padding-top: 35px;

	}

	

	.business h3{

		width: 518px;

		margin: auto;

	}

	

	.business-cont-left{

		display:inline-block;

		margin-bottom: 15px;

		font-size: 16px;

		line-height: 55px;

	}

	

	.business-cont-left strong{

		font-size: 20px;

		font-weight: bold;

		color: #008455;

	}
	
	.bus-comment{

		font-size: 14px;

		line-height: 25px;
		
		margin-left: 10px;
	}

	

	.business-cont-right{

		display:inline-block;

		margin-left: 20px;

	}



/*  expert  */	

	.expert{

		width: 100%;

		background:url("../images/service/imgExpert.jpg") no-repeat;

		background-position: right;

		padding-bottom: 13px;

	}

	

	

	.expert h3{

		padding-top: 30px;

	}	

	

	.expert-cont-left{

		font-size: 16px;

		margin:30px 0px 0px 40px;
		
		

	}	

	

	

	.expert-cont-left img{

		margin-right: 10px;

	}	

	

	.expert-com1{

		line-height: 30px;

		font-size: 25px;

		font-weight: bold;

		margin-top: 30px;

	}
	

	.expert-com1 a{
		
		text-decoration: none;
	}
	

	.expert-com2{

		line-height: 20px;

		font-size: 20px;

		font-weight: bold;

		margin-top: 20px;

	}


	.expert-com2 a{
		
		text-decoration: none;
	}	


	.expert-com3{

		font-size: 14px;

		margin-top: 10px;

	}

	

	

/*=================お取引先・実績====================*/

	

	.performance{

		padding-bottom: 80px;

		background: #f6f6f6;

	}

	

	.performance table{

		padding-top: 90px;

		width: 900px;

		display: block;

		margin: auto;

	}

	

	.top-table th{

		color: #FFFFFF;

		background-color: #434343;

		width: 335px;

		padding: 13px 0px;

	}

	

	.top-table td{

		color: #FFFFFF;

		background-color: #434343;

		width: 565px;

		text-align: center;

	}

	

	.under-table th{

		padding: 10px 0px 10px 40px;

		text-align: left;

	}



	.performance table tr:nth-child(even){

		background-color: #f6f6f6;

		font-size: 16px;

	}

	

	.performance table tr:nth-child(odd){

		background-color: #FFFFFF;

		font-size: 16px;

	}

	

	.keisyou{

		float: right;

		margin: 8px 80px 0px 0px;

	}



/*=================会社案内====================*/



	.company-bg{

		width: 100%;

		background: url("../images/company/bgManagement.jpg") no-repeat 100%;

		background-size: cover;

	}

	

	.company .wrap {

		display: block;

		padding-bottom: 11.1%;

	}

	

	

	.greeting{

		font-size: 16px;

		padding: 35px 0px 0px 0px;

	}

	

	.greeting-box{

		background: rgba(255, 255, 255, 0.8);

		

	}

	

	.greeting-box-inner{

		width: 955px;

		margin: auto;

		padding: 25px 0px 30px 0px;

		clear: both;

		overflow: hidden;

	}

	

	

	.company-ttl{

		border-left: solid 10px #008455;

		line-height: 40px;

		padding-left: 15px;

		margin-bottom: 50px;

		font-size: 30px;

		font-weight: bold;

	}

	

	

	.greeting-box-inner h4{

		float: right;

		font-size: 18px;

		font-weight: bold;

		margin-top: 40px;

	}

	

	

	

	

/*  会社概要  */	

	

	.overview{

		margin: 60px 0px 95px 0px;

		font-size: 16px;

		clear: both;

		overflow: hidden;

	}



	.overview .wrap {

		width: 935px;

		margin: auto;

	}

	

	.overview-box{

		width: 885px;

		margin-left: 50px;

		display: block

	}

	

	.overview-left{

		display: inline-block;

	}



	.overview-right{

		width: 518px;

		margin-left: 73px;

		display: inline-block;

	}

	

	.overview-right p{

		margin-top: 25px;

	}

	

	

/*  会社概要 テーブル */	

	.overview-table{

		width: 900px;

		margin:55px auto 0px;

		clear: both;

		overflow: hidden;

	}

	

	.overview-table th{

		padding: 15px 0px 10px;
		
		vertical-align: top;

	}

	

	.overview-table td{

		padding: 15px 0px 10px 30px;

	}

	

	.overview-table tr:nth-child(odd){

		background: #ecfaee;

	}

	

	.overview-table th{

		width: 145px;

		font-weight: bold;

	}

	

	.overview-table ul li{

		display: inline-block;

	}

	

	.overview-table ul li +li{

		margin-left: 4em;

	}

	

	#itoudensi{

		margin-left: 5em;

	}
	
	.yousel-link{
		font-weight: bold;
	}

	



/*=================求人情報====================*/

  .recruit {

    background: url("../images/common/bgCommon.jpg");

    background-size: auto;

	padding-bottom: 135px;

  }

	

	.recruit-txt{

		font-size: 18px;

		text-align: center;

		margin: 105px 0px 80px;

	}

	

	.indeed{

		width: 100%;

		background: #FFFFFF;

		padding: 2em;
		
		clear: both;
		
		overflow: hidden;

	}
	
	.indeed ifream{

		width: 100%;

	}

	

	

	



	

	

/*=================お問い合わせ====================*/

  .contact .wrap{

	  width: 900px;

	  padding: 100px 0px;

	  font-size: 16px;

  }

	

  .contact_txt{

	  margin-bottom: 40px;

  }

	

/*=================お問い合わせ入力フォーム====================*/

	

	

	.contact table{

		width: 900px;

		margin: auto;

		

	}



	

	.contact table tr{

		border-top: 1px solid #cccccc;

	}	

	

	

	.contact table tr:last-child{

		border-bottom: 1px solid #cccccc;

	}

	

	.contact table th{

		width: 315px;

		text-align: left;

	}

	

	.contactform-th-last{

		padding-top: 12px;

	}

	

	.contact table span{

		color: #FFFFFF;

		background: #FF0004;

		padding: 2px 7px;

		margin-right: 20px;

		font-size: 16px;

		font-weight: bold;

	}

	

	.contact table td{

		padding: 12px 0px 9px;

	}	

	

	

	.contact table td p{

		font-size: 14px;

		color: #7c7c7c;

	}	

	

	.contactform-th{

		margin-left: 68px;

	}	

	

	

	label{

		font-size: 16px;

		font-weight: bold;

	}	

	

	

	input{

		width: 95%;

		height: 30px;

		border-radius: 3px;

		border: solid 1px #cccccc;

	}

	

	select{

		width: 95%;

		height: 30px;

		color: #7c7c7c;

		border-radius: 3px;

		border: solid 1px #cccccc;

	}

	

	select option +option{

		color: #333333;

	}

	

	.contact-choice{

		color: #7c7c7c;

	}

	

	

	textarea{

		width: 95%;

		height: 165px;

		border-radius: 3px;

		border: solid 1px #cccccc;

	}

	

	button.submitbtn{

	width: 250px;

    padding: 15px 0px;

    font-size: 16px;

	font-weight: bold;

    background-color: #008455;

    color: #FFFFFF;

    border-style: none;

	border: 1px solid #cccccc;



	}

	

	.submitbtn:hover{

    background-color: #19603E;

	}	

	

/*=================プライバシー====================*/	

	

	.privacy{

		background-color: #eeeeee;

		width: 100%;

	}

	

	

	

	.privacy .wrap{

		width: 960px;

		padding:45px 0px 115px;

	}

	

	

	.privacy-ttl{

		border-left: solid 10px #008455;

		line-height: 40px;

		padding-left: 15px;

		margin-bottom: 50px;

		font-size: 30px;

		font-weight: bold;

	}

	

	

	.agreement{

		margin-top: 20px;

		margin:auto;

		padding: 10px;

		background: #FFFFFF;

		border: 1px solid #dbdbdb;

		width: 960px;

		height: 160px;

		overflow: scroll;

		overflow-x: hidden;

	}	

	

	

	.privacy-txt{

		margin-bottom: 20px;

	}

	

	.agreement h4{

		font-size: 16px;

		font-weight: bold;

	}

	

	.agreement h4:nth-child(n+2):nth-child(-n+7){

		margin-top: 35px;

	}

	

/*=================新着情報====================*/

.top-news {

    padding: 80px;

    background-color: #f0f4f7;

  }



  .top-news__ttl {

    margin-bottom: 3em;

  }



  .top-news__list {

    width: 960px;

    margin: 120px auto 3em;

    border-top: 1px solid #ccc;

  }



  .top-news__item {

    border-bottom: 1px solid #ccc;

    position: relative;

  }



  .top-news__item a {

    padding: 1em 0;

    text-decoration: none;

    display: block;

  }



  .top-news__item a:hover {

    opacity: 0.7;

  }



  .top-news__item p {

    width: 230px;

    position: absolute;

    top: 1em;

    left: 0;

  }



  .top-news__item .cat {

    width: 100px;

    margin-right: 1em;

    display: inline-block;

    text-align: center;

    color: #fff;

  }



  .top-news__item .cat.info {

    background-color: #9caa45;

  }



  .top-news__item .cat.news {

    background-color: #3a78a5;

  }



  .top-news__item .date {

	font-size: 16px;

	font-weight: bold;

	color: #008455;

    width: 118px;

	padding-left: 20px;

    display: inline-block;

  }



  .top-news__item .news-txt {

    padding-left: 160px;

  }



  .top-news__btn {

    text-align: center;

  }	

	

	

}





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



/*  TOP キーイメージ  */

  .topKeyimage__cont {

	width: 100%;

    padding-top: 42.2%;

    background: url("../images/main/bgKeyimage.jpg")no-repeat 50%;

    background-size: cover;

  }



  .topKeyimage .wrap {

    margin-top: -30.128%;

    display: block;

    padding: 30.128% 0 0 0;

  }



  .topKey-img1{

    width: 55%;

    position: absolute;

    top: -25%;

    left: 5%;

	pointer-events: none;

  }



  .topKey-img2{

    width: 80%;

    position: absolute;

    bottom: 10%;

    right: 5%;

	pointer-events: none;

  }	





/*  agent */

  .agent {

    padding: 30px 10px 0px;

    text-align: center;

    position: relative;

  }



  .agent-cont {

    margin: auto;

    position: relative;

  }

	

  .agent_box{

	margin: auto;

	margin-top: 30px;

	clear: both;

	overflow: hidden;

  }



  .agent-cont-img{

	width: 27%;

	margin-top: 95px;

	float: left;

  }



  .agent-cont-txt{

	width: 70%;

	line-height: 30px;

	text-align: left;

	font-size: 16px;

	font-weight: bold;

	float: right;

  }



  .agent-cont-txt strong{

	color: #008455;

	font-size: 20px;

	font-weight: bold;

  }



/*================汎用タイトル=====================*/	



  .cont-ttl {

	  padding: 10px 0px;

    text-align: center;

    color: #fff;

    font-weight: bold;

    font-size: 1.428em;

    background: #008455;

  }

	

  .ttl-deco{

	position: absolute;

	left: 42.7%;

	width: 60px;

	border-top: 20px solid #008455;

  	border-right: 30px solid transparent;

  	border-left: 30px solid transparent;

  }		

	

	

	

/*=================ユーテックの人材サービス====================*/	

/* service*/



 .service {

    padding: 0px 0px 40px;

    text-align: left;

    position: relative;

    background: url("../images/common/bgCommon.jpg");

    background-size:auto;

  }	



   

  .service-cont {

    width: 100%;

	display: block;

	margin-top: 80px;

	clear: both;

	overflow: hidden;

  }

	

	.service li {

	width: 100%;

	display: inline-block;

  }



	.service-cont-right{

		margin-top: 60px;

	}

	

  .service li h2 {

	margin: 25px 0px;

    padding: 5px 0px 0px 10px;

    color: #333;

    font-size: 23px;

    font-weight: bold;

	border-left: 10px solid #008455;

  }

	

  .service li p {

    text-align: left;

  }

	

  .service-list li{

	  font-size: 18px;

	  font-weight: bold;

	  width: 477px;

	  margin-left: 23px;	  

	}

	

/*  business  */



	.business{

	  width: 100%;

	  margin:115px auto 0px;

	/*

	  clear: both;

	  overflow: hidden;*/

	}

	

	.business_inner{

		padding-top: 35px;

	}

	

	.business h3{

		width: 100%;

		margin: auto;

	}

	

	.business-cont-left{

		display:inline-block;

		margin-bottom: 15px;

		font-size: 16px;

		line-height: 25px;

	}

	

	.business-cont-left p +p{

		margin-top: 20px;

	}

	

	.business-cont-left strong{

		font-size: 20px;

		font-weight: bold;

		color: #008455;

	}
	

	
	.bus-comment{

		font-size: 14px;

		line-height: 25px;
		
		margin-bottom: 10px;
	}

	

	.business-cont-right{

		display:inline-block;

		margin-left: 15%;
	}

	

/*  expert  */

	.imgexpertsp{

		width: 100%;

		background:url("../images/service/imgExpertSP.jpg") no-repeat;

		display: block;

	}

	

	

	.expert{

		width: 100%;

		padding:30px 0px 13px;

	}

	

	

	.expert-cont-left{

		width: 100%;

		font-size: 16px;

	}	

	

	.expert-cont-left img{

		margin-right: 10px;

	}	

	

	.expert-com1{

		display: inline-block;

		line-height: 30px;

		font-size: 18px;

		font-weight: bold;

		margin-top: 15px;

		

	}


	.expert-com1 a{
		
		text-decoration: none;
	}
	
	

	.expert-com2{

		display: inline-block;

		line-height: 20px;

		font-size: 18px;

		font-weight: bold;

		margin-top: 20px;

	}


	.expert-com2 a{
		
		text-decoration: none;
	}
	

	.expert-com3{

		font-size: 14px;

		margin-top: 10px;

	}

	

	

	

	

/*=================お取引先・実績====================*/

	

	.performance{

		width: 100%;

		padding-bottom: 80px;

		background: #f6f6f6;

		font-size: 16px;

	}

	

	.performance .wrap{

		padding-top: 75px;

		

	}

	

	.performance table{

		padding-top: 55px;

		width: 100%;

		margin: auto;

	}

	

	

	.top-table th{

		display: block;

		color: #FFFFFF;

		background-color: #434343;

		width: 100%;

		padding: 13px 0px;

	}

	

	.top-table td{

		display: block;

		background-color: #FFFFFF;

		width: 100%;

		text-align: center;

		padding: 13px 0px;

	}



	.performance .under-table th{

		display: block;

		background-color: #434343;

		color: #FFFFFF;

		padding: 13px 0px;

	}

	

	.performance .under-table td{

		display: block;

		background-color: #FFFFFF;

		padding: 13px 0px 13px 10px;

	}

	

	

	.keisyou{

		float: right;

		margin: 8px 0px 0px 0px;

	}

/*=================会社案内====================*/



	.company-bg{

		width: 100%;

		background: url("../images/company/bgManagement.jpg") repeat;

		background-size: cover;

		padding-top: 2.5%;

		font-size: 16px;

	}	

	

	.company .wrap {

		display: block;

		padding-bottom: 11.1%;

	}

	

	

	.greeting{

		padding: 0px 0px 0px 0px;

	}

	

	.greeting-box{

		background: rgba(255, 255, 255, 0.8);

		

	}

	

	.greeting-box-inner{

		width: 100%;

		margin: auto;

		padding: 25px 10px 30px;

		clear: both;

		overflow: hidden;

	}

	

	

	.company-ttl{

		border-left: solid 10px #008455;

		line-height: 40px;

		padding-left: 15px;

		margin-bottom: 50px;

		font-size: 30px;

		font-weight: bold;

	}

	

	

	.greeting-box-inner h4{

		float: right;

		font-size: 18px;

		font-weight: bold;

		margin-top: 40px;

		text-align: right;

		line-height: 25px;

	}

	

	

/*  会社概要  */	

	

	.overview{

		margin-top: 60px;

		clear: both;

		overflow: hidden;

	}

	

	.overview .wrap {

		display: block;

		padding-bottom: 11.1%;

	}

	

	.overview-left{

		display: block;

		margin: auto;

		margin-bottom: 45px;

	}



	.overview-right{

		display: block;

	}

	

	.overview-right p{

		margin-top: 25px;

	}

	

	

/*  会社概要 テーブル */	

	.overview-table{

		width: 100%;

		margin:55px auto 0px;

		clear: both;

		overflow: hidden;

		font-size: 16px;

	}

	

	.overview-table tr{

		width: 100%;

	}

	

	.overview-table th{

		display: block;

		width: 100%;

		font-weight: bold;

		padding: 15px 0px 10px;

		text-align: center;

		background: #ecfaee;

	}

	

	.overview-table td{

		display: block;

		padding: 15px 13px 10px;

		text-align: left;

	}

	
	.yousel-link{
		font-weight: bold;
	}

	



/*=================求人情報====================*/

  .recruit {

    background: url("../images/common/bgCommon.jpg");

    background-size: auto;

	padding-bottom: 135px;

  }

	

	.recruit-txt{

		font-size: 18px;

		text-align: center;

		margin: 105px 0px 80px;

	}

	

	.indeed{

		width: 100%;

		background: #FFFFFF;

		padding: 1em;

	}

	.indeed .indeedjobs-widget {

		width: 100%;

	}

	 .indeed iframe {

		width: 100% !important;

	}

	

	.indeed p{

		width: 100%;

		font-size: 35px;

		color: #FF0004;

		margin: auto;

		text-align: center;

	}

	

/*=================お問い合わせ====================*/

  .contact .wrap{

	  padding: 100px 10px;

	  font-size: 16px;

  }

	

  .contact_txt{

	  margin-bottom: 40px;

  }

	

/*=================お問い合わせ入力フォーム====================*/

	

	

	.contact table{

		width: 100%;

		margin: auto;

		

	}



	

	.contact table tr{

		width: 100%;

		display: block;

		border-top: 1px solid #cccccc;

	}	

	

	

	.contact table tr:last-child{

		border-bottom: 1px solid #cccccc;

	}

	

	.contact table th{

		width: 100%;

		display: block;

		margin-left: 0px;

		padding-top: 12px;

		text-align: left;

	}

	

	.contactform-th-last{

		padding-top: 12px;

	}

	

	.contact table span{

		color: #FFFFFF;

		background: #FF0004;

		padding: 2px 7px;

		margin-right: 20px;

		font-size: 16px;

		font-weight: bold;

	}

	

	.contact td{

		width: 100%;

		display: block;

		padding: 12px 0px 9px;

	}	

	

	

	.contact table td p{

		font-size: 14px;

		color: #7c7c7c;

	}	

	

	.contactform-th{

		margin-left: 68px;

	}	

	

	

	label{

		font-size: 16px;

		font-weight: bold;

	}	

	

	

	table input{

		width: 100%;

		height: 30px;

		border-radius: 3px;

		border: solid 1px #cccccc;

	}

	

	select{

		width: 100%;

		height: 30px;

		color: #7c7c7c;

		border-radius: 3px;

		border: solid 1px #cccccc;

	}

	

	select option +option{

		color: #333333;

	}

	

	.contact-choice{

		color: #7c7c7c;

	}

	

	

	textarea{

		width: 100%;

		height: 165px;

		border-radius: 3px;

		border: solid 1px #cccccc;

	}

	

	button.submitbtn{

	width: 100%;

    padding: 15px 0px;

    font-size: 16px;

	font-weight: bold;

    background-color: #008455;

    color: #FFFFFF;

    border-style: none;

	border: 1px solid #cccccc;

	}

	

	.submitbtn:hover{

    background-color: #19603E;

	}

	

/*=================プライバシー====================*/	

	

	.privacy{

		background-color: #eeeeee;

		width: 100%;

	}

	

	

	

	.privacy .wrap{

		width: 100%;

		padding:45px 10px 115px;

	}

	

	

	.privacy-ttl{

		border-left: solid 10px #008455;

		line-height: 40px;

		padding-left: 15px;

		margin-bottom: 50px;

		font-size: 30px;

		font-weight: bold;

	}

	

	

	.agreement{

		width: 100%;

		margin-top: 20px;

		margin:auto;

		padding: 10px;

		background: #FFFFFF;

		border: 1px solid #dbdbdb;

		height: 160px;

		overflow: scroll;

		overflow-x: hidden;

	}	

	

	

	.privacy-txt{

		margin-bottom: 20px;

	}

	

	.agreement h4{

		font-size: 16px;

		font-weight: bold;

	}

	

	.agreement h4:nth-child(n+2):nth-child(-n+7){

		margin-top: 35px;

	}

	

/*=================新着情報====================*/



.top-news {

    padding: 40px;

    background-color: #f0f4f7;

  }



  .top-news__ttl {

    margin-bottom: 3em;

  }



  .top-news__list {

    width: 100%;

    margin: 60px auto 3em;

    border-top: 1px solid #ccc;

  }



  .top-news__item {

    border-bottom: 1px solid #ccc;

    position: relative;

  }



  .top-news__item a {

    padding: 1em 0;

    text-decoration: none;

    display: block;

  }



  .top-news__item a:hover {

    opacity: 0.7;

  }



  .top-news__item p {



    top: 1em;

    left: 0;

  }



  .top-news__item .cat {

    width: 100%;

    margin-right: 1em;

    display: inline-block;

    text-align: center;

    color: #fff;

  }



  .top-news__item .cat.info {

    background-color: #9caa45;

  }



  .top-news__item .cat.news {

    background-color: #3a78a5;

  }



  .top-news__item .date {

	font-size: 13px;

	font-weight: bold;

	color: #008455;

    width: 118px;

	padding-left: 0px;

    display: block;

  }



  .top-news__item .news-txt {

 display: block;
  }



  .top-news__btn {

    text-align: center;

  }	



}