/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 768px){
body{
	background:#f2f2f2;
	font-size:93%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#404040;
	word-wrap: break-word;
	-webkit-print-color-adjust: exact;
	min-width:1000px;
	}

img{
max-width: 100%;
height: auto;
width :auto;　
}

.section h2{
	font-size: 161%;
	padding: 20px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	font-weight:bold;
	line-height: 1;
}

/*===============================================
　　　　　　　　　　リンク
===============================================*/

a{
	color:#005bac;
	text-decoration:none;
	outline:none;
	}
	
a:hover{
	}
	
/*SPのみリンク*/
a.disabled {cursor: default;}

/*PC非表示*/
.pcNone{display:none;}

/* 外部White*/
.blank_w:before{
		background:url("/tcs/common/images/iconBlank_w.png") no-repeat;
		content:"";
		height:15px;
		width:15px;
		background-size:contain;
/*		vertical-align:middle;*/
		display:inline-block;
		margin-right:5px;
}

/*外部black*/
.blank_b:before{
		background:url("/tcs/common/images/iconBlank_b.png") no-repeat;
		content:"";
		height:15px;
		width:15px;
		background-size:contain;
/*		vertical-align:middle;*/
		display:inline-block;
		margin-right:5px;
}

/*外部Pink*/
.blank_p:before{
		background:url("/tcs/common/images/iconBlank_p.png") no-repeat;
		content:"";
		height:15px;
		width:15px;
		background-size:contain;
	/*	vertical-align:middle;*/
		display:inline-block;
		margin-right:5px;
}

/*外部Green*/
.blank_g:before{
		background:url("/tcs/common/images/iconBlank_g.png") no-repeat;
		content:"";
		height:15px;
		width:15px;
		background-size:contain;
/*		vertical-align:middle;*/
		display:inline-block;
		margin-right:5px;
}

/*キーYellow*/
.key_y:before{
		background:url("/tcs/common/images/iconKey_y.png") no-repeat;
		content:"";
		height:15px;
		width:11px;
		background-size:contain;
/*		vertical-align:middle;*/
		display:inline-block;
		margin-right:4px;
}

/*キーWhite*/
.key_w:before{
		background:url("/tcs/common/images/iconKey_w.png") no-repeat;
		content:"";
		height:15px;
		width:11px;
		background-size:contain;
/*		vertical-align:middle;*/
		display:inline-block;
		margin-right:4px;
}

/* 外部White 20px*/
.blank_w20:before{
		background:url("/tcs/common/images/iconBlank_w.png") no-repeat;
		content:"";
		height:18px;
		width:18px;
		background-size:contain;
/*		vertical-align:middle;*/
		display:inline-block;
		margin-right:5px;
}

/*外部footer用*/
.blank_f:before{
		background:url("/tcs/common/images/iconBlank_b.png") no-repeat;
		content:"";
		height:12px;
		width:12px;
		background-size:contain;
/*		vertical-align:middle;*/
		display:inline-block;
		margin-right:5px;
}



/*===============================================
　　　　　　　　　　全体
===============================================*/

#wrapper{
background: #f2f2f2;
margin:0 auto;
position:relative;
overflow:hidden;
}

/*===============================================
　　　　　　　　　ヘッダー
===============================================*/

#header .inner {
  /*position:absolute;*/
  width:100%;
  overflow: hidden;
  height:100px;
	background: #ffffff;
  /*background-image: -moz-linear-gradient(#000000, transparent);
  background-image: -webkit-linear-gradient(#000000, transparent);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(transparent));
  background-image: -o-linear-gradient(#000000, transparent);
  background-image: linear-gradient(#000000, transparent);*/
  z-index:9999;
  display:table;
}

#header .inner h1 {
  float: left;
  margin-bottom:0;
  line-height:30px;
  padding:36px 0 36px 24px;
}

#header .inner nav ul {
  float: right;
  margin: 0;
  padding-right:24px;
}

#header .inner nav ul li {
  float: left;
  margin-right: 48px;
  line-height:100px;
}

#header .inner nav ul li:last-child {
 	margin-right: 0px;
}

#header .inner nav ul li a {
  color: #333333;
  text-decoration: none;
}

#header .inner nav ul li a:hover{
  text-decoration: underline;
}

#header .inner nav ul li:nth-child(4) a{color: #6bb6bb;}
#header .inner nav ul li:last-child a{color: #e3ab30;}


#change {
  background: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
  z-index: 9999;
  height:100px;
  box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
}


#change .inner {
  position:absolute;
  width:100%;
  overflow: hidden;
}

#change .inner h1 {
  float: left;
  margin-bottom:0;
  line-height:30px;
  padding:36px 0 36px 24px;
}

#change .inner nav ul {
  float: right;
  margin: 0;
  padding-right:24px;
}

#change .inner nav ul li {
  float: left;
  margin-right: 48px;
  line-height:100px;
}

#change .inner nav ul li:last-child {
 	margin-right: 0px;
}

#change .inner nav ul li a {
  color: #333;
  text-decoration: none;
}

#change .inner nav ul li a:hover{
  text-decoration: underline;
}

#change .inner nav ul li:nth-child(4) a{color: #6bb6bb;}
#change .inner nav ul li:last-child a{color: #e3ab30;}

/*===============================================
　　　　　　　　　　メイン画像
===============================================*/

.mainPt{
	width:100%;
	/*height:800px;*/
	min-height : 100%;
	padding-top: 41.66%;
	background-position:50% 50%;
  	background:url(../../images/imgMain01.jpg) no-repeat;
	background-size: cover;
	position:relative;
	z-index:1;
	}

.mainPt div.mainCont{
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
  left: 0;
  right: 0;
  margin:auto;
  display:block;
  width:962px;
  padding:24px;
  
	}
	
.mainPt p{
	font-size:464%;
	color:#fff;
	font-family:"ヒラギノ明朝 W3 JIS2004";
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro";
  line-height:1;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  margin-bottom:24px;
	}
	
.mainPt p span.fs{
	font-size:74%;
	}
	
.mainPt span.mouse{
	width:48px;
	height:60px;
	background:url(../../images/icoScroll.png) no-repeat;
  margin:0 auto;
  position:absolute;
  left:0;
  right:0;
  bottom:60px;
	}

.mainPt h3{
	width:100%;
	padding:8px;
  	background:rgba(35,34,122,0.7);
	position:absolute;
	z-index:2;
	color:#fff;
	bottom:0;
	text-align:center;
	}

/*===============================================
　　　　　　　　　　お仕事を探す
===============================================*/

#searchWrap{
	background:url(../../images/imgBgSearch.gif);
	background-position:center top;
	padding:64px 0;
	margin-bottom:64px;
	}

h1{
	font-size:334%;
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	text-align:center;
	line-height:1;
	margin-bottom:24px;
	}
	
h1 span{
	font-size:35%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
	text-align:center;
	display:block;
	padding-top:12px;
	}
	
ul#searchCont{
	width:1000px;
	margin:0 auto 24px;
	}
		
ul#searchCont:after{
	content: '';
	clear: both;
	display: block;
	}		
	

ul#searchCont li{
	width:328px;
	height:328px;
	background:#fff;
	float:left;
	margin-right:8px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow:rgba(51, 46, 48, 0.1) 0px 0px 5px 2px;
	-webkit-box-shadow:rgba(51, 46, 48, 0.1) 0px 0px 5px 2px;
	-moz-box-shadow:rgba(51, 46, 48, 0.1) 0px 0px 5px 2px;
	overflow:hidden;
	}
ul#searchCont li:last-child{
	margin-right:0;
	}
	
ul#searchCont li h2{
	padding:18px 20px 18px 42px;
	line-height:1;
	color:#fff;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px; 
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow:hidden;/*勤務地選択ボックス用*/
	background:#a979ad url(../../images/icoSearch01.png) no-repeat;
	background-size:14px;
	background-position:20px center;
	}

ul#searchCont li:nth-child(2) h2{
	padding:18px 20px 18px 52px;
	background:#6bb6bb url(../../images/icoSearch02.png) no-repeat;
	background-size:22px;
	background-position:20px center;
	}
ul#searchCont li:nth-child(3) h2{
	padding:18px 20px 18px 52px;
	background:#e3ab30 url(../../images/icoSearch03.png) no-repeat;
	background-size:24px;
	background-position:20px center;
}

ul#searchCont li h2 span{
	font-size:153.9%;
	}
	
ul#searchCont li div{
	width:164px;
	height:90px;
	background:#fff;
	float:left;
	border-bottom:1px solid #f2f2f2;
	text-align:center;
	}
	
ul#searchCont li div:hover{
	background:#ca94ce;
	}
	
ul#searchCont li:nth-child(2) div:hover{background:#86cdd2;}
ul#searchCont li:nth-child(3) div:hover{background:#e4b44a;}
	
ul#searchCont li div:nth-child(even){
	width:164px;
	border-right:1px solid #f2f2f2;
	}

ul#searchCont li div:nth-last-child(2){
	border-bottom:none;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	}
	
ul#searchCont li div:last-child{
	border-bottom:none;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	}
	
ul#searchCont li div h3{
	font-size:153.9%;
	line-height:1;
	}
	
ul#searchCont li div h3 a{
	display:block;
	color:#a979ad;
	height:90px;
	padding-top:24px;
	}
	
ul#searchCont li:nth-child(2) div h3 a{
	display: block;
    height: 137px;
    padding-top: 60px;
	color:#6bb6bb;
	}

ul#searchCont li:nth-child(3) div h3 a{
	color:#e3ab30;
　　display: block;
    height: 137px;
    padding-top: 48px;
}


ul#searchCont li div h3 a:hover,
ul#searchCont li div h3 a:hover span{
	color:#fff;
	}
	
ul#searchCont li div h3 span{
	font-size:66%;
	display:block;
	line-height:1;
	padding-top:4px;
	color:#333;
	}
	
ul#searchCont li:nth-child(2) div,
ul#searchCont li:nth-child(3) div{
	width:164px;
	height:137px;
	background:#fff;
	float:left;
	border-bottom:1px solid #f2f2f2;
	text-align:center;
	}
	
.fs18{
	font-size:138.5%!important;
	}

ul#searchCont li:nth-child(3) div.last:hover{
	background-color: transparent; 
	}



/*===============================================
　　　　　　　　　　ボタン
===============================================*/
.button {
	display: inline-block;
	width: 280px;
	height: 48px;
	text-align: center;
	text-decoration: none;
	line-height: 48px;
	outline: none;
	-webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 5px #999999;
  -moz-box-shadow: 0px 0px 5px #999999;
  box-shadow: 0px 0px 5px #999999;
  font-size: 123.1%;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	 background: #cb5393;
	color: #fff;
}
.button:hover {
	background-color: #333;
}

.btnWrap {
  width:280px;
  margin:0 auto;
}

/*.btn {
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 5px #999999;
  -moz-box-shadow: 0px 0px 5px #999999;
  box-shadow: 0px 0px 5px #999999;
  color: #ffffff;
  font-size: 123.1%;
  background: #cb5393;
  padding: 16px 40px 16px 40px;
  text-decoration: none;
  text-align:center;
  display:block;
  line-height:1;
}

.btnGray {
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 5px #999999;
  -moz-box-shadow: 0px 0px 5px #999999;
  box-shadow: 0px 0px 5px #999999;
  color: #333333;
  font-size: 123.1%;
  background: #e4e4e4;
  padding: 16px 40px 16px 40px;
  text-decoration: none;
  text-align:center;
  display:block;
  line-height:1;
}
*/
.btn {
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 5px #999999;
  -moz-box-shadow: 0px 0px 5px #999999;
  box-shadow: 0px 0px 5px #999999;
  color: #ffffff;
  font-size: 123.1%;
	height:48px;
  background: #cb5393;
  padding:0 40px;
  text-decoration: none;
  text-align:center;
  display:block;
  line-height:48px;
  cursor:pointer;
	position:relative;
}

.btnGray {
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 5px #999999;
  -moz-box-shadow: 0px 0px 5px #999999;
  box-shadow: 0px 0px 5px #999999;
  color: #333333;
  font-size: 123.1%;
	height:48px;
  background: #e4e4e4;
  padding:0 40px;
  text-decoration: none;
  text-align:center;
  display:block;
  line-height:48px;
  cursor:pointer;
	position:relative;
}





.btn:hover{
	background:#333333;
}

.btnGray:hover{
	background:#333333;
	color:#ffffff;
}


/*===============================================
　　　　　　　　　　選ばれる理由
===============================================*/
div#reasonWrap{
	padding-top:64px;
	overflow: hidden;
	}

ul#reasonCont{
	width:100%;
	display:table;
	}
	
ul#reasonCont li img{
	width:100%;
	}

ul#reasonCont li h2{
	display:block;
	font-size:200%;
	text-align:center;
	line-height:1;
	padding-top:72px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	}
	
ul#reasonCont li span{
	display:block;
	font-size:40%;
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	text-align:center;
	line-height:1;
	padding-top:12px;
	}

.column li {
	position: relative;
	float: left;
	background:#222e41;
	width:50%;
	display:table-cell;
}

.column li div{
  	position: absolute;
 	top: 50%;
 	transform: translateY(-50%);
  left: 0;
  right: 0;
  
  margin:auto;
  width:400px;
  color:#fff;
	opacity: 1;
	z-index:1;
	background:url(../../images/icoReason01.png) no-repeat;
	background-position:center top;
}

.column li div.results{
	background:url(../../images/icoReason02.png) no-repeat;
	background-position:center top;
}

figure {
	width: 100%;
	margin: 0;
	padding: 0;
	background:#222e41;
	overflow: hidden;
}

/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0.5; 
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 1;
}

	
/*===============================================
　　　　　　　　　　お知らせ
===============================================*/

#infoWrap{
	background:#fff;
	padding:64px 0;
	}

ul#infoList{
	width:1000px;
	margin:0 auto 32px;
	}
	
ul#infoList li{
	border-bottom:1px solid #e3e3e3;
	padding:24px 0;
	}
	
ul#infoList li p{
	font-size:15px;
	}
	
ul#infoList li:first-child{
	border-top:1px solid #e3e3e3;
	}
	
ul#infoList li span{
	display:inline;
	}

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

ul#companyCont li h2{
	color:#fff;
	font-size:153.9%;
	line-height:1;
	background:#6bb6bb url(../../images/icoCmp01.png) no-repeat;
	background-size:100px;
	background-position:center top;
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display:block;
  width:200px;
  height:200px;
  padding-top:124px;
	}
	
ul#companyCont li h2{
	color:#fff;
	}
	
ul#companyCont{
	width:100%;
	overflow:hidden;
	}
	
ul#companyCont li{
	width:33.33%;
	text-align:center;
	border-right:1px solid #fff;
	height:480px;
	background:#6bb6bb;
	position:relative;
	float:left;
	overflow: hidden;
	}
	
ul#companyCont li::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.1);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}

ul#companyCont li:hover::before {
	-webkit-animation: circle .95s;
	animation: circle .95s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

ul#companyCont li h2.corp{background:#6bb6bb url(../../images/icoCmp02.png) no-repeat;background-size:100px;background-position:center top;}
ul#companyCont li h2.cont{background:#6bb6bb url(../../images/icoCmp03.png) no-repeat;background-size:100px;background-position:center top;}
/*ul#companyCont a li:last-child{border-right:none;}*/

ul#companyCont li span{
	display:block;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:60%;
	padding-top:8px;
	}	
	
/*===============================================
　　　　　　　電話でのお問い合わせ
===============================================*/
div#inqContWrap{
	padding-top:64px;
	}


ul#inqCont{
	width:1000px;
	display:table;
	background:#f2f2f2 ;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	padding:32px;
	margin:0 auto;
	}
	
ul#inqCont li{
	display:table-cell;
	width:50%;
	border-right:1px solid #e3e3e3;
	padding-left:24px;
	padding-right:24px;
	}
	
ul#inqCont li:last-child{
	border-right:none;
	padding-left:24px;
	
	}
	
ul#inqCont li dl dt{
	font-size:123.1%;
	line-height:1;
	padding:16px 0 16px 40px;
	background:url(../../images/icoTel.png) no-repeat;
	background-size:32px;
	background-position:left center;
	}	
	
ul#inqCont li dl dd{
	font-size:480%;
	line-height:1;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	color:#cb5393;
	}
	
ul#inqCont li dl dd img{
	width:
	}
	
ul#inqCont li dl dd a{
	color:#cb5393;
	}		
	
	
ul#inqCont li dl dd span{
	font-size:20%;
	line-height:1;
	display:block;
	padding-top:8px;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}	
	
	
/*===============================================
　　　　　　　　　 LINK
===============================================*/
section > div{
	padding:64px 0;
	}

.ContWrap{
	width:100%;
	margin:0 auto;
	background:#fff;
	padding:20px 0;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	}

ul#linkCont{
	width:1000px;
	display:table;
	margin:0 auto;
	}
	
ul#linkCont li{
	display:table-cell;
	width:25%;
	background:#fff;
	border-left:1px solid #e3e3e3;
	padding:0 24px;
	text-align:center;
	}
	
ul#linkCont li:last-child{
	border-right:1px solid #e3e3e3;
	}
	
ul#linkCont li span{
	display:block;
	padding-top:4px;
	}

ul#linkCont li a{
	color:#333;
	}
	
ul#linkCont li a span:hover{
	text-decoration:underline;
	}
	
/*===============================================
　　　　　　　　　　画像リンク
===============================================*/

ul#linkCont li a:hover img {
opacity: .3;
-webkit-opacity: .3;
-moz-opacity: .3;
filter: alpha(opacity=30);	/* IE lt 8 */
-ms-filter: "alpha(opacity=30)"; /* IE 8 */
}
 
ul#linkCont li a img {
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}

/*===============================================
　　　　　　　　　current
===============================================*/


#current{
	width:1000px;
	margin: 0 auto;
}

#current ul.fn_current {
	margin-bottom: 18px;
}

#current ul.fn_current li {
	width:226px;
	background:#fff;
	/* box-shadow */
	box-shadow:rgba(209, 209, 209, 0.5) 0px 0px 5px 1px;
	-webkit-box-shadow:rgba(209, 209, 209, 0.5) 0px 0px 5px 1px;
	-moz-box-shadow:rgba(209, 209, 209, 0.5) 0px 0px 5px 1px;
  margin:0 32px 32px 0;
  float:left;
  position: relative;
 	z-index:2;
}

#current ul.fn_current li.current:after,
#current ul.fn_current li:hover:after {
	display:block;
	content: "";
	height:7px;
	width:226px;
	background: #cb5393;
	position:absolute;
	bottom:0;
}

#current ul.fn_current li a {
	  padding:156px 30px 30px 30px;
		display:block;
}


#current ul.fn_current li:nth-of-type(4n) {
	margin-right: 0;
}

#current ul.fn_current li:nth-child(1) {
	background:#fff url(/jobs/img/iconRegi.gif) no-repeat;
	background-size:48px;
	background-position:center 62px;
}

#current ul.fn_current li:nth-child(2) {
	background:#fff url(/jobs/img/iconAbout.gif) no-repeat;
	background-size:60px;
	background-position:center 62px;
}

#current ul.fn_current li:nth-child(3) {
	background:#fff url(/jobs/img/iconRegi2.gif) no-repeat;
	background-size:48px;
	background-position:center 62px;
}

#current ul.fn_current li:nth-child(4) {
	background:#fff url(/jobs/img/iconWork.gif) no-repeat;
	background-size:54px;
	background-position:center 62px;
}

#current ul.fn_current li:nth-child(5) {
	background:#fff url(/jobs/img/iconFaq.gif) no-repeat;
	background-size:48px;
	background-position:center 62px;
}



#current ul.fn_current li h2 {
	font-size:135%;
	line-height:1;
	text-align:center;
	color:#cb5393;
	font-weight:bold;
}

#current ul.fn_current li h2 a {
}

#current ul.fn_current li h2  span{
	font-size:77%;
	display:block;
	padding-top:8px;
	color:#ccc;
	font-weight:normal;

}

#current ul.fn_link {
	overflow:hidden;
	width:588px;
	margin: 0 auto;
}

#current ul.fn_link li{
	float: left;
	margin-left: 37px;
}

#current ul.fn_link li:first-child{
	margin-left: 0;
}

#current ul.fn_link li a{
	color: #333333;
}

section > div {
	padding: 0;
}

	
/*===============================================
　　　　　　　　　 フッター
===============================================*/
	
footer{
	text-align:center;
	}
	
#footerInner {
	min-width:1000px;
}
	
ul#footerNav{
	margin-bottom:64px;
	}
	
ul#footerNav li{
	display:inline;
	margin-right:24px;
	line-height:1;
	}
	
ul#footerNav li:last-child{
	margin-right:0;
	}
	
ul#footerNav li a{
	color:#333;
	}

	
ul#footerNav li a:hover{
	text-decoration:underline;
	}
	
/*===============================================
　　　　　　　　　 copyright
===============================================*/

div#copyright{
	width:100%;
	padding:24px 32px;
	background:#6bb6bb;
	display:table;
	position:relative;
	/*一時的追加*/
	/*margin-top:64px;*/
	}
	
	
	a#pagetop{
	position: absolute;
	width: 52px;
	height: 52px;
	border-radius: 26px;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	box-shadow:rgba(209, 209, 209, 0.5) 0px 0px 5px 1px;
	-webkit-box-shadow:rgba(209, 209, 209, 0.5) 0px 0px 5px 1px;
	-moz-box-shadow:rgba(209, 209, 209, 0.5) 0px 0px 5px 1px;
	display: block;
	top: -26px;
	left: 0;
	right: 0;
	bottom: 0;
	margin:0 auto;
	background:#fff url(/tcs/common/images/bgArrow.png) no-repeat;
	background-size:24px;
	background-position:14px 17px;
	}


a#pagetop:hover{
	background:#6bb6bb url(/tcs/common/images/bgArrow_on.png) no-repeat;
	background-size:24px;
	background-position:14px 17px;
	}
	
div#copyright div{
	color:#fff;
	display:table-cell;
	width:50%;
	text-align:left;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	vertical-align:middle;
	font-size:77%;
	line-height:1;
	}
	
div#copyright div img{
	width:115px;
	}		
	
div#copyright div:nth-child(3){text-align:right;}	
}

/*===============================================
　　　　　　　　　　下層メイン
===============================================*/

.clearfix:after{
	content:"";
	display:block;
	height: 0 ;
	visibility: hidden;
	clear:both;
}

#content{
	background:#000;
	}

.ov{
	background-color:#0e1e3d ;
	background-position:center top;
	padding:64px 0;
	margin-bottom:64px;
	height:228px;
	position:relative;
	}

#secMainArea{
	background-color:rgba(14,30,61,0.5);/*background-color:rgbaを使用すると、現在の要素だけが透明になる。*/
	height:228px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	}
	
#secMainArea h1{
	font-size:394%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
	font-weight:bold;
	text-align:center;
	line-height:1;
	padding:50px 88px;
	color:#fff;
	}
	
#secMainArea h1 span{
	font-size:35%;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	text-align:center;
	display:block;
	padding-top:12px;
	color:#ffbee1;
	}	



	/*===============================================
　　　　　　　　　下層共通
===============================================*/

.section {
	width:1000px;
	margin: 0 auto 40px auto;
	background:#ffffff;
   box-shadow: rgba(209, 209, 209, 0.5) 0px 0px 5px 1px;
   -webkit-box-shadow: rgba(209, 209, 209, 0.5) 0px 0px 5px 1px;
   -moz-box-shadow: rgba(209, 209, 209, 0.5) 0px 0px 5px 1px;
	}

	#content1 {
    margin-top: -100px ;
    position: relative;
    z-index: 999;
	}
	
	.contCommon {
		padding:64px;
	}
	
	.contError {
		padding:260px 64px;
	}

	

	/*===============================================
　　　　　　　　　フォーム共通
===============================================*/



input,
textarea,
select,
option
{
	  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
	
	border-radius:0;
}

input[type="radio"],
input[type="checkbox"],
input[type="radio"]:checked,
input[type="checkbox"]:checked{
	background:transparent;
	border:none;
}

select,
option{
	border:none;
	border-radius:0;
}

	input:focus,
	textarea:focus,
	select:focus{
		outline:2px solid #cb5393;
	}
	
	input[type="radio"]:focus,
	input[type="checkbox"]:focus,
	input[type="button"]:focus,
	input[type="submit"]:focus,
	input[type="image"]:focus,
	input[type="reset"]:focus{
		outline:none;
	}

input[type="checkbox"],
input[type="radio"]
 {
	display:none;
}


input[type="checkbox"] + label{
	padding-left:25px;
	position:relative;
	cursor:pointer;
}

	
input[type="checkbox"]+label:before{
	content:"";
	display:block;
	width:14px;
	height:14px;
	border:2px solid #aaaaaa;
	background:#ffffff;
	border-radius:4px;	
	position:absolute;
	top:1px;
	left:0px;
	cursor:pointer;
}

input[type="checkbox"]:checked+label:before{
	content:"";
	display:block;
	width:14px;
	height:14px;
	border:2px solid #cb5393;
	background:#cb5393;
	border-radius:4px;	
	position:absolute;
	top:1px;
	left:0px;
	cursor:pointer;
}


input[type="checkbox"]:checked+ label:after{
	content:"";
	display:block;
	width:10px;
	height:5px;
	background:transparent;
	border-left:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	position:absolute;
	top:5px;
	left:3px;
}


/*input[type="checkbox"] {
	margin-left:5px;
}


input[type="checkbox"] + label{
	padding-left:20px;
	position:relative;
	cursor:pointer;
}

	
input[type="checkbox"]+label:before{
	content:"";
	display:block;
	width:14px;
	height:14px;
	border:2px solid #aaaaaa;
	background:#ffffff;
	border-radius:4px;	
	position:absolute;
	top:0;
	left:-23px;
	cursor:pointer;
}

input[type="checkbox"]:checked+label:before{
	content:"";
	display:block;
	width:14px;
	height:14px;
	border:2px solid #cb5393;
	background:#cb5393;
	border-radius:4px;	
	position:absolute;
	top:0;
	left:-23px;
	cursor:pointer;
}


input[type="checkbox"]:checked+ label:after{
	content:"";
	display:block;
	width:10px;
	height:5px;
	background:transparent;
	border-left:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	position:absolute;
	top:4px;
	left:-20px;
}
*/
/*input[type="radio"]{
	margin-left:18px;
}
*/
input[type="radio"] + label{
	padding-left:25px;
	position:relative;
	cursor:pointer;
}

	
input[type="radio"]+label:before{
	content:"";
	display:block;
	width:14px;
	height:14px;
	border:2px solid #aaaaaa;
	background:#ffffff;
	border-radius:9px;	
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}

input[type="radio"]:checked+label:before{
	content:"";
	display:block;
	width:14px;
	height:14px;
	border:2px solid #cb5393;
	background:#ffffff;
	border-radius:9px;	
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}


input[type="radio"]:checked+ label:after{
	content:"";
	display:block;
	width:10px;
	height:10px;
	background:#cb5393;
	border-radius:5px;
	position:absolute;
	top:4px;
	left:4px;
}


	label.select_label{
		position:relative;
	}

	label.select_label:after{
		content:"";
		width:0;
		height:0;
		border-top:6px solid #0a0a0a;
		border-left:6px solid transparent;
		border-right:6px solid transparent;
		position: absolute;
		pointer-events:none;

	}
	
label.select_label:before{
		content:"";
		width:24px;
		height:24px;
		display:block;
		background:#ffffff;
		position: absolute;
		pointer-events:none;
	}

	

/*===============================================
　　　　　　　　　ヘッダー（幅縮小時）
===============================================*/

@media screen and (max-width: 1300px){
	
#header .inner h1 {
  line-height:18px;
  padding:41px 0 41px 24px;
  text-align:left;
  width:320px;
}
	
#header .inner h1 img{
  vertical-align:top;
	}
	
#header .inner nav ul li {
  margin-right: 24px;
}

#change .inner h1 {
  line-height:18px;
  padding:41px 0 41px 24px;
  width:320px;
}

#change .inner nav ul li {
  margin-right: 24px;
}

#change .inner h1 img{
  vertical-align:top;
	}

.mainPt p{
	font-size:360%;
	color:#fff;
	font-family:"ヒラギノ明朝 W3 JIS2004";
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro";
  line-height:1;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  margin-bottom:24px;
	}
	
.mainPt div.mainCont{
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin:auto;
  	display:block;
  	width:760px;
 	padding:0 24px;
	}
	
	
.mainPt p span.fs{
	font-size:74%;
	}
	
.mainPt span.mouse{
  display:none;
	}
	

	
	}
	
@media screen and (max-width: 1000px){
	
#header .inner,
#change
{
  width:1000px;
}
	
}