@charset "utf-8";

/**************************************************************************************
内容
--------------------------------------------------------------------------------------
補足説明（無ければ記載なし）
***************************************************************************************/

/* 幅
========================================== */

.wrap960 {
	margin-left:auto;
	margin-right:auto;
}
.wrap960 {
	width:960px;
}
.inner {
	padding-left:15px; padding-right:15px;
}


/* グラデーションのボーダー
========================================== */

.borderGra {
	position:relative;
	margin-bottom:5px;
}
.borderGra:after {
	content:"";
	width:100%;
	height:5px;
	display:block;
	position:absolute;
	left:0;
	bottom:-5px;
	background:#2761ac;
	background:-moz-linear-gradient(left, #2761ac 0%, #a250ff 100%);
	background:-webkit-linear-gradient(left, #2761ac 0%,#a250ff 100%);
	background:linear-gradient(to right, #2761ac 0%,#a250ff 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2761ac', endColorstr='#a250ff',GradientType=1 );
}

/**************************************************************************************
ボタン
--------------------------------------------------------------------------------------

***************************************************************************************/

.btn {
	display:inline-block;
	border-radius:5px;
	padding:12px 1.5em;
}
.btn.btnNavy {
	background:#002863;
	color:#fff;
}
.btn.btnBl {
	background:#0068B1;
	color:#fff;
}
.btn.icArR {
	position:relative;
	padding-right:45px;
}
.btn.icArR:after {
	content:"";
	width:8px;
	height:8px;
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	display:block;
	transform:rotate(45deg);
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-4px;
}


/* ---------------------------
	トップページへ戻るボタン
----------------------------- */

.btnBack {
	padding:80px 0 120px;
	text-align:center;
}
.btnBack a {
	text-align:center;
	display:inline-block;
	background:#EEEEEE;
	color:#B4B4B4;
	width:340px;
	padding:20px;
	border-radius:5px;
	position:relative;
}
.btnBack a:after {
	top:50%;
	margin-top:-4px;
	content:'';
	width:8px;
	height:8px;
	display:block;
	border-top:2px solid #ccc;
	border-right:2px solid #ccc;
	transform:rotate(-135deg);
	position:absolute;
}

/* ---------------------------
	もっと見るボタン
----------------------------- */
.linkMoreWrap {
	text-align:center;
	padding:80px 0 110px;
}

/* ---------------------------
	横ナビリストの等分
----------------------------- */

ul.col04:after,
ul.col02:after,
ul.col:after {
		content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}

ul.col04 li , ul.col02 li ,
ul.col li {
	float:left;
}
ul.col04 li {	width:25%;}
ul.col02 li {	width:50%;}


/**************************************************************************************
テキスト
--------------------------------------------------------------------------------------

***************************************************************************************/

.txtCatch {
	font-size:40px;
	font-weight:bold;
	color:#1D1D1D;
	letter-spacing:0.1em;
	line-height:65px;
}
.txtBasic {
	font-weight:bold;
	font-size:18px;
	line-height:50px;
	color:#1D1D1D;
	letter-spacing:0.1em;
}

/**************************************************************************************
共通パーツ
--------------------------------------------------------------------------------------

***************************************************************************************/

#titHead {
	background:url(../img/common/bg_pagetit.jpg) no-repeat center;
	background-size:cover;
	min-height:200px;
}
#titHead p {
	font-weight:bold;
	font-size:40px;
	color:#fff;
	letter-spacing:0.2em;
	text-shadow:0px 3px 6px #000000;
	text-align:center;
	padding-top:67px;
}

/* ---------------------------
	パンクズナビ
----------------------------- */

ul.pNav {
	margin-top:21px;
	padding-bottom:21px;
}
ul.pNav:after {
	content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}
ul.pNav li {
	font-size:12px;
	float:left;
}
ul.pNav li + li {
	padding-left:20px;
}
ul.pNav li a {
	position:relative;
}
ul.pNav li a:after {
	content:'';
	position:absolute;
	width:6px;
	height:6px;
	display:block;
	border-right:2px solid #939BEF;
	border-bottom:2px solid #939BEF;
	transform:rotate(-45deg);
	right:-12px;
	top:50%;
	margin-top:-4px;
}

/* ---------------------------
	カテゴリーリンク　ページ上
----------------------------- */

ul.linkCate {
	border-bottom:1px solid #ccc;
	padding-bottom:26px;
	margin-top:25px;
}
ul.linkCate:after {
	content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}
ul.linkCate li {
	float:left;
	font-size:14px;
	padding-left:26px;
	margin-left:30px;
	position:relative;
}
ul.linkCate li + li {
	margin-left:84px;
}
ul.linkCate li a {
	font-weight:bold;
}
ul.linkCate li:before {
	content:'';
	position:absolute;
	width:18px;
	height:18px;
	background:#5662CB;
	display:block;
	left:-6px;
	top:50%;
	margin-top:-10px;
	border-radius:24px;
}
ul.linkCate li:after {
	content:'';
	position:absolute;
	width:4px;
	height:4px;
	display:block;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(-45deg);
	left:-1px;
	top:50%;
	margin-top:-4px;
}
ul.linkCate li.active a {
	color:#C33A48;
}
ul.linkCate li.active:before {
	background:#C33A48;
}
ul.linkCate li.active:after {
	transform:rotate(45deg);
	left:0;
	margin-top:-5px;
}
/* ---------------------------
	カテゴリーリンク　ページ下
----------------------------- */

.linkCateBottom {
	background:#EFEFEF;
	padding:50px 0;
	margin-top:80px;
}
.linkCateBottom ul {
	width:960px;
	margin:0 auto;
}
.linkCateBottom ul:after {
	content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}
.linkCateBottom ul li {
	border:#939BDE 1px solid;
	float:left;
	background:#fff;
}
.linkCateBottom ul li.active {
	background:#939BDE;
	color:#fff;
}
.linkCateBottom ul li.active a {
	color:#fff;
}
.linkCateBottom ul li:first-of-type {
	border-radius:10px 0 0 10px;
}
.linkCateBottom ul li:last-of-type {
	border-radius:0 10px 10px 0;
}
.linkCateBottom ul li + li {
	border-left:none;
}
.linkCateBottom ul li a {
	display:block;
	padding:24px;
	font-weight:bold;
	font-size:14px;
	letter-spacing:0.01em;
	position:relative;
}
.linkCateBottom ul li a:after {
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	display:block;
	border-right:2px solid #939BEF;
	border-bottom:2px solid #939BEF;
	transform:rotate(-45deg);
	right:24px;
	top:50%;
	margin-top:-5px;
}


/* comment */
/* ---------------------------
ページタイトル
----------------------------- */

dl.titPage {
	padding-top:160px;
	padding-bottom:33px;
}
dl.titPage dt {
	font-weight:bold;
	padding-left:50px;
	position:relative;
}
dl.titPage dt:after {
	content:"";
	width:38px;
	height:2px;
	background:#C33A48;
	display:block;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-2px;
}
dl.titPage dd {
	margin-top:42px;
	font-weight:bold;
	font-size:40px;
	letter-spacing:0.1em;
	color:#1D1D1D;
}
dl.titPage dd small {
	color:#C33A48;
	font-size:12px;
	font-weight:bold;
	display:block;
	margin-top:10px;
}

/* ---------------------------
 センタリングタイトル
----------------------------- */

dl.titCenter {
	text-align:center;
	margin-top:132px;
}
dl.titCenter dt {
	text-align:center;
	border-bottom:2px solid #707070;
	display:inline-block;
	font-weight:bold;
	font-size:32px;
	padding-bottom:20px;
	letter-spacing:0.2em;
}
dl.titCenter dd {
	text-align:center;
	margin-top:80px;
	font-weight:bold;
	font-size:24px;
	line-height:2.2;
	letter-spacing:0.1em;
}

#service dl.titCenter {
	padding-bottom:45px;
}
/*サービスではナンバーが付く*/
#service dl.titCenter dt span {
	display:block;
	text-align:center;
	color:#ccc;
	font-weight:bold;
	letter-spacing:0;
	padding-bottom:20px;
}
/*サービスではボーダーラインが付く*/
#service dl.titCenter dd p {
	display:inline-block;
	background:-webkit-linear-gradient(transparent 50%, #EEEFFF 50%);
	background:-o-linear-gradient(transparent 50%, #EEEFFF 50%);
	background:linear-gradient(transparent 50%, #EEEFFF 50%);
	font-weight:bold;
	padding:0 1em;
}


/* ---------------------------
	ベーシックなテーブル
----------------------------- */

.tableBasic {
	width:100%;
	border-top:1px solid #ccc;
}
.tableBasic tr {
	border-bottom:1px solid #ccc;
}
.tableBasic tr > th {
	background:rgba(230, 230, 230, 0.32);
	font-weight:bold;
	padding:25px;
	color:#1D1D1D;
}
.tableBasic tr > td {
	padding:25px;
}
#outline .tableBasic {
	margin-top:55px;
}
#outline .tableBasic tr > th {
	letter-spacing:0.6em;
	width:230px;
}


/* 当社へ派遣のご依頼をお考えの方
========================================== */

#request {
	background:url(../img/common/bg_request.jpg);
	-webkit-background-size:cover;
	background-size:cover;
	padding:80px 0;
}
#request p.tit {
	color:#fff;
	font-size:30px;
	font-weight:bold;
}
#request p.tit small {
	color:#fff;
	display:block;
	font-size:14px;
	margin-top:8px;
}
#request dl.tel {
}
#request dl.tel dt {
	font-size:18px;
	font-weight:bold;
	margin-top:34px;
	color:#fff;
	letter-spacing:0.2em;
}
#request dl.tel dd {
	margin-top:32px;
	border:1px solid #fff;
	padding:25px 32px;
	width:716px;
}
#request dl.tel dd:after {
	content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}
#request dl.tel dd .company {
	font-weight:bold;
	color:#fff;
	float:left;
}
#request dl.tel dd .number {
	font-size:30px;
	font-weight:bold;
	color:#fff;
	float:left;
	background:url(../img/common/ic_tel.png)no-repeat;
	-webkit-background-size:32px;
	background-size:32px;
	padding-left:42px;
	margin-left:32px;
	line-height:1;
	padding-top:2px;
}
#request dl.tel dd .number small {
	color:#fff;
	font-size:14px;
	display:block;
	margin-top:8px;
}