@charset "utf-8";
/*
 user customize css
*/

.mt5 {margin-top:  5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.toph2{font-size: 22px;}

/* ------------ Navbar ------------ */
.sitename{
    margin:15px 0 15px;
}
.sitename a{
    font-size: 1.6em;
    color: inherit;
}
i{
    font-size: 1.3em;
    color: inherit;
}
.navbar .navbar-inner {
    padding: 0;
}
.navbar .nav {
    margin: 0;
    display: table;
    width: 100%;
}
 
.navbar .nav li {
    display: table-cell;
    float: none;
}
.navbar .nav li a {
    font-weight: bold;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, .75);
    border-right: 1px solid rgba(0, 0, 0, .1);
}
.navbar .nav li:last-child a {
    border-right: 0;
    border-radius: 0 3px 3px 0;
}
/* ------------ home ------------ */
.header-box {
    position: relative;
    background-color: #aaa;
    margin-bottom: 70px;
}
.header-container{
    position:relative;
    max-width: 1170px;
    margin-left:auto;
    margin-right:auto;
    -webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
    box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
}  
.header-img{
    display: block;
    margin-left:auto;
    margin-right:auto;
}

/* ------------ Toparea ------------ */

#fstblck{
/*    margin-top: 60px;
    margin-bottom: 40px; */
}
#2ndblck{
/*    margin-top: 60px; */
}

.fstblck_content{
    margin-top:40px;
    line-height:1.6em;
    font-weight:500;
}
/* ------------ Toparea以外 ------------ */
section.left_corumn{
    min-height: 500px; 
    background-color:#fff; 
    border-radius:5px; 
    border:solid 1px #efefef;
}
/* ------------ footer ------------ */
footer{
    background-color:#eee;
    min-height: 150px;
    border-top:solid 1px #b5b5b5; 
    margin-top:50px;    
}
#footer_copyright{
    background:#cf230c;
    padding-top:10px;
    padding-bottom:10px;
    color:#fff;
}
/* ------------ breadcrumb ------------ */
.breadcrumb{
    background-color:#fff;
    margin-bottom: 10px;
}
.breadcrumb > li + li:before {
    content: ">";
}
.breadcrumb > li:first-child:before {
    font-family: 'Glyphicons Halflings';
    font-size:0.8em;
    margin:0 5px;
    content:"\e021";
}
.img-responsive-overwrite{
    margin: 0 auto;
}

/* ------------ コンタクトフォーム７ ------------ */
.form-width { max-width: 100%;}
.wpcf7-submit {
    font-size: 1.2em;
    padding: 5px 30px;
    background-color: #248;
    color: #fff;
    border-style: none;
}
.wpcf7-submit:hover:enabled {
    background-color: #24d;
    color: #fff;
}
.asterisk {
    margin: 0 0 0 0.2em;
    color: #f5637a;
}

/* ------------ 見出し装飾 ------------ */
section.left_corumn h2{
    background-color:#9CBC5A;
    color:#fff;
    margin:15px 0 30px 0;
    padding:5px 5px 5px 15px;
    } 
section.left_corumn h3{
    position: relative;
    font-size: 1.143em;
    font-weight: bold;
    margin: 1em 0 0.8em;
    padding: 0.5em 0.5em 0.5em 2.0em; 
    border-bottom: 2px solid #aa0;
} 
section.left_corumn h3:before{
    content: "□"; /* 左側の□ */
    font-size: 200%;
    position: absolute;
    color: #80CEDD /*#ff6b6e*/;
    top: -0.5em; /* -0.8em; */
    left: 0.3em;
    height: 12px;
    width: 12px;
} 
section.left_corumn h3:after{
    content: "□"; /* 右側の□ */
    font-size: 200%;
    position: absolute;
    color: #029EBC /*#B92A2C*/;
    top: -0.3em; /* -0.5em; */
    left: 0;
    height: 12px;
    width: 12px;
} 
section.left_corumn h4 {
margin:20px 0 8px 0;
padding:3px 5px;
border-width:0 0 1px 9px ;
border-color:#029EBC; /*#029EBC*/;
border-bottom-style:dotted;
border-left-style: solid;
background:#fff;
width: 90%;
color:#333; /* #017589; */
/* line-height:140%;
font-weight:bold; */
}
 
/* ------------ Jumbotron ------------ */
header.jumbotron:before {
    background-color:rgba(0,0,0,0.8);
} 
header.jumbotron {
    background-color: rgba(0, 0, 0, 0.498039); 
    background: url("../images/kohuri_top_a.png");
    background-position: center center;
    background-size: cover;
    height: 350px;
    color: #fff;
    -webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
    box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
}
h1.jumbotron-h1{
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
header.jumbotron_sub {
    background-color: rgba(0, 0, 0, 0.498039);
    background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.5))
        /* , url("../images/top_xxx.png")*/ ;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    border:1px solid #e7e6e4;
    background-position: center center;
    background-size: cover;
    height: 200px;
    color: #fff;
}
header.container {
    margin-top: 13%;
}   
header.detail-btn {
  border: 1px solid #fff;
  color: #fff;
  border-radius: 0;
}
header.detail-btn:hover {
  color: #0089ff;
  border-color: #0089ff;
}    
.navbar-form {
  padding-right: 30px;
}

/* ------------ Navdropdown ------------ */
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}
.top-img{
    height: 0;
    padding-top: 35.74%;
    background: url("../images/top_bg-1024x366.png") 0 0 no-repeat;
    background-size: contain;
}

body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴ
シック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"メイリオ", Meiryo, sans-serif;
  font-size: 16px; //16px
  color:#aaa;
  line-height: 1.42857;
}
 
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラ
ギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,
sans-serif;
  font-weight: 200; /* 300 */
  line-height: 1.2;
}

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