@charset "utf-8"; /*utf-8の場合*/
<script src="https://use.fontawesome.com/aa4f666821.js"></script>
/*要素*/
body{
  font-family: 'Noto Sans Japanese',  sans-serif 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
p{
  font-size: 14px;
  line-height: 2;
}
ul,li{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
li a{
  display: block;
}
a:hover{
  color: #777;
  text-decoration: none;
}
a:active{
  color: #fff;
}
.bold{
  font-weight: bold;
}
.777{
  color: #777;
}
.fs10{
  font-size: 10px;
}
.fs18{
  font-size: 18px;
}
.fs24{
  font-size: 24px;
}
.w50{
  width: 50%;
}
.w300{
  max-width: 300px;
}
/*margin*/
.m0{margin:0px;}
.m4{margin:4px;}
.m5{margin:5px;}
.m8{margin:8px;}
.m10{margin:10px;}
.m12{margin:12px;}
.m16{margin:16px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mr4{margin-right:4px;}
.mr5{margin-right:5px;}
.mr8{margin-right:8px;}
.mr10{margin-right:10px;}
.mr12{margin-right:12px;}
.mr16{margin-right:16px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb12{margin-bottom:12px;}
.mb16{margin-bottom:16px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml8{margin-left:8px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml16{margin-left:16px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
/*padding*/
.p0{padding:0px;}
.p4{padding:4px;}
.p5{padding:5px;}
.p8{padding:8px;}
.p10{padding:10px;}
.p12{padding:12px;}
.p16{padding:16px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.pt4{padding-top:4px;}
.pt5{padding-top:5px;}
.pt8{padding-top:8px;}
.pt10{padding-top:10px;}
.pt12{padding-top:12px;}
.pt16{padding-top:16px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pr4{padding-right:4px;}
.pr5{padding-right:5px;}
.pr8{padding-right:8px;}
.pr10{padding-right:10px;}
.pr12{padding-right:12px;}
.pr16{padding-right:16px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pb4{padding-bottom:4px;}
.pb5{padding-bottom:5px;}
.pb8{padding-bottom:8px;}
.pb10{padding-bottom:10px;}
.pb12{padding-bottom:12px;}
.pb16{padding-bottom:16px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pl4{padding-left:4px;}
.pl5{padding-left:5px;}
.pl8{padding-left:8px;}
.pl10{padding-left:10px;}
.pl12{padding-left:12px;}
.pl16{padding-left:16px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 16px;
    background-color: rgba(255, 255, 255, 1);
    border-bottom-width: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: #222;
    background-color: rgba(255, 255, 255, 1);
    font-weight: bold;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(231, 231, 231, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}


.bt{
  border-top: solid 1px #eee;
}
.bb{
  border-bottom: solid 1px #eee;
}
.br{
  border-right: solid 1px #eee;
}
.bl{
  border-left: solid 1px #eee;
}
.border{
  border: solid 1px #eee;
}
.aproach{
  background: #fafafa;
}

.image-bg-fluid-height-facili{
  background: url('img/bg-facili.jpg') no-repeat center center scroll;
    padding: 180px 0;
}

.image-bg-fixed-height-facili{
  background: url('img/bg-facili.jpg') no-repeat center center scroll;
    height: 450px;
}
.image-bg-fluid-height-facili,
.image-bg-fixed-height-facili{
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.s-menu a{
  color: #222;
}
/*boxdecoration*/
.shape{
  border-radius: 100%;
}

/*fortabs*/
.tab_design{
  background-color: white;
  color: black;
  border-radius:0 !important;
  text-align:center;
}

.active>.tab_design{
  background-color: black !important;
  color: white !important;
}

.tab_width li{
/*  width:33.3% !important;*/
}

/*forheader*/
.border_cancel{
  width: 100%;
}

footer{
  border-top: solid 1px #eee;
}




figure {
  position: relative;
  overflow: hidden;
  width: 140px;
}
figcaption {
  position: absolute;
  top: -100%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.2);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 1;
  color: #fff;
}
figure:hover figcaption {
  top: 0;
  left: 0;
}