﻿.ceo{position:relative}
.ceo-name{position:absolute;top:50px}

@media (min-width: 768px){
    .container{width:750px}
    .col-btn-1,.col-btn-1-2,.col-btn-5,.col-btn-6,.col-btn-6-2{float:left}
    .col-btn-6{width:48.5%;text-align:center}
    .col-btn-6-2{width:48.5%;text-align:center}
    .col-btn-5{width:46%;text-align:center}
    .col-btn-1{width:6%}
    .col-btn-1-2{width:6%}
    .col-btn-5 a.btn,.col-btn-6 a.btn{font-weight:700;text-align:center;width:80%}
    .p-icon{width:20%;height:105px}
    .p-icon2{width:20%;height:85px}.p-icon3{width:20%;height:95px}
    .p-icon105{width:20%;height:105px}
    .p-icon9{width:20%;height:115px}
    .col-md-6{float:left;background:#fefefe}
    .img_block1{border:1px solid #e1e4e4;width:48.8%;margin-right:5px;margin-bottom:5px;padding:5px 0}
    .col-md-5 img{margin:0 auto;margin-bottom:10px}
    #page-nav img{display:none}
    #page-nav .nav-header{font-size:.9em;text-align:center;border:0;cursor:pointer;border-bottom:2px solid #fff;padding:7px 0}
    #page-nav .nav-header p{width:120px;margin:0 auto}
    .list-group-item{padding:7px 10px}
}

@media (min-width: 992px){
    .container{width:960px;padding:0}
    .col-btn-1,.col-btn-1-2,.col-btn-5,.col-btn-6,.col-btn-6-2{float:left}
    .col-btn-6{width:48.5%;text-align:center;margin-right:5px}
    .col-btn-6-2{width:48.5%;text-align:center}
    .col-btn-5{width:46%;text-align:center}
    .col-btn-1{width:6%}
    .col-btn-1-2{width:6%}
    .col-btn-5 a.btn,.col-btn-6 a.btn{font-weight:700;text-align:center;width:80%}
    .p-icon{width:25%;height:105px}
    .p-icon2{width:25%;height:85px}
    .p-icon3{width:25%;height:95px}
    .p-icon105{width:25%;height:105px}
    .p-icon9{width:25%;height:115px}
    .img_block1{border:1px solid #e1e4e4;width:48.8%;margin-right:5px;margin-bottom:5px;padding:5px 0}
    #page-nav img{display:block}
    #page-nav .panel{border:0;border-radius:0}
    #page-nav .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}
    #page-nav .list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
    #page-nav .nav-header{background:#91C85A;color:#fff;font-size:13px;text-align:center;border:0;cursor:pointer;border-bottom:2px solid #fff}
    #page-nav .nav-header:last-child{border-bottom:1px solid #fff}#page-nav .nav-header p{width:120px;margin:0 auto}
    #page-nav .nav-header div{
        display:block;text-shadow:1px 1px 3px #444;
        zoom:1;
        filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#555555) progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#888888) progid:DXImageTransform.Microsoft.dropshadow(OffX=1.1,OffY=1.1,Color=#aaaaaa);
        width:160px;
        margin:0 auto
    }
}

/*
@media (min-width: 1200px){
    .container{width:960px}}.row{margin-top:15px;margin-left:0}
    .col-md-nav,.col-md-main{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
    .col-md-main{padding-bottom:80px}
}
*/
@media (min-width: 1200px) {
  .container {
    width: 960px;
  }
}

.row {
  margin-top:15px;
  margin-left: 0px;
}

.col-md-nav {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-main {
  position: relative;
  min-height: 1px;
/*
  padding-right: 15px;
  padding-left: 15px;
*/
    padding: 0 4.2%;
}



.col-md-main{
    padding-bottom: 80px;
}


@media (min-width: 992px) {
  .col-md-main, .col-md-nav {
    float: left;
  }
  .col-md-main {
/*    width: 69.7%;*/
    width: 75.3%;
/*    background: #00ff00;*/
  }
  .col-md-nav {
    width: 23.1%;
  }

}



@media (max-width: 991px){
    .navbar-tel {display: none;}

    #global-nav {
        background: #C2EAB7;
        height: 33px;
    }
    #global-nav li a {
        width: 120px;
    }

    #global-menu a {
        height: 33px;
        background-repeat: no-repeat;
        background-position: top center;
        text-indent:-9999px;
        margin-bottom: 5px;
    }
    #global-menu a:hover {
        height: 33px;
    }

    #global-menu .nav01 a {
        background-image: url(/assets/img/menu/home_1.png);
        background-size: 120px;
    }
    #global-menu .nav01-1 a {
        background-image: url(/assets/img/menu/home_2.png);
        background-size: 120px;
    }
    #global-menu .nav02 a {
        background-image: url(/assets/img/menu/info_1.png);
        background-size: 120px;
    }
    #global-menu .nav02-1 a {
        background-image: url(/assets/img/menu/info_2.png);
        background-size: 120px;
    }
    #global-menu .nav03 a {
        background-image: url(/assets/img/menu/buy_1.png);
        background-size: 120px;
    }
    #global-menu .nav03-1 a {
        background-image: url(/assets/img/menu/buy_2.png);
        background-size: 120px;
    }
    #global-menu .nav04 a {
        background-image: url(/assets/img/menu/srv_1.png);
        background-size: 120px;
    }
    #global-menu .nav04-1 a {
        background-image: url(/assets/img/menu/srv_2.png);
        background-size: 120px;
    }
    #global-menu .nav05 a {
        background-image: url(/assets/img/menu/faq_1.png);
        background-size: 120px;
    }
    #global-menu .nav05-1 a {
        background-image: url(/assets/img/menu/faq_2.png);
        background-size: 120px;
    }

    #global-menu .nav06 a {
        background-image: url(/assets/img/menu/coop_1.png);
        background-size: 120px;
    }
    #global-menu .nav06-1 a {
        background-image: url(/assets/img/menu/coop_2.png);
        background-size: 120px;
    }



    #global-menu .nav > li > a:hover,
    #global-menu .nav > li > a:focus {
      text-decoration: none;
      background-color: #5A883E;
    }




    .copyright{text-align:center}
    #top-info{margin-bottom:20px}
    #top-bnr ul li{float:left;margin-right:10px}
}

@media (max-width: 767px){

    #header-bar {
        padding: 8px 0 5px 0;
        margin-bottom:2px;
    }

    .navbar-tel {display: none;}

    #header-bottom {margin-bottom:10px;}
    .copyright{text-align:center;font-size:70%}
    dl.dl-yakuin dt{font-weight:700;float:none;margin-bottom:5px}
    dl.dl-yakuin dd{margin-bottom:10px;margin-left:0}
    dl.dl-yakuin dt p{width:100%;margin:0 auto}
    #top-info{margin-bottom:20px}
    #top-bnr ul li{float:left;margin-right:10px}
    .header-nav,.header-search{display:none}
    #global-nav{background:#444;height:100%}
    #global-nav ul{margin:0 auto;padding:5px}
    #global-nav li a{
        width:49.5%;
        height:100px;
        float:left;
        text-align:center;
        color:#fff;
        margin:0;
        padding:5px 0;
        margin-bottom:100;
        background:#666
    }
    #global-menu a{
        background-repeat:no-repeat;
        background-position:top center;
        text-indent:0
    }
    #global-menu .nav01 a{background-image:none;height:100%;margin-bottom:1px;margin-right:1px}
    #global-menu .nav02 a{background-image:none;height:100%;margin-bottom:1px}
    #global-menu .nav03 a{background-image:none;height:100%;margin-bottom:1px;margin-right:1px}
    #global-menu .nav04 a{background-image:none;height:100%;margin-bottom:1px}
    #global-menu .nav05 a{background-image:none;height:100%}
    #global-nav{display:none}
    #page-nav{display:none}
    #smart-nav{
        position:absolute;
        float:right;
        background:#6CA24A;
        width:50px;
        height:65px;
        top:0;
        left:0
    }
    #smart-nav a{
        position:absolute;
        top:0;
        left:0;
        width:50px;
        height:65px;
        background:center center no-repeat transparent;
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC);
        display:block
    }
    #header {
        height: 65px;
    }

    #header h1 a.navbar-brand {width:100%;}
    #header h1 a.navbar-brand {
        margin-top: -5px;
    }
    .navbar-brand img{
        display: block;
        width:230px;
/*        max-width: 230px;*/
        margin:0 auto;

    }
    .col-btn-6{width:100%;text-align:center;margin-bottom:10px}
    .col-btn-6-2{width:100%;text-align:center}
    .col-btn-5{width:46%;text-align:center}
    .col-btn-1{width:6%}
    .col-btn-1-2{width:6%}
    .col-btn-5 a.btn,.col-btn-6 a.btn,.col-btn-6-2 a.btn{font-weight:700;text-align:center;width:80%}
    .p-icon{width:20%;height:105px}
    .p-icon2{width:20%;height:85px}
    .p-icon3{width:20%;height:95px}
    .p-icon105{width:20%;height:105px}
    .p-icon9{width:20%;height:115px}
    .col-md-6{float:left;background:#fefefe}
    .img_block1{border:1px solid #A23B3B;width:100%;margin-right:0;margin-bottom:5px;padding:5px 0}
    .col-md-5 img{margin:0 auto;margin-bottom:10px}
    .page-sub-title{line-height:1}
    .page-sub-title h3{font-size:.9em}
    .product-mark{margin-top:0}
    #footer .line01{border-top:2px solid #DBF5D3}
    #footer .line02{border-top:2px solid #6CA24A}
    #footer{background:#6CA24A}
    #footer .footer-nav ul li{width:100%;list-style:none;margin:0 auto;margin-bottom:1px;letter-spacing:normal;text-align:left}
    #footer .footer-nav ul li a{display:block;width:100%;color:#fff;background:#99C47E;padding:0 15px}
    #footer .footer-nav{padding:10px 0}
    #footer .footer-nav ul li{border-left:1px solid #DBF5D3;font-size:.9em;line-height:2}
    #footer .footer-nav ul li:first-child{border-left:2px solid #257024}
    .copyright{text-align:center;color:#fff;padding-bottom:10px}
    .btn_company_dl{width:100%}
    .top_banner_tile{width:50%;}
    .top_banner_tile img{margin:0 auto;}
    .top-bnr{width:40%;}
    .top-bnr img{margin:0 auto;}

    .top_banner_tile4 {
        float: left;
        width: 50%;
        margin-right: 0px;
    }
    .top_banner_tile4 .top_banner_tile4_in img {}
    .top_banner_tile4 .top_banner_tile4_in {}
    .top_banner_tile4 .top_banner_tile4_in .tile_icon {
        margin-right:10px;
    }
}

@media (max-width: 664px){
    .top_banner_tile4 {
        width: 100%;

    }
}



@media (min-width: 768px){
    .modal-dialog-map{width:250px;margin:30px auto}
}



