@charset "utf-8";
/* CSS Document */

html,
body {
    width: 100%;
    height: 100%;
	font-size:100%;
	color:#00aea0;
-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3?等幅', sans-serif;
font-family: 'Ubuntu', sans-serif;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dad9d9+0,fcfcfc+100 */
background:url(../images/bg_hougan1.jpg) fixed;

}

a{
	color:#00aea0;
	text-decoration:none !important;
	}
a:hover,a:visited,a:active{
	color:#5ed9cf;
	text-decoration:none;
	}



#loader {
    width: 400px;
    height: 300px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -150px; /* heightの半分のマイナス値 */
    margin-left: -200px; /* widthの半分のマイナス値 */
    z-index: 100;
}

#fade {
    width: 100%;
    height:8000px;
    display: none;
    background-color: #dcdcdc;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}

a:focus{
  outline: none;
}

/*
#container1200{
	width:1200px;
	margin:0 auto;
	}

@media screen and (max-width:1200px){
	#container1200{
	width:98%;
	margin:0 auto;
	}
	}
*/

/*----------------------------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------------------------*/
#footer{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#181818+0,181818+67,181818+67,343434+67,343434+100 */
background: #181818; /* Old browsers */
background: -moz-linear-gradient(left,  #181818 0%, #181818 67%, #181818 67%, #343434 67%, #343434 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #181818 0%,#181818 67%,#181818 67%,#343434 67%,#343434 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #181818 0%,#181818 67%,#181818 67%,#343434 67%,#343434 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#343434',GradientType=1 ); /* IE6-9 */



	height:150px;
	width:100%;
	color:#FFF;
	font-size:0.7em;
	}
#footMenu{
	width:1080px;
	margin:0 auto;

	}

#footer ul{
	margin:0;
	text-align:left;
	padding:0;
	}
#footer ul li{
	float:left;
	margin:0 10px;
	padding:40px 0 0 0;
	list-style:none;
	}
#footer ul li a{
	color:#FFF;
	}
#footer ul li a:hover{
	color:#00aea0;
	}
#footMenu p{
	margin:10px 0 0 10px;

	}
@media (max-width:1080px){
#footer,#footMenu{
	background:#181818;
	width:100%;

	margin:0;
	padding:20px;
	text-align:center;
	}

#footer ul{
	display:none;
	}
}

/*----------------------------------------------------------------------------------------
COMMON
----------------------------------------------------------------------------------------*/
h2{
	text-align:center;
	font-size:3.2em;
	letter-spacing:0.1em;
	margin:35px 0 50px 0;
	}
h3{
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.4;
	}
p{
	font-size:0.9em;
	line-height:2.4;
	}

.container{
	padding:10px;
	}
.container-fluid{
	padding:50px 0 110px 0;
	}

.container1080{
	width:1080px;
	margin:0 auto;
	position:relative;
	}

#Works,#Outline{
	min-height:100%;
	}
#Business{
	min-height:60%;
	}

span.newIcon{
	padding:1px 6px;
	background:#f95d3f;
	color:#FFF !important;
	text-align:center;
	font-weight:normal;
	}

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


.btnOrange a{
	background:url(../images/btn_sankaku.png) no-repeat #f94522 10px 10px;
	padding:5px;
	font-size:0.8em;
	color:#FFF !important;
	padding-left:23px;
	margin-bottom:15px;
	display:block;
	min-width:165px;
	}
.btnOrange a:hover{
	background:url(../images/btn_sankaku.png) no-repeat #f96e22 10px 10px;
}


.btnMail a{
	background:url(../images/btn_mail.png) no-repeat 10px 8px;
	padding:5px;
	font-size:0.8em;
	color:#00aea0 !important;
	padding-left:40px;
	margin-bottom:15px;
	display:block;
	min-width:165px;
	}
.btnMail a:hover{
	background:url(../images/btn_mail.png) no-repeat 10px 8px;
}




@media (max-width:1079px){

.container1080,.container{
	width:95%;
	}
}

@media (min-width:769px){
.pc{
	display:block;
	}
.sp{
	display:none;
	}

}
@media (max-width:768px){
.pc{
	display:none;
	}
.sp{
	display:block;
	}


}


/*----------------------------------------------------------------------------------------
キービジュアル
----------------------------------------------------------------------------------------*/


#keyvisual{

	min-height: 100% !important;
	}

#keyvisual .mainRead{
	height:300px;
	width:500px;
	 position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -160px;
  margin-left: -250px;
	}


p.Read1{
	text-align:center;
	font-size:2.5em;
	color:#fabe22;
	letter-spacing:0.8em;
	margin:5px 0 0 25px;
	padding:0;
	line-height:1.2;
	}
p.Read2{
	text-align:center;
	font-size:2.1em;
	color:#00aea0;
	letter-spacing:0.14em;
	margin:0 0 0 2px;
	padding:0;
	line-height:1.2;
	}

.btnFindOut{
	margin:0 auto;
	width:170px;
	height:40px;
	}
.btnFindOut a{
	margin-top:50px;
	text-align:center;
	width:170px;
	height:40px;
	font-size:1em;
	letter-spacing:0.1em;
	color:#FFF;
	display:block;
	background:#00afa0;
	padding:8px 0 0 0;
	}
.btnFindOut a:hover{

	background:#f9be22;

	}


@media (max-width:768px){
#keyvisual .mainRead{
	height:180px;
	width:300px;
	 position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -90px;
  margin-left: -150px;
}

}

/*----------------------------------------------------------------------------------------
Vision
----------------------------------------------------------------------------------------*/

.visionRead{
	background:#00aea0;
	padding:15px;
	color:#FFF;
	font-size:1.3em;
	letter-spacing:0.1em;
	line-height:1.5;
	text-align:center;
	}

.visionRead2{
	margin-top:15px;
	font-size:1.9em;
	letter-spacing:0.1em;
	text-align:center;
	line-height:1.3;
	}

/*----------------------------------------------------------------------------------------
Contact
----------------------------------------------------------------------------------------*/

.ContactRead{
	background:#FFF;
	padding:15px;
	color:#00aea0;
	font-size:1.3em;
	letter-spacing:0.1em;
	line-height:1.5;
	text-align:center;
	}

.ContactRead2{
	margin-top:15px;
	font-size:1.9em;
	letter-spacing:0.1em;
	text-align:center;
	line-height:1.3;
	}
  .btn {
    text-decoration: none;
    background: #00aea0;
    padding: 14px 20px;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
  }

/*----------------------------------------------------------------------------------------
Business
----------------------------------------------------------------------------------------*/

.busCont{
	text-align:center;
	width:700px;
	margin:0 auto;
	}
.busCont div{
	margin-bottom:20px;
	}
.busCont h3{
	margin:5px 0;
	font-weight:normal;
	}
.busCont h3 span{
	display:block;
	font-size:0.5em;
	}

.bus-IMG-Cont img {
    -moz-transition: -moz-transform 0.1s ease-in-out;
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    -o-transition: -o-transform 0.1s ease-in-out;
    -ms-transition: -ms-transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
}
.bus-IMG-Cont img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}



@media (max-width:768px){
.busCont{
	width:100%;
	}

}


/*----------------------------------------------------------------------------------------
　Works
----------------------------------------------------------------------------------------*/

.menuWorks{
    overflow: hidden;
    position: relative;
	margin-bottom:40px;
	}


.menuWorks ul{
	 list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
	}
.menuWorks li{
	 float: left;
    margin-right: 7px;

    position: relative;
    left: -50%;
	color:#83b0ac;
	}

.imgBorder{
	border:1px solid #bdbdbd;
	}
.worksCont{
	margin-bottom:25px;

	}
.worksCont p{
	color:#2f2f2f;
	line-height:1.5;
	font-size:0.8em;
	}
.worksCont h3{
	font-weight:normal;
	font-size:1.4em;
	background:url(../images/works_title_icon.gif) no-repeat #00aea0;
	padding:4px 0 0 56px;
	margin:0 0 10px 0;
	text-align:left;
	color:#FFF;
	min-height:39px;
	}
.worksCont h3.otherTitle{
	background:url(../images/works_title_icon02.gif) no-repeat #f1a718 !important;
	}

span.worksPos{
	background:#00aea0;
	padding:4px 10px;
	color:#FFF;
	}
span.worksPos2{
	background:#f1a718;
	padding:4px 10px;
	color:#FFF;
	}
.worksCont a{
	color:#2f2f2f;
	}

ul.listGroup2 li.current a{
border-top:1px solid #00aea0;
border-bottom:1px solid #00aea0;
	}




ul.listGroup1,ul.listGroup3{
	left:0 !important;
		}
ul.listGroup1 li,ul.listGroup3 li{
	left:0 !important;
	border:1px solid #00aea0;
		}

ul.listGroup1 li.current,ul.listGroup3 li.current{
	background:#00aea0;

	}
ul.listGroup1 li.current a,ul.listGroup3 li.current a{
	color:#FFF !important;
	}
ul.listGroup1 li a,ul.listGroup3 li a{
	padding:2px 10px;
	text-align:center;
	display:block;
	}

@media (min-width:1199px){
.MonthYear{
	position:absolute;
	right:5px;
	top:5px;
	color:#FFF !important;
	}
}


@media (max-width:768px){

.menuWorks ul{
		width:80%;
	}
ul.listGroup1,ul.listGroup3{
	width:100% !important;
		}
.menuWorks li{
	float:none;
	background:#fbfbfb;
	border:1px solid #999;
	border-bottom:none;
	padding:0 !important;
	text-align:center;
}
.menuWorks li a{
	display:block;
	padding:5px;
	}
.menuWorks li a:hover{
	color:#FFF;
	background:#00aea0;
	display:block;
	}
.menuWorks li:last-child{
	border-bottom:1px solid #999;
}

ul.listGroup2 li.current{
	background:#00aea0;

	}
ul.listGroup2 li.current a{
	color:#FFF !important;
	}
ul.listGroup2 li a{
	padding:2px 10px;
	text-align:center;
	display:block;
	}



}

@media (min-width:768px){
.works-floatR{
	float:right;
	padding:0 0 0 15px;
	}
.btnPosi{
	position:absolute;
	right:0;
	bottom:0;
	}
}



/*----------------------------------------------------------------------------------------
　Outline
----------------------------------------------------------------------------------------*/


dl.outlineList{
	font-size:0.9em;
	margin-bottom:40px
	}
dl.outlineList dt{
  padding-top : 5px;
  padding-bottom : 5px;
  width : 440px;
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;
  text-align:right;
}

dl.outlineList dd{
  padding-top : 5px;

  padding-bottom : 5px;

/* dtの幅分の設定 */
  margin-left :450px;
}


#map{
	width:100%;
	height:500px;
	}
.container-fluid-mb0{
	padding:50px 0 0 0 !important;
	}

#imgMap a{
	background:url(../images/gmap.jpg) no-repeat center top;
	width:100%;
	height:500px;
	display:block;
	}


@media (max-width:1079px){

dl.outlineList dt,dl.outlineList dd{
	text-align:left;
width:100%;
float:none;
margin:0 0 5px 0;
padding:0;
}

}

@media (max-width:768px){
#map{
	width:100%;
	height:250px;
	}
#imgMap a{
	background:url(../images/gmap.jpg) no-repeat center -120px;
	height:250px;
	}
}

.mapAlert{
	display:block;
	text-align:right;
	font-size:12px;
	}
.mapAlert a{
	color:#000;}


/*----------------------------------------------------------------------------------------
　NEWS
----------------------------------------------------------------------------------------*/

dl.newsList{
	width:80%;
	margin:0 auto;
	margin-bottom:40px;
	color:#3b3b3b !important;
	}
dl.newsList dt{
  padding-top : 5px;
  padding-bottom : 5px;
  width : 220px;
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;

}

dl.newsList dd{
  padding-top : 5px;
  padding-bottom : 5px;
/* dtの幅分の設定 */
  margin-left : 222px;

}
dl.newsList dd p{
	margin-top:15px;
	font-size:0.8em;
	line-height:1.5;
	}


dl.newsList dd table td{
	vertical-align:top;
	text-align:left;
	}
dl.newsList dd table td span{
	font-size:12px;
	line-height:1.4;
	}
dl.newsList dd table.kyuujin td img{
	margin:10px 0 20px 0;
	}

dl.newsList dd img{
	margin-right:5px;
	}

dl.newsList a{
	color:#f94522;
	}



span.lineDoted{
	display:block;
	border-bottom:1px dashed #b3b3b3;
	margin-bottom:15px;
	}


@media (max-width:1079px){

dl.newsList dt,dl.newsList dd{
width:100%;
float:none;
margin:0 0 5px 0;
padding:0;

}
dl.newsList dd table td{
float:left;
margin:0 0 5px 0;
}

}




/*----------------------------------------------------------------------------------------
　RECRUIT
----------------------------------------------------------------------------------------*/
ul.listGroup4{
	text-align:center;
	}
ul.listGroup4 li{
	display:inline-block;
	border:1px solid #00aea0;
	font-size:70%;
	}

ul.listGroup4 li.current{
	background:#00aea0;

	}
ul.listGroup4 li.current a{
	color:#FFF !important;
	}
ul.listGroup4 li a{
	padding:8px 10px;
	text-align:center;
	display:block;
	}
.recruitWrapper{
	width:880px;
	margin:0 auto;
	color:#2f2f2f;
	}

table.recruitTable{
	font-size:80%;
	width:100%;
	border-collapse: collapse;
   border:none;
   line-height:1.6;
}

table.recruitTable td,table.recruitTable th{
   border-width: 0 0 1px 0; /* 上下だけ引く */
   border-color:#999;  /* 線色：緑 */
   border-style:dashed;   /* 線種：実線 */
   vertical-align:top;
}
table.recruitTable th{
	padding: 1.2em;
	width:20%;
	font-size:110% !important;
	}
table.recruitTable td{
	padding: 1.4em;
	width:80%;
	}

span.mgn_b10,span.mgn_b20,span.int20,span.int30,span.int40{
	display:block;
	}

p.recruit_read{
	text-align:center;
	line-height:1.6;
	font-size:100%;
	margin-bottom:20px;
	}
p.freeWord{
	width:90%;
	margin:20px auto 40px auto;
	line-height:1.6;
	font-size:80%;
	}
p.noJob{
	text-align:center;
	font-size:140%;
	color:#00aa9c;
	font-weight:bold;
	}

.posiRecruit{
	width:165px;
	margin:50px auto 0 auto;
	}

@media (max-width:1079px){
.recruitWrapper{
	width:90%;
	}

}

@media (max-width:768px){
ul.listGroup4 li{
	width:100%;
	}
.recruitWrapper{
	width:95%;
	}
table.recruitTable th{
	width:30%;
	}
table.recruitTable td{
	width:70%;
	}

}



dl.recruit{
	width:100%;
	}

dl.recruit dt{
	float:left;
	clear:left;
	width:70px;
	text-align:left;
	font-weight:normal;
}

dl.recruit dd{
	text-align:left;
	margin-left:75px;
}


@media (max-width:1079px){

dl.recruit dt{
	width:80%;
	float:none;
}

}

/*----------------------------------------------------------------------------------------
　SPECIAL
----------------------------------------------------------------------------------------*/
#masonCont{
	width:100%;
	margin:0 auto;
	text-align:left;
	}
#masonCont .item{
	background:#FFF;
  margin: 6px;
  width: 260px;
  padding: 8px;

}

#masonCont .item h3{
	color:#00aea0;
	font-size:0.9em;
	text-align:left;
	margin:0 0 10px 0;

	}
#masonCont .item p{
	color:#494949;
	font-size:0.8em;
	line-height:1.7;
	}

h2.specialH2{
	color:#FFF;
	margin-bottom:0 !important;
	}
p.specialSub{
	text-align:center;
	color:#FFF;
	font-size:1em;
	letter-spacing:0.06em;
	margin-bottom:50px;
	}

/*----------------------------------------------------------------------------------------
　BOOTSTRAP グローバルナビ（カスタム）
----------------------------------------------------------------------------------------*/

.navbar {
  min-height: 90px !important
}

.navbar-brand {
  height: 90px;
  padding: 10px 15px;
}

.navbar-nav > li > a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.icon-bar{
	background:#FFF !important;
}

.navbar-toggle:hover{
	background:#008d81 !important;
	}
.navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{
	background:#008d81 !important;
}
.nav{
	margin-top:25px !important;
	}
.nav li a{
	color:#FFF !important;
	}
.nav li a:hover{
	color:#c5fffa !important;
	}

@media (max-width:768px){
.mobileCentl{
	text-align:center !important;
	}
.nav li:hover{
	background:#15c3b5 !important;
	}

}

/*----------------------------------------------------------------------------------------
　カスタムクラス
----------------------------------------------------------------------------------------*/

.fw_b {
	font-weight:bold !important;
}
.fw_n {
	font-weight:normal !important;
}



/*---カラー---*/

.mainColor{
	background:#00aea0;
	}
.wColor{
	background:#fcfcfc;
	}
.gColor{
	background:#00aa9c;
	}
.gLColor{
	background:#e0e2ea;
		}
.greyColor{
background:#f6f6f6;
}

.redTXT{
	color:#be0000;
	}
.orangeTXT{
	color:#f9be22;
	}
.eGreenTXT{
	color:#00aa9c;
	}
.blueTXT{
	color:#182aae;
	}


.whiteTXT{
	color:#FFF;
	}
.lightB{
	background:#343434;
	}
/*---位置---*/
.txta_c {
	text-align:center !important;
}
.txta_l {
	text-align:left !important;
}
.txta_r {
	text-align:right !important;
}


/*---装飾---*/
.txtd_u {
	text-decoration:underline;
}
.txtd_none {
	text-decoration:none;
}

.LS05{
	letter-spacing:0.5em;
	}

/*---サイズ---*/

.justy{
	text-align: justify !important;			/* ←両端揃え用の指定 */
	text-justify: inter-ideograph !important;	/* ←IE用の追加指定 */
	}

.text9 {
	font-size:65% !important;
}
.text10 {
	font-size:77% !important;
}
.text11 {
	font-size:85% !important;
}
.text12 {
	font-size:93% !important;
}
.text13 {
	font-size:100% !important;
}
.text14 {
	font-size:108% !important;
}
.text15 {
	font-size:116% !important;
}
.text16 {
	font-size:123.1% !important;
}
.text17 {
	font-size:131% !important;
}
.text18 {
	font-size:138.5% !important;
}
.text19 {
	font-size:146.5% !important;
}


/*---マージン---*/

.mgn_5 {
	margin:5px;
}
.mgn_10 {
	margin:10px;
}
.mgn_15 {
	margin:15px;
}
.mgn_t5 {
	margin-top:5px;
}
.mgn_t10 {
	margin-top:10px;
}
.mgn_t15 {
	margin-top:15px;
}
.mgn_t20 {
	margin-top:20px !important;
}
.mgn_t30 {
	margin-top:30px !important;
}
.mgn_t35 {
	margin-top:35px !important;
}
.mgn_t50 {
	margin-top:50px !important;
}
.mgn_b0 {
	margin:0 !important;
}
.mgn_b5 {
	margin-bottom:5px;
}
.mgn_b10 {
	margin-bottom:10px;
}
.mgn_b15 {
	margin-bottom:15px;
}
.mgn_b20 {
	margin-bottom:20px !important;
}
.mgn_b50 {
	margin-bottom:50px !important;
}
.mgn_b40 {
	margin-bottom:40px !important;
}
.mgn_l05 {
	margin-left:5px;
}
.mgn_l10 {
	margin-left:10px;
}
.mgn_l15 {
	margin-left:15px;
}
.mgn_l20 {
	margin-left:20px;
}
.mgn_l30 {
	margin-left:30px;
}
.mgn_l50 {
	margin-left:50px;
}
.mgn_l80 {
	margin-left:80px;
}
.mgn_l100 {
	margin-left:100px;
}
.mgn_l115 {
	margin-left:115px;
}
.mgn_l249 {
	margin-left:260px;
}
.mgn_r05 {
	margin-right:5px;
}
.mgn_r03 {
	margin-right:3px;
}
.mgn_r10 {
	margin-right:10px;
}
.mgn_r15 {
	margin-right:15px;
}
.mgn_r20 {
	margin-right:20px;
}
.mgn_r50 {
	margin-right:50px;
}

.mgn_tb {
	margin: 30px 0 10px;
}

/*---インデント---*/

.int20{
	padding-left:20px !important;
	}
.int30{
	padding-left:30px !important;
	}
.int40{
	padding-left:40px !important;
	}


/*---パディング---*/

.pdg_0 {
	padding:0 !important;
}
.pdg_5 {
	padding:5px;
}
.pdg_10 {
	padding:10px;
}
.pdg_15 {
	padding:15px;
}
.pdg_t5 {
	padding-top:5px;
}
.pdg_t10 {
	padding-top:10px;
}
.pdg_t15 {
	padding-top:15px;
}
.pdg_t20 {
	padding-top:20px;
}
.pdg_b10 {
	padding-bottom:10px;
}
.pdg_b15 {
	padding-bottom:15px;
}
.pdg_b20 {
	padding-bottom:20px;
}
.pdg_b50 {
	padding-bottom:50px;
}
.pdg_l10 {
	padding-left:10px;
}
.pdg_l15 {
	padding-left:15px;
}
.pdg_l20 {
	padding-left:20px;
}
.pdg_l50 {
	padding-left:50px;
}
.pdg_r10 {
	padding-right:10px;
}
.pdg_r15 {
	padding-right:15px;
}
.pdg_r20 {
	padding-right:20px;
}
p.line2 {
	line-height:2.7 !important;
}


.dsNone{
	display:none;
	}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}