/* カスタム CSS をここに入力してください */

/*-----------------------------
 * ===CommonSettings===
-----------------------------*/

/*-----------------------------
 * PCとスマホと印刷の表示切替
-----------------------------*/
/* パソコンでのみ表示 */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマホでのみ表示 */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
/* 印刷は"sp"のclassがついた画像を表示 */
@media print{
.pc { display: none !important; }
.sp { display: block !important; }
}

/*埋め込み用(PCもスマホも非表示)*/
.nondis {
	display:none !important;
}

/*-----------------------------
 * 印刷対応
-----------------------------*/

/*ヘッダ表示*/

@media print{
    .navbar {
        display: block;
        position: unset!important;
    }
}

  
/*-----------------------------
 * hクラス調整
-----------------------------*/
h1 img{
	height:210px;
	width:auto;
}

@media only screen and (max-width: 750px) {
	h1 img{
	height:180px;
	}
}


/* 見出し2  テーマスタイルを調整*/
.mainSection-title, h2 {
    background-color: transparent;
    padding:0;
    border-top: none;
    border-bottom: none;
}

h3 {
    display: block;
    font-weight: bold;
    border-bottom: 2px solid #002f7b;
    font-size: 1.25rem;
    margin-bottom: 20px;
}

h4 {
    background: #E0E7F2;
    border-left: 15px solid #09489C;
    font-size: 1.1em;
	font-weight: bold;
    padding: 0.5em;
}

/*-----------------------------
 * 背景画像
-----------------------------*/

/*背景画像を追加*/

#wrapper {
    width: 100%;
	background: url(http://www.u-technosolutions.u-tc.co.jp/images/bg_right.png) repeat;
    background-repeat: no-repeat;
    background-position: top right;
		background-size: contain;
}

@media print{
	#wrapper {
	background: url(http://www.u-technosolutions.u-tc.co.jp/images/bg_right.png) repeat!important;
	}
}




/*-----------------------------
 * 基本表示エリア調整
-----------------------------*/

div#main {
    width: 100%!important;
}

.container {
    position: relative;
    max-width: 1000px!important;
    margin: 0 auto;
    width: 90%;
	padding-right: 0px;
	padding-left: 0px;
}

.col{
	padding-right: 0px;
    padding-left: 0px;
}

.col-md-8{
	width:100%!important;
}


/*-----------------------------
 * hクラス調整
-----------------------------*/

/*ヘッダ下の隙間調整*/
.page-header {
    border-bottom: 1px;
}

/*トップページ以外のデフォルトタイトルを非表示*/
.page-header .container{
	display:none;
}
/*各ページのタイトル用*/
.ttl{
    background: #5083c1;
    background: linear-gradient(to right, #2464b2 0%, #2482b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5083c1', endColorstr='#509cc2',GradientType=1 );
    padding: 10px 55px;
    margin-left: -32px;
    opacity: .8;
    transform: skewX(15deg);
    position: relative;
		margin-bottom: 20px;
	  max-width: 102.5%;
}

@media screen and (min-width: 768px){
.ttl:before {
    position: absolute;
    content: '';
    left: -1px;
    top: 0px;
    height: 0;
    border: none;
    border-left: solid 40px #fff;
    border-bottom: solid 150px transparent;
}
}
	
.ttl h2,.ttl h1{
	transform: skewX(-15deg);
	font-size: 1.75rem;
	color: #fff;
	font-weight: bold;
}




@media screen and (max-width: 767px){
.ttl{
    transform: skewX(0deg);
    margin: 0 0 20px;
    padding: 12px 20px;
}
.ttl h2,.ttl h1 {
    font-size: 1.25rem;
    transform: skewX(0deg);
}
}


/*-----------------------------
 * アンカー
-----------------------------*/

/* ■■■アンカー用オフセット調整(ヘッダー分シフト) ■■■*/
div.anchor{
    display: block;
    padding-top: 125px!important;
    margin-top: -125px;
}
@media screen and (max-width: 1250px){
    div.anchor{
        display: block;
        padding-top: 180px!important;
        margin-top: -180px;
    }
}

/*-----------------------------
 * パンくずリスト
-----------------------------*/
/*パンくず上の調整*/
.page-header{
	margin-top:100px;
}

.section page-header{
	margin-top:90px!important;
}

/*パンくずリストの整理*/
.breadSection{
	color: #FFFFFF;
	background-color:#002f7b;
}

.breadSection .breadcrumb>li+li:before {
    content: ">";
}

.breadcrumbs a{
	color: white;
}

/*Homeを白にする*/
.breadSection .breadcrumb a {
    color: white; 
/*    padding-bottom: 2px;*/
}

/*-----------------------------
 * マージン処理
-----------------------------*/
/*ulに対するマージ処理(ウィジェット内li）*/
.widget ul {
    margin-top: 0;
    margin-bottom: 0!important;
    margin-left: 2rem;
    margin-right: 1rem;
}

/*liに対するマージ処理削除*/
li{
    margin-bottom: 0!important;
}

/*-----------------------------
 * ===Header===
-----------------------------*/
/*■■■ヘッダー背景色■■■*/
@media all{
	.siteHeader.navbar {
	background: linear-gradient(to right,#00aeef,#7ad6f7)!important;
	}
}


/*ヘッダーメニューを右寄せにする*/
@media (min-width: 1250px){
ul.gMenu {
    float: none;
    position: absolute;
    right: 0%;
/*    padding-right:30px;*/
		padding-top: 4px;
    display: block;
    text-align: center;
		font-size: 100%;
	}
}

ul.gMenu li a:hover { /* マウスオーバー時の文字色/背景色の設定 */
 background: none;
 color: #000;
 display:block;
 }

ul.gMenu>li>a:hover:after{
	content:none;
}

/*選択しているページのボーダーラインを白にする*/
@media (min-width: 992px){
    ul.gMenu>li>a:after {
	border-bottom:3px solid #FFFFFF;
    }
    /*TOPページは除外*/
    .home ul.gMenu>li>a:after {
        border-bottom:none!important;
        }
}


/*サブメニュー*/
ul.gMenu ul.sub-menu li a:hover {
	background-color:#00aeef!important;
}

/*ヘッダーのボーダーライン設定*/
.bar1 {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #004683;
  border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
	margin:0px;
}

/*ヘッダーのフォント表示*/
.p-header{
	padding: 0px;
	font-weight:bold; /* 太字にして */
	color : #000000!important;
	margin: 0px 0px 0px 2px;
	width : 500px!important;
	text-decoration: none!important;/* リンクの下線を消す */
}

/*ヘッダー左右のマージンを取る*/
.siteHeader .container{
	margin-left:0;
	margin-right:0;
}

/*ヘッダー右のロゴにPaddingをつける*/
.navbar-header{
	padding: 0px 0px 0px 5px;
}

/*ヘッダーロゴの下も、Paddingをつける*/
.headerSubIn{
	padding-left: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 20px;	
}

/*ヘッダーの幅を自動に変える*/
@media (min-width: 1250px){
.siteHeader .container {
	width: 98%;
	margin:0 auto;
  max-width: none!important;
}
}
/*更に調整中*/
@media (min-width: 992px){
    .navbar .siteHeader {
        overflow: visible;
        position: fixed;
        width: 100%;
        height: 90px;
        z-index: 5;
        top: 0;
    }
    }
    
 /* ヘッダーの幅調整 */   
        @media (min-width: 992px){
    .siteHeader .container {
        padding-top: 0;
        padding-bottom: 0;
    }
    }


.container>.navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}


@media (max-width: 991px){
.navbar-brand {
    padding: 0px;
}
}


@media (min-width: 768px){
.navbar>.container .navbar-brand{
    margin-left: 0px;
}
}

@media (max-width: 991px){
.navbar-brand img {
    margin: 0px;
}
}
	
@media (max-width: 991px){
.navbar-brand img {
    max-height: 36px;
		max-width: 276px;
}
}



/*-----------------------------
スマホ用ヘッダーメニュー
-----------------------------*/

/*ハンバーガーメニュー*/
.vk-mobile-nav-menu-btn {
	border:1px solid rgba(255,255,255,.0);
	background: url(http://www.u-technosolutions.u-tc.co.jp/images/menu-btn-open-b.svg) center 50% no-repeat;
}	
.vk-mobile-nav-menu-btn.menu-open,.vk-menu-acc .acc-btn-close{
	border:1px solid rgba(255,255,255,.0);
	background:url(http://www.u-technosolutions.u-tc.co.jp/images/menu-btn-close-w.svg) center 50% no-repeat
}
.vk-menu-acc .acc-btn {
	border:1px solid rgba(255,255,255,.0);
  background: url(http://www.u-technosolutions.u-tc.co.jp/images/menu-icon-open-white.svg) center 50% no-repeat;
	width:96%;
}



/*スマホ画面のヘッダーメニュー位置を右に移動する*/
.vk-mobile-nav-menu-btn {
	top:0px;
	right:0px;
	height:46px;
	width:46px;
	left:inherit;
}

.vk-mobile-nav{
	background-color:#004683;
	color:#FFF;
}

.vk-mobile-nav.vk-mobile-nav-open{
	width:70%;
	right:0%;
}

.vk-mobile-nav nav ul li a{
	color:#FFFFFF!important;
}


/*-----------------------------
 * ===Footer===
-----------------------------*/
/*==フッターのコピーライト削除==*/
footer .copySection p:nth-child(2) {
    display:none !important;
}

/*■■■フッター背景色■■■*/
footer { border-top: 3px solid #00aeef; background-color: #00aeef;} 

/*フッター左右のマージンを取る*/
.siteFooter .container{
	margin-left:0;
	margin-right:0;
}


footer{
	border-top:0!important;
	bottom:0;
	left:0;
	width:100%;
}

/*フッターの下線を消す*/
.footerMenu{
	border-bottom:0!important;
}



/*フッダーの幅を自動に変える*/
@media (min-width: 768px){
.siteFooter .container {
  width:auto; 
	max-width: none!important;
}
}

/*フッターのボーターラインを消す*/
@media (min-width: 768px){
	.footerMenu li a{
		border-left: 0!important;
	}
	.footerMenu li:last-child a{
		border-right:0!important;
	}
}

/*モバイルヘッダーメニューのロゴの位置を整える*/
.sow-image-container{
	margin-top:20px;
	margin-bottom:-10px;
}




/*-----------------------------
 * ===TOP===
-----------------------------*/

/*上部の隙間調整*/
.home .siteContent {
    padding-top:0!important;
    }

/*新会社設立挨拶*/
h5.messagettl{
	margin-bottom: 0px;
	margin-left: -10px;
	margin-right: -10px; 
	text-align: center;
	color: #002f7b;
	font-size: 2rem;
}

@media only screen and (max-width: 750px) {
h5.messagettl{
	font-size:1.25rem;
}
}

/*事業紹介*/

/*タイトル部分の調整（高さ合わせ）*/
@media screen and (min-width:780px) and ( max-width:1068px){
    h2.biz_box-ttl_custom {
        min-height:100px;
    }
}


@media screen and (min-width: 768px){
    .biz_box_custom {
        background: #fff;
    }

    .biz_box-ttl_custom {
        padding: 20px 15px 20px;
	    padding: 0px 15px 0px;
        min-height: 65px;
		max-height: 160px;
        color: #207fcc;
        font-size: 1.25rem;
		margin: auto!important;
    }

    .biz_box-img {
		margin:0 auto!important;
		object-fit: cover;
    }
}

    .biz_box_custom {
	    max-width: 300px;
	    border: solid  1px #002f7b;
	    margin:0 auto;
    }

    .biz_box-ttl_custom {
        padding: 20px 15px 20px;
	    min-height: 65px;
	    max-height: 160px;
        color: #207fcc;
        font-size: 1.25rem;
	    margin:0 auto!important;
	    background: #fff
    }

    .biz_box-img{
	    margin:0 auto!important;
	    object-fit: cover;
    }


/*社長*/
.president{
	display: table;
	margin-left:auto;	
	margin-bottom:30px;
}

.president span:first-child {
	display: table-cell;
	font-size:1.25rem;
	vertical-align:bottom;
}

.president span:last-child img{
	margin-bottom:0px;
	float:none;
}

@media only screen and (max-width: 750px) {
.president span:first-child {
	font-size:1rem;
	}
.president img{
	height:26px;
	width:auto;
	}
}

/*-----------------------------
 * ===会社概要===
-----------------------------*/





/*-----------------------------
 * ===事業内容===
-----------------------------*/


/*小見出し(システム開発)*/
.mainbox {
    padding: 0.5em 1em;
    margin: 1px 1px 5px 1px;
    font-weight: bold;
    color: #ffffff;/*文字色*/
    background: #0064c8;
/*    border: solid 3px #0064c8; */
    border-radius: 10px;/*角の丸み*/
}
.mainbox p {
    margin: 0; 
    padding: 0;
}





/*表*/

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

/*「lighter」を矯正*/
.table th, table th {
    font-weight: bold;
}

/*線と文字の間(padding)を統一*/
.table tbody tr td, .table tbody tr th, .table td, .table th, .table thead tr td, .table thead tr th, table tbody tr td, table tbody tr th, table td, table th, table thead tr td, table thead tr th {
    padding: 1em;
		border-bottom: none;
}

/*フォントサイズの調整*/
th {
    text-align: left;
    padding: 20px 0 20px 30px;
    vertical-align: middle;
}

td {
    padding: 10px 10px;
    vertical-align: middle;
    width: 40%;
}

tr th,tr td{
	    font-size: 1em;
} 


#profile .profile_table {
    margin-bottom: 30px;
}

#profile .profile_table th {
    width: 40%;
    min-width: 150px;
    font-size: 1.25rem;
    font-weight: bold;
    text-align: left;
    padding: 20px 0 20px 30px;
    vertical-align: middle;
}

tr {
    border-bottom: 1px solid #2b68b1;
}







/*-----------------------------
 * ■■■人材派遣サービス■■■
-----------------------------*/
/* マージン処理 */
.row-margin{
	margin-bottom: 200px;
}

/*-----------------------------
 * お問い合わせページ関連
-----------------------------*/
/* Contact Form 7カスタマイズ */
/* 見出し欄 */
.inquiry th {
 text-align: left;
 font-size: 14px;
 color: #444;
 padding-right: 5px;
 width: 30%;
	min-width: 15em;
 background:#f7f7f7;
 border: solid 1px #d7d7d7;
}

/* 通常欄 */
.inquiry td {
 font-size: 13px;
 border: solid 1px #d7d7d7;
}

/* 必須の調整 */
.haveto {
    font-size: 90%;
    padding: 0.6em;
    background: #DC143C;
    color: #fff;
    border-radius: 2px;
    margin-right: 1em;
    position: relative;
    bottom: 1px;
}
/* 任意の調整 */
.any {
	  font-size: 90%;
    padding: 0.6em;
    background: #93c9ff;
    color: #000;
    border-radius: 2px;
    margin-right: 1em;
    position: relative;
    bottom: 1px;
}

/*テキスト枠の幅を調整*/
.form-control{
	max-width:100%!important;
}
/*テキストボックス（可変）の調整*/
table tbody tr td .form-control{
	display: inline-block;
	max-width: 700px !important;
}

/* スマホContact Form 7カスタマイズ */
@media screen and (max-width: 739px) {
.inquiry th, .inquiry td {
 display:block;
 width: 100%!important;
 border-top: none!important;
}
.inquiry tr:first-child th {
 border-top: 1px solid #d7d7d7!important;
}
.soushinbtn{
 width:80%!important;
 margin-top: 30px;
}
}

/*-----------------------------
 * サイトポリシーページ関連
-----------------------------*/
/* タイトル */
.site-policy-title{
    text-align: center;
  padding: 3rem 0.5rem;
  position: relative;
  font-size: 2.5rem;
    color: #123e85;
  z-index: 0;
  margin: 1.4rem auto 1rem;
  letter-spacing: 0.08rem;
}

/* タイトル英語 */
.site-policy-en-title {
    text-align: center;
  display: block;
  font-size: 1rem;
    color: #123e85;
  font-weight: normal;
  font-family: "Droid Serif", "mymincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E" , "Times New Roman" , "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding-top: 0.2rem;
}

/* ページタイトル背景 */
.site-policy-title:before{
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #D5E0E5;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(15deg);
  -ms-transform: translate(-50%, -50%) rotate(15deg);
  transform: translate(-50%, -50%) rotate(15deg);
  z-index: -1;
}

/*リンク(サイトポリシーはこちら用)*/
.link_button {
    font-size: 14px;
    text-decoration: none!important;/*下線消す*/
    color: #333333;/*文字を濃いグレーに*/
    font-family:  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", Meiryo, "Meiryo UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/*フォント*/
  }
  
  /*アクティブ時のデザイン*/
  .link_button:active {
    color: #333333;/*文字を濃いグレーに*/
      text-decoration: none!important;/*下線を消す*/
  }
  
  /*以下カーソルを当てたとき*/
  .link_button:hover {
      color: blue;/*文字を青に*/
    background: transparent;/*背景色を設定*/
    text-decoration: none!important;/*下線を消す*/
  }
  
  /*以下訪問済みのデザイン*/
  .link_button:visited {
    color: #333333;/*文字を濃いグレーに*/
      text-decoration: none!important;/*下線を消す*/
  }

/*-----------------------------
 * 工場・工程関連開発ページ関連
-----------------------------*/

/*ページ内サブタイトル用*/
p.sub-title{
    color: #0070C0;
    font-size: 1.3rem;
	  font-weight: bold;
	  margin-bottom: 0!important
}

/*文章表示位置調整*/
p.indent{
    padding-left: 1rem;
	  margin-bottom: 0!important
}

/*-----------------------------
 * トップページの最新ニュース関連
-----------------------------*/

/* 最新ニュースリンク用*/
.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
/*  border-bottom: 1px solid #CCC; */
  padding: 20px 20px;
}
.news-list .item:first-child a{
  border-top: 1px solid #CCC;
}
.news-list .item .date{
  margin: 0;
  min-width: 120px;
  font-size: 16px;
  color: black;
  padding: 0 20px 0 0;
}
.news-list .item .category{
  margin: 0;
  min-width: 120px;
  padding: 0 20px 0 0;
}
.news-list .item .category span{
  background: #00F;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 16px;
  line-height: 1;
	color: white;
}
.news-list .item .title{
  margin: 0;
  width: 100%;
}
.news-list .item a:hover .title{
  color: #00F;
}

@media screen and (max-width: 767px){
.news-list .item a{
  flex-wrap: wrap;
}
.news-list .item .date{
  min-width: 100px;
}
.news-list .item .title{
  margin-top: 10px;
}
}

/* 装飾 */
 
*{
  box-sizing: border-box;
}
a{
  text-decoration: none;
}