@charset "utf-8";
/*------------------------------------------------
common.css
共通CSS
------------------------------------------------*/
/*================================================
reset
================================================*/
/*タグリセット*/
html{overflow-y:scroll;-webkit-overflow-scrolling:touch;}
body{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;}
/*ios 4対策。指定がないと意図せぬ位置で折り返す*/
.ios body{letter-spacing:-0.0001em;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio[controls],canvas,video{display:inline-block;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,div,iframe,caption,hr,fieldset,legend,blockquote,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,audio,canvas,video{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,li,dl,dt,dd,address,caption,th,td,div{word-break:break-all;word-wrap:break-word;}
li{list-style:none;}
img,fieldset{border:none;}
hr{border:none;border-top:1px #000 solid;}
a[href^="javascript"]{-webkit-touch-callout:none;touch-callout:none;}
/*vertical-align*/
input,button,select,textarea{vertical-align:middle;}
img,object,embed,canvas,audio,video{vertical-align:top;}
/*svg ie9 bugfix*/
svg:not(:root){overflow:hidden;}
/*iframe*/
iframe{border:0;}
/*table*/
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption,th,td{margin:0;padding:0;vertical-align:top;text-align:left;}
/*font*/
input,select,button,textarea,h1,h2,h3,h4,h5,h6,table{font-size:inherit;}
address,em,strong,th{font-style:normal;}
em,strong{font-weight:bold;}
/*clearfix*/
/*div:after{display:block;clear:both;visibility:hidden;height:0;font-size:0;content:".";}
div{display:inline-block;}*/
/*\*/
/** html div{height:0;}*/
div{display:block;}
/* */
/*form*/
fieldset,input,button,select,textarea{margin:0;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
input:focus,button:focus,textarea:focus,select:focus{outline:none;}
textarea,select[multiple="multiple"]{overflow-y:scroll;resize:vertical;-webkit-overflow-scrolling:touch;}
input[type="checkbox"],input[type="radio"]{margin-right:2px;}
input[type="submit"],input[type="reset"],button{-ms-appearance:button;-moz-appearance:button;-webkit-appearance:button;appearance:button;}
select[multiple="multiple"]{background:#fff;}
/*moz*/
html >/**/body input[type="checkbox"],html >/**/body input[type="radio"],x:-moz-any-link{margin-right:3px;margin-bottom:0.125em;}
/*webkit*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	input[type="text"],input[type="password"],textarea{-webkit-appearance:none;}
	input[type="submit"],input[type="reset"],button{min-height:2em;}
	select{min-height:1.75em;}
	input[type="checkbox"],input[type="radio"]{margin-right:3px;margin-bottom:0.25em;}
	select[multiple="multiple"]{overflow-y:auto;resize:none;-webkit-appearance:none;}
	/*ios/androidのタップ領域補正*/
	.ios a img,.android a img{pointer-events:none;display:inline-block;}
	.ios a,.android a{pointer-events:visible;}
}


/*================================================
web font
================================================*/
@font-face{
font-family:"baitoru_number";
src:url(../../font/baitoru_number.eot);
src:url(../../font/baitoru_number.eot?#iefix) format('embedded-opentype'), url(../../font/baitoru_number.ttf?) format("truetype");
}


/*================================================
font setting
================================================*/
body,input,button,textarea,body .ui-widget-content{color:#444;font:13px/1.5 "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
select{font:13px/1.5 "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/*a,body .ui-widget-content a{color:#0a88f3;text-decoration:none;}
a:visited,body .ui-widget-content a:visited{color:#52affd;}
a:hover, body .ui-widget-content a:hover{text-decoration:underline;}*/

.ls-1{letter-spacing:-0.15em;}
.dsply_b{display:block;}


/*---------------------------------------------------
link
---------------------------------------------------*/
a:hover img{ filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

/*---------------------------------------------------
rayout
---------------------------------------------------*/
body{
	background:url(../images/cts_bg.png)
}

#wrapper{
	background:;
	width:;
	margin:0 auto;
}

/*---------------------------------------------------
header
---------------------------------------------------*/
#header {
	position: relative;
    height: 400px;
}
.logo {
	position: absolute;
	bottom: 48px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 447px;
	height: auto;
	z-index: 100;
}
.logo img {
	display: block;
	width: 100%;
	height: auto;
}
/*スライドショー*/
#main_slide {
    display:none;
}
/*---------------------------------------------------
contents
---------------------------------------------------*/
#contents {
	width: 990px;
	padding: 20px 20px 40px;
	box-sizing: border-box;
	margin: 20px auto;
	position: relative;
	background-color: #fff;
}

/*---------------------------------------------------
contentstop
---------------------------------------------------*/
body p {
    line-height: 1.7;
}
.search {
	margin-bottom: 50px;
}
.contentstop {
    padding-top: 14px;
    margin-top: -14px;
    clear: both;
}
/*.jlistbox h3,
.contentstop h3,
.search h3 {
    position: relative;
    background-color: #6dcef6;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0 0 20px;
    height: 50px;
    margin-top: 16px;
}*/
.ttl_bar h2 {
    position: relative;
    color: #fff;
    font-size: 24px;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    margin-top: 60px;
    -moz-background-size: 27px auto;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
    padding-left: 20px;
}
h3.working-period {
	background: url(../images/hours.png) 20px 10px no-repeat #6dcef6;
    -moz-background-size: 27px auto;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
    width: 100%;
    padding: 3px 0 0 60px;
}
h3.charm {
	background: url(../images/charm.png) 20px 10px no-repeat #6dcef6;
    -moz-background-size: 26px auto;
    -webkit-background-size: 26px auto;
    background-size: 26px auto;
    width: 100%;
    padding: 3px 0 0 60px;
}
.search h3{
	color: #444444;
    font-size: 22px;
    border-left: 6px solid #6dcef6;
    padding-left: 8px;
    padding-top: 2px;
    margin: 4px 0 10px 5px;
    line-height: 1;
}
.search>div {
	float: left;
	width: 475px;
	box-sizing: border-box;
	padding: 30px 25px 0 15px;
}
.working-period-jlist {
	width: 812px;
	margin: 0 auto;
	padding: 30px 20px 34px;
}
.working-period-jlist li {
	width: 250px;
	height: 50px;
	float: left;
}
.working-period-jlist li:nth-of-type(2) {
	margin: 0 30px;
}
.working-period-jlist li>a,
.search>div>ul>li>a {
	display: block;
	width: 250px;
	height: 50px;
	border: 1px solid #f8ba27;
	border-radius: 6px;
	box-shadow: 0 -4px 0 #f8ba27 inset;
	color: #444;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	padding-top: 11px;
	box-sizing: border-box;
}
.search>div>ul>li>a {
	float: left;
	width: 135px;
	height: 70px;
	padding-top: 14px;
	line-height: 1.3;
	margin: 0 5px;
}
.search>div>ul>li>a.one-line {
	padding-top: 23px;
}
.working-period-jlist li>a:hover,
.search>div>ul>li>a:hover {
	color: #444;
	text-decoration: none;
	background-color: #ffefc0;
}
.working-period-jlist li>a:visited,
.search>div>ul>li>a:visited {
	color: #444;
	text-decoration: none;
}
.contentstop p {
    font-size: 14px;
}
.about {
    width: 100%;
    padding: 28px 20px 34px;
    box-sizing: border-box;
}
.about p:first-child {
    float: left;
}
.about p:last-child {
    width: 710px;
    float: right;
    line-height: 1.94;
}
.q-area {
    width: 950px;
    padding: 0 20px;
    box-sizing: border-box;
}
.q-area li {
    margin-top: 50px;
    zoom: 1;
}
.q-area li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}
.q-area h4 {
    font-size: 24px;
    color: #666;
    margin-bottom: 24px;
}
.q-area p {
    line-height: 1.94;
}
.q1-graph {
    width: 500px;
    height: auto;
    margin: 0 auto 24px;
}
.q1-graph img:first-child {
    float: left;
}
.q1-graph img:last-child {
    float: right;
}
.q2-graph {
    width: 520px;
    height: auto;
    margin: 0 auto 24px;
}
.q-data {
    margin-top: 28px;
    border: 1px solid #c9c9c9;
    padding: 10px 12px;
    color: #888;
    font-size: 12px;
}
.q-data p {
    width: 350px;
    float: left;
    line-height: 1.5;
}
.q-data p:nth-of-type(3) {
    clear: both;
}


/*------------------------------------------------
    tooltip
------------------------------------------------*/
.toolTip {
    width: 240px;
    height: auto;
    position: absolute;
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #f69913;
    box-sizing: border-box;
    padding: 10px 2px 10px 10px;
    z-index: 2;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.toolTip:before,
.toolTip:after{
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
}
.toolTip:before{
  bottom: -18px;
  border-style: solid;
  border-color: #f69913 transparent transparent transparent;
  border-width: 18px 18px 0 18px;
}
.toolTip:after{
  bottom: -15px;
  border-style: solid;
  border-color: #fff transparent transparent  transparent;
  border-width: 16px 16px 0 16px;
  z-index: 10;
}
.toolTip dt {
    color: #444;
    text-align: center;
    font-weight: 700;
}
.toolTip dd {
    float: left;
    margin-right: 1em;
    line-height: 1.8;
}
.mdl-close img {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 2;
}
.invisible{
 display: none;
}
.nolink {
    pointer-events: none;
    background-color: #ffefc0;/*ツールチップ表示中にボタンに色をつける*/
}

/*-----------------------------------------------------
専門LP個別 共有css
-------------------------------------------------------*/

/*-背景色--*/
.bar_add h2 { background: #6dcef6;padding: 3px 0 0 20px; margin: 0 0 15px;}
.bar_add h2.working-period { background:url(../images/hours.png) #6dcef6 14px 14px no-repeat;padding: 3px 0 0 56px;}
.bar_add h2.charm { background: url(../images/charm.png) #6dcef6 14px 14px no-repeat;padding: 3px 0 0 56px;}
.pink_bar { background-color: #6dcef6;}
.area_bigttl { background: url(../../lp_common/images/h3_icon_03.png) 20px 12px no-repeat #6dcef6;}
.lplinklist_ttl { border-left: 6px solid #6dcef6;}
.recommend-jobTitle .pattern-1 .bg01 .pt01 h2 { background-color: #6dcef6;}
.recommend .pt01 ul.ul03 li dl { border-top: 10px solid #f8ba27;}


/*-ボタン色--*/
.internal_link_bt a { background-color: #f8ba27;box-shadow: 0 -2px 0 #d29607 inset;}
.new-linkbtn a { background-color: #f8ba27;box-shadow: 0 -4px 0 #d29607 inset;}

h2.lplinklist_ttl {
    color: #444;
    background: #fff !important;
    font-weight: 700;
    font-size: 20px;
    border-left: 6px solid #6dcef6;
    padding-left: 8px;
    padding-top: 2px;
    margin: 4px 0 10px;
    line-height: 1;
    height: auto;
}