* {
  font-famly:sans-seif;
}




html{

font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}


body {
    font-size: 14px;
    line-height: 1.42857143;
    margin: 0px;
    padding: 0px;
background:#fdfdfd;
overflow-x: hidden;
}

section:{
margin: 0px;

}

.blue{
background:#F4F7FA;
}

.view_sp{
display:none;
}

.lead{
font-size:1.25em;
color:#333;
}
.s{
font-size:0.7em;
font-weight:normal;
line-height:0.5rem;
}

.bold{
font-weight:bold;

}



.red{
color:#D76B5E;
}

.mt-20{
margin-top:20px;
}

.mt-50{
margin-top:50px;
}

.mt-100{
margin-top:100px;
}

.clear-100{
margin-top:0px;
}


.red{
   color: red;
}



ul {
    margin: 0;
    padding: 0px;
    list-style: none;
}

h1 {
    font-size: 60px;
}

h2 {
font-size: 2em;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    margin-bottom: 10px;
   background: url("../images/bg_h2.jpg") no-repeat bottom left;
padding-bottom:10px;
}


h3, h4, h5 {

    font-weight: 400;
    margin-bottom: 20px;
}


a h4:hover {
    text-decoration: underline;
}



@font-face { 
    font-family: 'FontAwesome'; 
    src: local('FontAwesome'); 
}

ul li {

    line-height: 27px;
    list-style-type: none;

}

a {
    color: #0064c8;
}

a:hover {
    color: #009be3;
}


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

.branding{
margin:15px;
}


.branding img#logo {

    margin-left: 7%;
}


.clear {
    clear: both;
}

.center {
text-align:center;
margin:0 auto;
}


.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    
}


.caption {
    text-align: center;
    margin-bottom: 70px;
    border:1px solid #efefef;
padding:5px;
    margin:20px 10px 20px 0px;
    background: #ffffff;
    min-height:400px;
    box-shadow: 2px 2px 4px #cdcdcd;
}

.cap_t{

font-size:1.2em;

display:block;
margin:10px auto;
line-height:2em;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.sign{
font-size:1.2em;
width:100%;
display:block;
margin:10px auto;
line-height:2em;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
font-weight:bold;
}








/***************** NAV ***************/
nav{
margin:0px;

}
 
.fixed-header {
    background: #000 !important;

 }

 .fixed-header .navbar-nav > li > a {
     color: #000;
     opacity: 1;
     
 }

.fixed-header .navbar-default .navbar-nav .activenav a { 
    opacity: 1;

}

.fixed-header .navbar-nav >li > a:hover {
    border-bottom: 1px solid #111;
    
}


#top-nav.navbar-scroll-changed {
    background: none;
    margin: 0 auto;
    border: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    float:none;
 }


.wrap_navi{
    background: #000;
    width:100%;
    display:block;
margin-top:3px;
margin-bottom:0px;
}

.navi_container{
    background: #000;
    width:100%;
margin:0 auto;
text-align:center;
    display:block;
}

.wrap_navi li{
    color:#fff;
    float:left;
border-left:1px solid #fff;
    padding:8px 28px 8px 28px;
}


.wrap_navi li:last-child {
border-right:1px solid #fff;

}

.wrap_navi li:hover{
    background: #004fc6;
}

.wrap_navi li a{
color:#fff;
}



/************ INDEX ***************/
.hero-overlay{background:rgba(0,0,0,.0);
height:auto;
top:0;left:0;bottom:0;right:0;

}

.hero-image{margin-bottom:20px;margin-top:-20px;}

.hero-image #home{background: url("../images/home-hero-1.jpg") center no-repeat;position:relative;width:100%;background-size:cover;overflow:hidden;


}

.box_welcome{
width:80%;
display:block;
margin:0 auto;
padding:60px 150px 50px 100px;
text-align:center;

font-size:1em;
background-image: url("../images/bg_welcome.png");
background-size:cover;
background-repeat:no-repeat;

}




#home{
margin-top:-20px;
padding-top:70px;
}

.hero-overlay p{
font-size:1.25em;
line-height:2em;
}




.title {
    text-align: center;
    margin-bottom: 70px;
}

.title p {
    font-size: 14px;
    color: #9d9d9d;
}

.title h2 {
margin-bottom: 15px !important;

}

.catchcopy {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-top:5px;
 padding-bottom: 5px;
font-size:2.25em;
}



.description {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-top:5px;
 padding-bottom: 5px;
font-size:1.7em;
}

.description-image {
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.4px;
    padding: 15px 230px;
    line-height: 25px;
}


.text-white{
color:#fff;
}



.w_out{
color:#fff;
background:none;
border:1px solid #fff;
font-size:1em;
padding:10px 30px;
margin:15px 0 0px 0;
}

.w_out:hover{
background:#000;
transition: 1.0s ;
}








#services{
padding-top:50px;
padding-bottom:80px;
}

#services p{
font-size:18px;
}





/************ TABLE ***************/


.box_contact{
   background:#fff;
padding:30px;
margin:20px auto;
 border: 4px solid #efefef;
 width:85%;
 
}



table li{

list-style:none;
}

.table_design03 {
  border-collapse: collapse;
  width: 100%;
font-size:1em;
  line-height:2em;
}
.table_design03 th, .table_design03 td {
  border-bottom: 2px solid #c1c7c6;
  padding: 1em;
}
.table_design03 th {
  border-bottom: 2px solid #4d9bc1;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;

}
          
 /************ TABLE responsive ***************/
.tbl-r02 {
  border-collapse: collapse;
  width: 100%;
font-size:1em;
  line-height:2em;

}

.tbl-r02 th {
  padding: 10px;
  border-bottom: 2px solid #4d9bc1;

}

.tbl-r02 td {
  padding: 10px;
    border-bottom: 2px solid #c1c7c6;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 0px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
  .tbl-r02 th{
  background:#4d9bc1;
  color:#fff;
  display: block;
    border-bottom: 0px solid #4d9bc1;
  }  
  
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
    border-bottom: 0px solid #c1c7c6;
  }
}







/**************** END MEDIA QUERIES **************/




/************ FOOTER ***************/


#footer {
     margin-bottom: 0px;   
     background-color: #000;
     padding: 50px;
     text-align:center;
color:#fff;
}


.back-to-top {
    position: fixed;
    right: 10px;
    bottom: 20px;
    color: #fff;
    width: 40px;
    height: 40px;
    z-index: 9999;
    display: none;
     font-weight:bold;  
}



.back-to-top:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background: #158ed3;

}

.back-to-top:hover:before{
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background: #0f6596;
   color: #fff;
}


.back-to-top:after {
    content: "↑";
    display: block;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
       color: #fff;
}




/**************** MEDIA QUERIES ******************/


@media (max-width: 768px) {

#services{
padding:50px 30px;
}
  

.mt-50{
margin-top:5px;
}
.mt-100{
margin-top:15px;
}

.hero-overlay{background:rgba(0,0,0,.0);
height:550px;
top:0;left:0;bottom:0;right:0
}

.box_welcome{
width:100%;
margin-top:-70px;
padding:130px 50px 40px 50px;
text-align:center;

font-size:1em;

background-image:none;
background-size:cover;
background-repeat:no-repeat;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
background-image: url("../images/home-hero-sp.jpg");
}



.hero-overlay p{
font-size:1em;
line-height:2em;
}




.description {
font-size:1.3em;
    font-weight: bold;
    text-align: left !important;
    padding-bottom: 5px;
    max-width: 450px;
    margin: 0 auto;
}


 
 
.wrap_navi{

    width:100%;
    display:table;
margin-top:10px;

}

.navi_container{
width:100%;
margin:0 auto;
text-align:center;
padding-bottom:30px;
}

.wrap_navi li{
    color:#fff;
    float:none;
border-bottom:1px solid #fff;
    padding:8px 28px 8px 28px;
}


.wrap_navi li:last-child {
border-right:0px solid #fff;

}

.wrap_navi li:hover{
    background: #004fc6;
}

.wrap_navi li a{
color:#fff;
}
  


.box_contact{
   background:#fff;
padding:10px;
margin:20px auto;
 border: 4px solid #efefef;
 width:100%;
 
}

.catchcopy {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-top:5px;
 padding-bottom: 5px;
font-size:1.6em;
line-height:1.8em;
}

.branding{
margin:5px;
}


.branding img#logo {
padding-top:15px;
margin-left: 25px;

}

.branding img {
width:300px;
}
.fixed-header {
background: #fff !important;
 }
 
 .navbar-toggle{
background:#cdcdcd;
color:#fff;
position:absolute;
top:-40px;
right:0px;
z-index:9999;
width:35px;
}

.icon-bar{
background:#fff;
margin-left:-5px;
}


.hero-image{margin-bottom:20px;margin-top:-50px;
}


#link01 ,#link02 ,#link03 ,#link04 ,#link05{

}

}