@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 */


}
html {
  scroll-behavior: smooth;
  scroll-padding-top:80px;
}

a{
	color:#00aea0;
	text-decoration:none !important;
	transition: all 0.8s 0s ease;
	}
a:hover{
	color:#5ed9cf;
	text-decoration:none;
	transition: all 0.8s 0s ease;
	}




#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;
}
li{
list-style: none;
}
a:focus{
  outline: none;
}

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

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

/*----------------------------------------------------------------------------------------
HEADER
----------------------------------------------------------------------------------------*/
.headerWid{
width:100%;
max-width:1360px;
padding:0 !important;

}


.main-cont{
margin-top:65px;

}

ul.head-bnList{
position:absolute;
top:12px;
right:12px;
text-align: center;
padding: 0;
margin: 0;
font-size: 0;
}
ul.head-bnList li{
margin: 0 2px;
display: inline-block;
}

@media screen and (max-width:1080px){
.headerWid{
max-width:780px;
}
.main-cont{
margin-top:85px;
}
.head-bnList li{
width:120px;
}
	}
@media screen and (max-width:769px){
.main-cont{
margin-top:48px;
}
.head-bnList{
right:65px !important;
}

}

/*----------------------------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------------------------*/
#footer{

background: #00aea0;

	width:100%;
	color:#FFF;
	font-size:14px;
	text-align: center;
	padding: 30px 0 30px 0;
	}

/*----------------------------------------------------------------------------------------
　バナーエリア
----------------------------------------------------------------------------------------*/
ul.banner-s-List{
width:100%;
max-width:1460px;
text-align: center;
margin:30px auto;
padding:0;
font-size:0;
}
ul.banner-s-List li{
display: inline-block;
width:22%;
margin: 5px;
}
@media (max-width:768px){
ul.banner-s-List li{
width:75%;
}

}



@media (max-width:1080px){

}

/*----------------------------------------------------------------------------------------
COMMON
----------------------------------------------------------------------------------------*/
h1{
width:0;
padding:0;
font-size:0;
line-height: 0;
position: absolute;

height: inherit;
}
h2{
	text-align:center;
	font-size:3.2em;
	letter-spacing:0.1em;
	margin:25px 0 30px 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:30px 0 30px 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_eGr.png) no-repeat #FFF 10px 10px;
	padding:5px;
	border: 1px solid #00aea0;
	font-size:0.8em;
	color:#00aea0 !important;
	padding-left:23px;
	margin-bottom:15px;
	display:block;
	min-width:165px;
	}
.btnOrange a:hover{
	background:url(../images/btn_sankaku_eGr.png) no-repeat #DEF1EF 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;
}





.titlePict span{
background-image: url("../images/title_pict.png"),url("../images/title_pict.png");
background-repeat: no-repeat,no-repeat;
background-size: 2px,2px;
background-position:left 0 top 15px,right 0 top 15px;
padding:0 80px 0 90px;
box-sizing: border-box;
}




@media (max-width:1079px){

.container1080,.container{
	width:95%;
	}
	
.container-fluid{
	padding:15px 0 20px 0;
	}
	
}

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

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


}


.bg_orange{
background:#f8bd23 !important;
}

.bg_hougan{
background:url(../images/bg_hougan1.jpg) ;}

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


#keyvisual{
position: relative;

	}

#keyvisual .mainRead{
	height:auto;
	width:100%;

	}
.mainRead iframe{
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}	
.bg_koushi{
position: absolute;
background: url("../images/koushi.png");
width:100%;
height: auto;
aspect-ratio: 16 / 9;
}

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){
.bg_koushi{
background: url("../images/sp_koushi.png");
}
h2{
font-size:2.1em;
margin:15px 0 15px 0;
}
.titlePict span{
background-size: 1px,1px;
background-position:left 0 top 13px,right 0 top 13px;
padding:0 40px 0 50px;
}

}


/*----------------------------------------------------------------------------------------
TITLE
----------------------------------------------------------------------------------------*/

ul.title-list{
text-align: center;
width:100%;

margin: 0;
 padding:0;
}
ul.title-list li{
display: inline-block;
width:23%;
background: #FFF;
padding:8px;
box-sizing: border-box;
margin: 8px;
vertical-align: top;
}
.title-info{
min-height:120px;

}
ul.title-list li h3{
font-size:17px;
font-weight: normal;
color: #353535;
min-height: 75px;
}
ul.title-list li p{
font-size:14px;
font-weight: normal;
color: #353535;
line-height: 1.5;
}
ul.title-list li img{
width:100%;
height: auto;
}
ul.service-list{
text-align: center;
padding: 0;
margin: 0;
font-size:0;
line-height: 0;
}
ul.service-list li{
display: inline-block;
width:90%;
margin: 10px;


}
ul.service-list li img{
width:100% !important;
height: auto;
}
@media (max-width:768px){


ul.title-list li{
width:48%;
margin: 0 2px 10px 2px;
}
ul.title-list li h3{
font-size:14.5px;
min-height:80px;
}
ul.title-list li p{
font-size:12px;

}

}




/*----------------------------------------------------------------------------------------
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:6px 0 6px 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){
.worksCont h3{

	font-size:1.1em;

	}

.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
----------------------------------------------------------------------------------------*/


.news-pageCont{
width:100%;
max-width:980px;
margin:30px auto;
padding:20px;
box-sizing: border-box;
border: 1px solid #E0E0E0;
border-radius: 5px;
background:url("../images/bg_50per_white.png");
color: #353535;
}

.size250{
width:100%;
max-width:250px;
}
.size300{
width:100%;
max-width:300px;
}
.size350{
width:100%;
max-width:350px;
}
.sizeMax{
width:100%;
max-width:inherit;
}


dl.newsList{
	width:80%;
	margin:0 auto;
	margin-bottom:40px;
	color:#3b3b3b;
	}
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;
	}



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;
}

}




/*----------------------------------------------------------------------------------------
　NEWS　ウィジェット
----------------------------------------------------------------------------------------*/

.news-widget{
position: absolute;
top:30px;
left:20px;
background-image: url("../images/bg_90per_white.png");
border-radius: 5px;
border: 1px solid #C0C0C0;
box-sizing: border-box;
padding: 20px 20px 7px 20px;
width:95%;
max-width:550px;

}
.news-title{
font-size:18px;
border-bottom: 1px solid #8B8B8B;
text-align: left;
margin: 0 0 8px 0;
padding:0 0 5px 25px;
background-image: url("../images/icon_news.png");
background-repeat: no-repeat;
background-size: 17px 17px;
background-position:left bottom 7px;
color: #2D2D2D;
}

dl.news-list dt{
float: left;
clear: left;
width: 110px; 
font-weight: normal;
padding: 6px 0 5px 0;
color: #2D2D2D;
font-size:13px;
}
dl.news-list dd{
margin: 0;
border-bottom: 1px dashed #8B8B8B;

font-weight: normal;
color: #2D2D2D;
font-size:13px;
background-image: url("../images/icon_next.png");
background-repeat: no-repeat;
background-size: 12px 12px;
background-position: right bottom 45%;
}
dl.news-list dd a{
display: block;
color: #252525;
padding: 6px 15px 6px 120px;
}
dl.news-list dd a:hover{
background:#47c8be;
}
.n-sub{
text-align: right;
margin: 0;
padding: 0;
font-size:13px;
}
@media (max-width:768px){

.news-widget{
position: relative;
top:inherit;
left:inherit;
max-width: none;
margin:10px auto;
padding:8px 14px 5px 14px;
}
.news-title{
font-size:16px;
padding-bottom: 5px;
padding-top: 10px;
background-size: 15px 15px;
background-position:left bottom 7px;
}
dl.news-list dt{
float:none;
clear:both;
width:100%; 
padding: 8px 0 2px 0;
}
dl.news-list dd a{
width:100%; 
padding:1px 14px 5px 10px;
font-weight: normal;
}

}


dl.detailTitle dt,dl.detailTitle dd{
display: none;
}
dl.detailTitle dd a:hover{
background: inherit;
cursor: default;
}


.btn_orange{
display: block;
border-bottom: 1px dashed #f95738;
background-image: url("../images/icon_arrow_o.png");
background-repeat: no-repeat;
background-size: 20px;
background-position:right 8px bottom;
color: #f94522 !important;
padding-left: 15px;
width:90%;

max-width:450px;
font-size: 14px;
}




.btn_open {
    display: flex;
	 justify-content: center;
    align-items: center;
letter-spacing: 0.1em;
    width:90%;
	max-width: 450px;
    margin:0 auto;
    padding: .4em 2em;
    border:1px solid #00aea0;
    border-radius: 5px;
    background-color:#FFF;
    color: #00aea0 !important;
    font-weight: normal;
    font-size: 13px !important;
	background-image: url("../images/icon_openTab.png");
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: right 10px bottom 7px;
}

.btn_open:hover {

    background-color:#E0F4F0;
}


.btn_top_scrl{
	position:fixed;
	width:45px;
	height:45px;

	bottom:60px;

	}

.btn_trun {
    display: flex;
 justify-content: center;
    align-items: center;
letter-spacing: 0.1em;
    width: 380px;
    margin:40px auto 20px auto;
    padding: .7em 2em;
    border: none;
    border-radius: 20px;
    background-color: #00aea0;
    color: #fff !important;
    font-weight: normal;
    font-size: 15px;
	background-image: url("../images/icon_turn-back.png");
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: right 20px bottom 14px;
}

.btn_trun:hover {
color: #FFF;
    background-color: #14ccbd;
}

.news-detail{
font-size:14px;
line-height: 1.8;
}

.news-detail a{
color: #f94522;
}


dl.detailTitle dt{
width: 180px;
border-left:4px solid #5B5B5B;
font-size:19px;
padding-left:14px;
}
dl.detailTitle dd{
font-size:19px;
background: none;
}


@media (max-width:768px){
dl.detailTitle dt{
font-size:13px;
width:100%;
padding-left:4px;
border-left: none;
}
dl.detailTitle dd{
font-size:16px;
}
.news-detail{
font-size:12px;
line-height: 1.5;
}

.btn_orange{
width:100%;
font-size: 12px;
}



.btn_open {
width:100%;
    margin:20px auto 10px auto;
    padding: .5em 2em;
	font-size: 12px !important;
	background-size: 12px;
	background-position: right 12px bottom 8px;
}
.btn_trun {
width:80%;
    margin:20px auto 10px auto;
    padding: .7em 2em;
	font-size: 13px;
	background-size: 20px;
	background-position: right 16px bottom 11px;
}


}




/*----------------------------------------------------------------------------------------
　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;
	}
	
h3.job-title{
position: relative;
width:100%;
max-width:920px;
margin:20px auto;
box-sizing: border-box;
	padding:15px 38px 15px 30px;
	text-align:left;
	display:block;
	font-size:16px;
	background:#00aea0;
	color:#FFF !important;
	cursor: pointer;
	transition: all 0.8s 0s ease;
	letter-spacing: 0.05em;
}
h3.job-title:hover{
background: #42e7da;
transition: all 0.8s 0s ease;
}
h3.job-title::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 18px;
  width: 9px;
  height: 20px;
  margin: auto;
  border-left: 4px solid #fff;
  box-sizing: border-box;
}
h3.job-title::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}

	
	
	
.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;
	background:#E5E5E5;
	}
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;
	line-height: 1.5
	}

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

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

}

@media (max-width:768px){
h3.job-title{
margin:10px auto;
	font-size:15px;

}
ul.listGroup4 li{
	width:100%;
	}
.recruitWrapper{
	width:95%;
	}
table.recruitTable{
	display: block;
	}
table.recruitTable th{
	width:100%;
	
	display: block;
	}
table.recruitTable td{
	width:100%;
	display: block;
	}
p.noJob{
	font-size:100%;
	}
}



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;
	}
.sp-mgn{
max-height: 980px !important;
}


.nav{
	margin-top:25px !important;

	}


@media (max-width:1280px){
.navbar-nav > li > a{
padding:6px;
}


}


@media (max-width:768px){
.sp-mgn{
margin-top:25px;
}
.navbar-brand {
width:200px;
  height:inherit;
}
.navbar {
  min-height: 75px !important;
}
.mobileCentl{
	text-align:center !important;
	}
	
.nav li:hover{
	background:#15c3b5 !important;
	}

}

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

.wid-Img{
width:100%;
}

.arrow_r {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.arrow_r:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.8s 0s ease;
}

.h-open .arrow_r:before {
transform: rotate(135deg);
transition: all 0.8s 0s ease;
}

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

.Fl_L50{
float: left;
width:50%;
text-align: left;
}
.Fl_L50 img{
margin-bottom: 8px;
}
.Fl_R50{
float:right;
width:50%;
text-align: left;
padding:0 15px 15px 20px;
}
@media (max-width:768px){
.Fl_L50{
float:none;
width:100%;
}
.Fl_R50{
float:none;
width:100%;
}
}



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

.mainColor{
	background:#00aea0;
	}
.wColor{
	background:#fcfcfc;
	}
.gColor{
	background:#00aa9c;
	}
.gLColor{
	background:#e0e2ea;
		}
.greyColor{
background:#f6f6f6;
}
.yelColor{
background:#f8bd23;
}
.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;
}