@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: #1fbaaa;
		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: #183171;
    	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;
    transform: rotate(45deg);
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 30;
  }

  #page-top a{
		display: block;
		padding: 25px;
    	background-color: #183171;
    	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%;
  }
	
	

   #topKey-img {
	width: 100%;
	z-index: 101;
	position: absolute;
	display: block;
	top: 0px;
	padding-top: 14%;
	left: 14%;
	pointer-events: none;
  }

/*=================プロフェッショナル軍団====================*/
  .professional {
	background:url("../images/main/bgSubKeyimages.jpg")repeat;
	background-size: cover;
    text-align: center;
	padding: 167px 0px;
	margin-bottom: 55px;
  }
  .professional: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;*/
  }


  .professional-cont {
    max-width: 921px;
    margin:auto;
    position: relative;
  }
	
  .professional_box{
	margin: auto;
	padding-top: 50px;
	clear: both;
	overflow: hidden;
  }

  .professional-cont-txt{
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
  }

	

/*=================汎用タイトル====================*/	
  .cont-ttl {
	width: 100%;
	padding: 10px 0px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    background: #183171;
  }
	
  .ttl-deco{
	position: absolute;
  	left: 0;
  	right: 0;
  	margin: auto;
	width: 125px;
	border-top: 35px solid #183171;
  	border-right: 62px solid transparent;
  	border-left: 62px solid transparent;
  }	

/*=================ユーテックの人材サービス====================*/	
/*  engineer  */
  .engineer {
    background: url("../images/common/bgCommon.jpg");
    background-size: auto;
	padding-bottom: 135px;
  }
   
  .engineer-cont {
    width: 100%;
	display: block;
	margin-top: 80px;
	clear: both;
	overflow: hidden;
  }
	.engineer li {
	width: 500px;
	display: inline-block;
  }

  .engineer-cont-left{
	  float: left;
  }		
	
  .engineer-cont-right{
	  float: right;
  }	

 
  .engineer li h2 {
	margin: 25px 0px;
    padding: 5px 0px 0px 10px;
    color: #333;
    font-size: 23px;
    font-weight: bold;
	border-left: 10px solid #1f3f8b;
  }
	
  .engineer li p {
    text-align: left;
	font-size: 16px;
  }
	
  .engineer-list li{
	  font-size: 18px;
	  font-weight: bold;
	  width: 477px;
	  margin-left: 23px;	  
	}
		
/*  business  */

	.business{
	  width: 100%;
	  margin:115px auto 80px;
	  clear: both;
	  overflow: hidden;
	}
	
	.business_inner{
		padding-top: 35px;
	}
	
	.business_inner ul{
		width: 100%;
		display: block;
	}
	
	.engineer .business_inner li{
		width: 340px;
		float: left;
	}
	
	.engineer .business_inner li +li{
		margin-left: 20px;
	}
	
	.business h3{
		width: 197px;
		margin: auto;
	}
	
	
	.business h4{
		font-size: 25px;
		color: #183171;
		font-weight: bold;
		margin-top: 20px;
	}	
	
	.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;
	}
	
	.business-cont-right{
		display:inline-block;
		margin-left: 20px;
	}

/*  expert  */	
	.expert{
		width: 100%;
		background:url("../images/engineer/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-com2{
		line-height: 20px;
		font-size: 20px;
		font-weight: bold;
		margin-top: 20px;
	}
	
	.expert-com3{
		font-size: 14px;
		margin-top: 10px;
	}
	
	
/*　受注実績　*/
	
	.performance{
		padding-top: 50px;
		padding-bottom: 80px;
		width: 990px;
		display: block;
		margin: auto;
	}
	
	.performance h3{
		width: 197px;
		margin: 70px auto 40px;
	}
	
	.performance-list{
		width: 990px;
		font-size: 16px;
	}
	
	.top-list{
		width: 990px;
		background-color: #434343;
		font-weight: bold;
		display: table;
	}
	
	
	.top-list .syu{
		display: table-cell;
		color: #FFFFFF;
		background-color: #434343;
		width: 140px;
		padding: 13px 0px;
		text-align: center;
	}
	
	.top-list .juchu{
		display: table-cell;
		color: #FFFFFF;
		background-color: #434343;
		width: 235px;
		padding: 13px 0px;
		text-align: center;
	}
	
	.top-list .ken{
		display: table-cell;
		color: #FFFFFF;
		background-color: #434343;
		width: 615px;
		padding: 13px 0px;
		text-align: center;
	}
	
	
	.syu-name{
		display: table-cell;
		width: 140px;
		padding: 11px 0px;
		text-align: center;
		float: left;
	}
	
	.juchu-name{
		display: table-cell;
		width: 235px;
		padding: 11px 0px 11px 35px;
		text-align: left;
		float: left;
	}
	
	.ken-name{
		display: table-cell;
		width: 615px;
		padding: 11px 0px 11px 30px;
		float: right;
		float: left;
	}
	
	
	.under-listB{
		clear: both;
		overflow: hidden;
		background-color: #FFFFFF;
	}
	
	.keisyou{
		float: right;
		margin: 8px 0px 0px 0px;
	}

/*=================会社案内====================*/
	
	.company .wrap {
		display: block;
		padding-bottom: 11.1%;
	}
	
	
	.greeting{
		font-size: 16px;
		padding: 35px 0px 0px 0px;
	}
	
	.greeting-box{
		padding-top: 25px;
		clear: both;
		overflow: hidden;
		
	}

	.greeting-box h4{
		float: right;
		font-size: 18px;
		font-weight: bold;
		margin-top: 40px;
	}
	
	
	.company-ttl{
		border-left: solid 10px #1f3f8b;
		line-height: 40px;
		padding-left: 15px;
		margin-bottom: 50px;
		font-size: 30px;
		font-weight: bold;
	}
	


	
	
/*  会社概要  */	
	
	.overview-box{
		width: 1061px;
		margin-top: 205px;
		display: block;
	}
	
	.overview-left{
		display: inline-block;
		margin-left: 70px;
	}

	.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{
		line-height: 30px;
		padding: 15px 25px 10px 30px;
	}
	
	.overview-table tr:nth-child(odd){
		background: #f2f8fc;
	}
	
	.overview-table th{
		width: 145px;
		font-weight: bold;
	}
	
	.overview-table ul li{
		display: inline-block;
	}
	
	.overview-table ul li +li{
		margin-left: 4em;
	}

	
	.youtec-link{
		font-weight: bold;
	}
	
	
	
	
/*  経営方針  */
	
	
	
	.guidelines{
		width: 100%;
		background:url("../images/company/bgManagement.jpg") no-repeat 100%;
		background-size: cover;
	}
	
	.guidelines h3{
		font-size: 20px;
		margin-bottom: 25px;
	}
	
	.guide-ttl{
		width: 509px;
		margin-left: 25%;
		margin-top: 60px;
		margin-bottom: 120px;
	}
	
	.guide-box{
		width: 1061px;
		display: block;
		clear: both;
		overflow: hidden;
	}
	
	.guide-boxleft{
		width: 500px;
		display: inline-block;
		float: left;
		background: rgba(255, 255, 255, 0.8);
	}
	
	.guide-boxleft p{
		padding-bottom: 65px;
	}
	
	.guide-boxright{
		width: 500px;
		display: inline-block;
		float: right;
		background: rgba(255, 255, 255, 0.8);
	}
	
	.guide-boxright img{
		margin-right: 10px;
		float: left;
	}
	
	.guide-boxright ul li{
		line-height: 35px;
	}
	
	.guide-boxright li +li{
		margin-top: 30px;
	}
	
	.guide-boxright p {
		text-align: left;
	}
	
	.guide-box-inner{
		padding: 45px 40px;
	}	
	
/*=================お問い合わせ====================*/
  .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: #1f3f8b;
    color: #FFFFFF;
    border-style: none;
	border: 1px solid #cccccc;
	}
	
	.submitbtn:hover{
    background-color: #222A3E;
	}	
	
/*=================プライバシー====================*/	
	
	.privacy{
		background-color: #eeeeee;
		width: 100%;
	}
	
	
	
	.privacy .wrap{
		width: 960px;
		padding:45px 0px 115px;
	}
	
	
	.privacy-ttl{
		border-left: solid 10px #1f3f8b;
		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: #1f3f8b;
    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 {
    position: relative;
  }

   #topKey-img {
	width: 70%;
	display: block;
	position: absolute;
	top: 7%;
	bottom: 93%;
  	left: 13%;
  	transform: translate(0, -50%);
	pointer-events: none;
  }


/*  professional */
  .professional {
    padding: 30px 10px 0px;
	background: url("../images/main/bgSubKeyimages.jpg") no-repeat 30%;
	background-size: cover;
    text-align: center;
    position: relative;
  }

  .professional-cont {
    margin: auto;
    position: relative;
  }
	
  .professional_box{
	margin: auto;
	margin-top: 30px;
	clear: both;
	overflow: hidden;
  }

  .professional-cont-txt{
	width: 100%;
	line-height: 30px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	float: right;
  }

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

  .cont-ttl {
	padding: 10px 0px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.428em;
    background: #183171;
  }
	
  .ttl-deco{
	position: absolute;
	left: 42.7%;
	width: 60px;
	border-top: 20px solid #183171;
  	border-right: 30px solid transparent;
  	border-left: 30px solid transparent;
  }		
	
	
	
/*=================ユーセルの人材サービス====================*/	
/* engineer*/

 .engineer {
    padding: 0px 0px 40px;
    text-align: left;
    position: relative;
    background: url("../images/common/bgCommon.jpg");
    background-size:auto;
  }	

   
  .engineer-cont {
    width: 100%;
	display: block;
	margin-top: 80px;
	clear: both;
	overflow: hidden;
  }
	
	.engineer li {
	width: 100%;
  }
	
	.engineer li +li {
	width: 100%;
	margin-top: 20px;
  }

	.engineer-cont-right{
		margin-top: 60px;
	}
	
  .engineer li h2 {
	margin: 25px 0px;
    padding: 5px 0px 0px 10px;
    color: #333;
    font-size: 23px;
    font-weight: bold;
	border-left: 10px solid #183171;
  }
	
  .engineer li p {
    text-align: left;
  }
	
  .engineer-list li{
	  font-size: 18px;
	  font-weight: bold;
	  width: 477px;
	  margin-left: 23px;	  
	}
	
/*  business  */

	.business_inner ul{
		width: 100%;
		display: block;
	}
	
	.engineer .business_inner li{
		width: 100%;
		text-align: center;
	}
	
	.engineer .business_inner li +li{
		margin-top: 30px;
	}
	
	.business h3{
		width: 197px;
		margin: 70px auto 40px;
	}
	
	
	.business h4{
		font-size: 25px;
		color: #183171;
		font-weight: bold;
	}	
	
	
	
/*  expert  */
	.imgexpertsp{
		width: 100%;
		background:url("../images/engineer/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-com2{
		display: inline-block;
		line-height: 20px;
		font-size: 18px;
		font-weight: bold;
		margin-top: 20px;
		margin-left: 10px;
	}
	
	.expert-com3{
		font-size: 14px;
		margin-top: 10px;
	}
	
	
	
	
/*　受注実績　*/
	
	.performance{
		width: 100%;
		padding-bottom: 80px;
		background: #f6f6f6;
		font-size: 16px;
	}
	
	.performance h3{
		width: 197px;
		margin: 70px auto 0px;
	}
	
	.performance .wrap{
		padding-top: 75px;
		
	}
	
	.performance-list{
		width: 100%;
		font-size: 16px;
	}
	
	.syu-sp{
		display: inline-block;
		color: #FFFFFF;
		background-color: #434343;
		width: 50%;
		padding: 7px 0px;
		text-align: center;
	}
	
	.juchu-sp{
		display: inline-block;
		color: #FFFFFF;
		background-color: #434343;
		width: 50%;
		padding: 7px 0px;
		border-left:solid 1px #FFFFFF;
		float: right;
		text-align: center;
	}
	
	.ken-sp{
		display: block;
		color: #FFFFFF;
		background-color: #434343;
		width: 100%;
		padding: 7px 0px;
		text-align: center;
	}
	
	
	
	
	.syu-name{
		display: inline-block;
		width: 50%;
		padding: 11px 0px;
		text-align: center;
	}
	
	.juchu-name{
		display: inline-block;
		width: 50%;
		padding: 11px 0px;
		float: right;
		text-align: center;
	}
	
	.ken-name{
		display: block;
		width: 100%;
		padding: 11px 0px;
		text-align: left;
	}

	.under-listA{
		margin-bottom: 30px;
	}
	
	.under-listB{
		background-color: #FFFFFF;
		padding-bottom: 30px;
	}
	
	
	#list-none{
		display: none;
	}
	
	
	.keisyou{
		float: right;
		margin: 8px 0px 0px 0px;
	}
	
/*=================会社案内====================*/	
	.company .wrap {
		display: block;
		padding-bottom: 11.1%;
	}
	
	.greeting-box{
		margin-top: 60px;
		margin-bottom: 30px;
		clear: both;
		overflow: hidden;
		
	}
	
	
	.company-ttl{
		border-left: solid 10px #1f3f8b;
		line-height: 40px;
		padding-left: 15px;
		margin-bottom: 50px;
		font-size: 30px;
		font-weight: bold;
	}
	
	
	.greeting-box h4{
		float: right;
		font-size: 18px;
		font-weight: bold;
		margin-top: 40px;
		text-align: right;
		line-height: 25px;
	}
	
	
/*  会社概要  */
	
	.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%;
		vertical-align: top;
	}
	
	.overview-table th{
		display: block;
		width: 100%;
		font-weight: bold;
		padding: 15px 0px 10px;
		text-align: center;
		background: #f2f8fc;
	}
	
	.overview-table td{
		display: block;
		padding: 15px 13px 10px;
		text-align: left;
	}

	
	.youtec-link{
		font-weight: bold;
	}
	
/*  経営方針  */
	
	
	
	.guidelines{
		width: 100%;
		background:url("../images/company/bgManagement.jpg") no-repeat 50%;
		background-size: cover;
	}
	
	.guidelines h3{
		font-size: 20px;
		margin-bottom: 25px;
	}
	
	.guide-ttl{
		width: 80%;
		margin: 30px 10% 60px;
	}
	
	.guide-box{
		width: 100%;
		display: block;
		clear: both;
		overflow: hidden;
	}
	
	.guide-boxleft{
		width: 100%;
		display: inline-block;
		float: left;
		background: rgba(255, 255, 255, 0.8);
	}
	
	.guide-boxleft p{
		padding-bottom: 56px;
	}
	
	.guide-boxright{
		margin-top: 20px;
		width: 100%;
		display: inline-block;
		float: right;
		background: rgba(255, 255, 255, 0.8);
	}
	
	.guide-boxright img{
		margin-right: 10px;
	}
	
	.guide-boxright ul li{
		line-height: 25px;
	}
	
	.guide-boxright li +li{
		margin-top: 30px;
	}
	
	.guide-boxright p {
		width: 75%;
		float: right;
	}
	
	.guide-box-inner{
		padding: 10px;
	}

	
/*=================お問い合わせ====================*/
 .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: #1f3f8b;
    color: #FFFFFF;
    border-style: none;
	border: 1px solid #cccccc;
	}
	
	.submitbtn:hover{
    background-color: #222A3E;
	}
	
	
	
	
	
/*=================プライバシー====================*/	
	
	.privacy{
		background-color: #eeeeee;
		width: 100%;
	}
	
	
	
	.privacy .wrap{
		width: 100%;
		padding:45px 10px 115px;
	}
	
	
	.privacy-ttl{
		border-left: solid 10px #1f3f8b;
		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: #1f3f8b;
    width: 118px;
	padding-left: 0px;
    display: block;
  }

  .top-news__item .news-txt {
   display: block;
  }

  .top-news__btn {
    text-align: center;
  }	

}


/*=================スライダーヘッダー====================*/

@media screen and (min-width: 768px) {
	.sildett_box{
    	margin-top: -55px;
    	margin-left: 65%;
		font-size: 25px;
		font-weight: bold;
		line-height: 55px;
		color: #FFFFFF;
	}
	
	
	.silde_title_a{
		width: 360px;
		padding: 20px 10px 15px;
		background-color: #029809;
		border-radius: 20px 20px 0px 0px;
	}
	.silde_title_b{
		width: 360px;
		padding: 20px 62px 15px;
		background-color: #2155cb;
		border-radius: 20px 20px 0px 0px;
	}
	.silde_title_c{
		width: 360px;
		padding: 20px 10px 15px;
		background-color: #b23600;
		border-radius: 20px 20px 0px 0px;
	}
}

@media screen and (max-width: 767px) {
	.sildett_box{
    	margin-top: -43px;
    	margin-left: 35%;
		font-size: 14px;
		font-weight: bold;
		line-height: 55px;
		color: #FFFFFF;
	}
	
	
	.silde_title_a{
		width: 10%;
		padding: 8px 10px 5px;
		background-color: #029809;
		border-radius: 10px 10px 0px 0px;
	}
	.silde_title_b{
		width: 10%;
		padding: 8px 45px 5px;
		background-color: #2155cb;
		border-radius: 10px 10px 0px 0px;
	}
	.silde_title_c{
		width: 10%;
		padding: 8px 10px 5px;
		background-color: #b23600;
		border-radius: 10px 10px 0px 0px;
	}
	
	
}