@charset "shift_jis";
/* CSS Document */




/* ----dispaly---- */
img.data_ex_imgpc{
	display:none;
}

img.data_ex_imgta{
	display:block;
	margin: 0 auto;
}

.none_tablet{
	display:none;
}

.none_pc{
	display:block;
}



/* ----container---- */
div#container {
  width: 100%;
}

/* ----コンテンツ用テーマ---- */
div.cT_n {
  border: 0px;
  padding: 40px 0;
  height: auto;
}

div#contents {
  padding: 5px 0;
  margin: 0 10px;
  
}

div.backsiro{
  padding: 10px 0 10px 20px;
  background-color: rgba( 254, 254, 254, 0.85);
  border-top: 1px solid #FF9D0E;
  border-bottom: 1px solid #FF9D0E;
}


/* ------------------------------
            コンテンツ
--------------------------------- */

/* ----contentsInner---- */
div#contentsInner {
  padding: 0;
  margin: 0 5px;
}

div#contents h2 {
  margin: 0 10px;
  padding-top: 10px;
  line-height:1;
}

span.h2Tab {
  margin: 10px 0;
  font-size: 20px;
}

span.h2Sub {
  padding-top: 15px;
}

div.contentsBox section {
  padding:20px 0 10px;
}

/* ----article---- */
article {
margin: 0 10px;
}
/*-----3つの特徴-----*/
div.data_ex_01 li{
	color:#fff;
	line-height:150%;
	font-size:15px;
}




/* ------------------------------
          contentsBox
--------------------------------- */
div.contentsBox h3.contentsTabORG {
padding:10px 0 5px 10px;
}

div.contentsBox span.contentsTabORG_s {
	  line-height:30px;
}




/*---------オフショア入力サービス---------*/

ul.list02 li img{
	max-width:99%;
	height: auto;
}


/*---------多様なサービス---------*/
ul.data_svcmenu_ul01{
	float: left;
	width:50%;
	margin-bottom:10px;
}

/*---------スリープログループ会社概要---------*/
div.data_ex02 ul{
	padding:0;
}

ul.data_comp_ul01 li.datacomp_li01{
	float:none;
	width:100%;
	background-image:url(../../img/index/contents_back.png);
}

ul.data_comp_ul01 li.datacomp_li02{
	margin-left:0px;
}

ul.data_comp_ul01 li.datacomp_li03{
	border-top:2px solid #ccc;
}

/*----------申込フォーム----------*/
div.formBox {
	padding:10px;
}


div.form01{
	text-align:center;
	margin:0 auto;
	max-width:100%;
}

div.form01 dl{
	text-align:left;
	margin-top:20px;
}

div.form01 dt{
	float:none;
	width:100%;
	margin-bottom:0px;
}

div.form01 dd{
	margin-left:0;
	margin-bottom:10px;
	padding-bottom:10px;
	  border-bottom: 1px dashed #CCC;

}

dd input,
dd textarea{
	 width: 100%;
} 



 /* ----footer---- */




div.footerContainer {
text-align:center;
max-width:100%;
}

div.footerBottomL,
div.footerBottomR {
margin:0 auto;
text-align:center;

float:none;
width:100%;
}

div.footerBottomL{
	margin-bottom:10px;
}


ul.footerNavBottom{
	margin:0 10px 50px;
	text-align:center;
}

ul.footerNavBottom li {
float:left;
width:49%;
text-align:center;
padding:5px 0;
border-top:1px solid #aaa;
border-bottom:1px solid #fff;
border-left:1px solid #aaa;
border-right:1px solid #fff;
background-color:#E7E7E7;
}

/* ----pageTop---- */
#pageTop {
  position: fixed;
  bottom:0px;
  right: 0px;
  width: 100%;
  text-align: center;
}

#pageTop a{
  display:block;
  background:#FD8D20;
  width: 100%;
  text-align: center;
  padding: 5px 0;
}

#syuhuGo{
  width: 100%;
  text-align: center;
 position: fixed;
  bottom:35px;
}

#syuhuGo a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 5px 0;
}