/*!
 * Bootstrapをベースに変更したい個所
 * 独自クラスをここに記述する
 *
 *
 *
 *
 */
* {
    font-style: normal;
    font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: normal;
    letter-spacing:1.5px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color:#3c3c3c;

}
html,body{
    height:100%;
}
html{
    position: relative;
    overflow-x: hidden;
}

@media screen and (min-width: 0px) and (max-width: 767px)
{
* {
    font-size: 14px;
}

}

/*----------------------------------------------------
 * aタグ
 *----------------------------------------------------*/
a:link {text-decoration:none;color:#ffffff;}
a:visited {text-decoration:none;color:#ffffff;}
a:hover {text-decoration:underline;color:#ffffff;}
a:active {text-decoration:none;color:#ffffff;}


/*----------------------------------------------------
 * 共通
 *----------------------------------------------------*/
.margin-t20{
    margin-top:20px;
}
.margin-t40{
    margin-top:40px;
}
.margin-b20{
    margin-bottom:20px;
}
.margin-b10{
    margin-bottom:10px;
}
.margin-b0{
   margin-bottom:0;
}
.padding-LR0{
   padding-right:0;
   padding-left:0;
}

/*------------------------------
 *  768px以上
 *----------------------------*/
@media screen and (min-width: 768px){
.pc_div{
	display:block;
}
.sm_div{
	display:none;
}
}

/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px){
.pc_div{
	display:none;
}
.sm_div{
	display:block;
} 

}

/*-----------------------------------------------------------------------------------------
 *  背景
 *----------------------------------------------------------------------------------------*/
/*------------------------------
 *  1921px以上 bigger
 *----------------------------*/
@media screen and (min-width: 1921px) {
.bg-img{
    background-image: url('../images/bg-img-bigger.png');
}
}
/*------------------------------
 *  1201px以上（ＰＣサイト）1920px以下 big
 *----------------------------*/
@media screen and (min-width: 1201px) and (max-width: 1920px) {
.bg-img{
    background-image: url('../images/bg-img-big.png');
}
}
/*------------------------------
 *  1001px以上（ＰＣサイト）1200px以下 middle
 *----------------------------*/
@media screen and (min-width: 1001px) and (max-width: 1200px) {
.bg-img{
    background-image: url('../images/bg-img-middle.png');
}
}
/*------------------------------
 *  992px以上 1000px以下 pc small
 *----------------------------*/
@media screen and (min-width: 992px) and (max-width: 1000px) {
.bg-img{
    background-image: url('../images/bg-img-small.png');
}
}
/*------------------------------
 *  768px以上（ＰＣサイト）991px以下　tab
 *----------------------------*/
@media screen and (min-width: 768px) and (max-width: 991px) {
.bg-img{
    background-image: url('../images/bg-img-tab.png');
}
}
/*------------------------------
 *  767px以下 sm
 *----------------------------*/
@media screen and (max-width: 767px){
.bg-img{
    background-image: url('../images/bg-img-sm.png');
}
}


/*-----------------------------------------------------------------------------------------
 *  グローバルメニュー関係
 *----------------------------------------------------------------------------------------*/
.global_navi{
    margin-top:10px;
}
.navbar {
    padding:20px 0 400px 0;"
    margin: 0;
}
.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}
.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-nav{
    margin: 0 auto;
    margin-top:18px;
    display: table;
    table-layout: fixed;
    float:none;
}

/*------------------------------
 *  767px以下
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
.navbar {
    padding-bottom:250px;
}

.navbar-toggle{
    margin-top:-10px;
    border: none;
}
.icon-bar{
    background-color: #ffffff!important;
}
}


/*-----------------------------------------------------------------------------------------
 *  ヘッダー
 *----------------------------------------------------------------------------------------*/

.header{
    padding:0;
}


/*------------------------------
 *  1001px以上（ＰＣサイト）1200px以下
 *----------------------------*/
@media screen and (min-width: 1001px) and (max-width: 1200px) {

}
/*------------------------------
 *  768px以上（ＰＣサイト）1000以下
 *----------------------------*/
 @media screen and (min-width: 768px) and (max-width: 1000px) {

}
/*------------------------------
 *  768px以上
 *----------------------------*/
@media screen and (min-width: 768px)
{

}
/*------------------------------
 *  767px以下
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
}

/*-----------------------------------------------------------------------------------------
 *  メッセージ
 *----------------------------------------------------------------------------------------*/
#message{
    margin-top:-378px;
    margin-bottom:70px;
}
.pc_nuri_img{
    margin-top:18px;
}
/*------------------------------
 *  767px以下
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
#message{
    margin-top:-250px;
}
}

/*-----------------------------------------------------------------------------------------
 *  お知らせライン
 *----------------------------------------------------------------------------------------*/
.news_line {
    border-bottom: 1px solid #815e68;
}

/*-----------------------------------------------------------------------------------------
 *  お知らせ
 *----------------------------------------------------------------------------------------*/
#news{
    padding-top:60px;
}
#news_sub{
    position: relative;
    max-width:940px;
    border-top: 1px solid #815e68;
    border-bottom: 1px solid #815e68;
    margin-bottom:70px;
}

#news_sub .title{
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%) translateX(0em);
}
#news_wrap{
    margin-top:50px;
}
#news_list{
    list-style:none;
    margin-top:50px;
    margin-bottom:50px;
}
#news_list li{
    margin-bottom:25px;
}

.news_List_Ymd{
    color:#815e68;
}
.news_List_Title{
    margin-left:20px;
}

.news_List_Title a:link {text-decoration:none;color:#3c3c3c;}
.news_List_Title a:visited {text-decoration:none;color:#3c3c3c;}
.news_List_Title a:hover {text-decoration:underline;color:#3c3c3c;}
.news_List_Title a:active {text-decoration:none;color:#3c3c3c;}


/*------------------------------
 *  767px以下
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
#news {
    padding-top:226px!important;
    margin-top:-166px!important;
}
#news_list {
    margin-top: 30px;
    margin-bottom: 30px;
}
#news_list li{
    margin-bottom:5px;
    line-height:250%
}
#news_sub{
    margin-bottom:50px;
    margin-right:10px;
    margin-left:10px;
}
}


/*-----------------------------------------------------------------------------------------
 *  中西の技
 *----------------------------------------------------------------------------------------*/
#tech{
    margin-bottom:60px;
}
.tech-title{
    margin-bottom:50px;
}

.tech-img-1{
    margin-left:-30px;
}
.tech-img-2{
    margin-left:40px;
    margin-right:-90px;
    margin-top:190px;
}
.tech-msg-1{
    margin-left:-40px;
    margin-top:90px;
}
.tech-msg-2{
    margin-left:40px;
    margin-right:-90px;
    margin-top:140px;
}

/*------------------------------
 *  768px以上　991px以下　タブレット
 *----------------------------*/
@media screen and (min-width: 768px) and (max-width: 991px)
{
.tech-img-1{
    margin-left:-0px;
}
.tech-img-2{
    margin-left:0px;
    margin-right:0px;
    margin-top:190px;
}
.tech-msg-1{
    margin-left:0px;
    margin-top:90px;
}
.tech-msg-2{
    margin-left:0px;
    margin-right:0px;
    margin-top:140px;
}
}
/*------------------------------
 *  767px以下（スマホサイト）
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
#tech {
    padding-top:166px!important;
    margin-top:-166px!important;
}

.tech-img-1{
    margin-left:-0px;
}
.tech-img-2{
    margin-left:0px;
    margin-right:0px;
    margin-top:20px;
}
.tech-msg-1{
    margin-left:0px;
    margin-top:0px;
}
.tech-msg-2{
    margin-left:0px;
    margin-right:0px;
    margin-top:140px;
}

}


/*-----------------------------------------------------------------------------------------
 *  カタログ
 *----------------------------------------------------------------------------------------*/
#catalog{
    margin-bottom:90px;
}

.catalog_img{
    margin-top:40px;
}

/*------------------------------
 *  767px以下（スマホサイト）
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
#catalog {
    padding-top:166px!important;
    margin-top:-166px!important;
}
}


/*-----------------------------------------------------------------------------------------
 *  会社概要
 *----------------------------------------------------------------------------------------*/
#company_sub{
    padding-top:40px;
    padding-bottom:80px;
}
#company_sub h2{
    margin-bottom:50px;
}
#company_sub h3{
    margin-left:-70px;
    margin-top:0px;
    margin-bottom:50px;
}
.company_subtitle{
    max-width:460px;
}
.table_left{
    border-right: 1px solid #ffffff;
}
.table_hr{
    border-top: 1px dotted #ffffff;
    padding-top:30px;
}
.table_right{
    padding-left: 55px;
}
#company table{
    max-width:460px;
}
.table_420{
    max-width:420px!important;
}
.table>tbody>tr>td, .table>tbody>tr>th{
    padding: 5px 0px 14px 0px;
    border-top: none;
    color:#ffffff;
}
.table>tbody>tr>td{
   padding-left: 30px;
}
.line_top{
    padding-bottom:30px!important;
}
.line_bottom{
    padding-top:30px!important;
}

.company_link{
    max-width:520px;
    margin-top:10px;
}
.table_420>tbody>tr>td{
    padding-left:38px!important;
    text-indent:-8px;
}

/*------------------------------
 *  992px以上　PC
 *----------------------------*/
@media screen and (min-width: 992px)
{
.br-sp{
    display:none;
}
}

/*------------------------------
 *  768px以上　991px以下　タブレット
 *----------------------------*/
@media screen and (min-width: 768px) and (max-width: 991px)
{

}
/*------------------------------
 *  767px以下（スマホサイト）
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
#company {
    padding-top:166px!important;
    margin-top:-166px!important;
}
.company_link{
    margin-bottom:50px;
}
#company_sub{
    padding-bottom:40px;
}

#company h3 {
    margin-left: 0px;
}
.company_subtitle{
    max-width:100%;
}
#company table{
    max-width:100%;
}
.table_420{
    max-width:100%!important;
}
.company_link{
    max-width:100%;
}
.table_right {
    padding-right: 15px;
    padding-left: 15px;
}
.table_left{
   border-right: none;
}
.radio_br{
    margin-left:15px!important;
}
.table_420>tbody>tr>th,.table_420>tbody>tr>td{
    width:100%;
    display:block;
    padding-bottom:5px;
    padding-left: 0px;
}
.table_420>tbody>tr>td{
    padding-left:8px!important;
}

.table_420 img{
   float:left;
}
.line_bottom_sm{
   padding-top:40px!important;
}
}


/*-----------------------------------------------------------------------------------------
 *  地図
 *----------------------------------------------------------------------------------------*/
#map {
}
#map-canvas {
    width: 100%;
    height:500px;
}
.map_list{
    margin:0 auto;
    padding:30px 30px 30px 40px;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    float: none;
    list-style-type:none;
}
.map_list li {
    position: relative;
    color:#ffffff;
    font-size:14px;
    float: left;
    background:url('../images/list-li.png') left no-repeat;
    padding-left:22px;
    padding-top:2px;
}
.map_list_right{
    margin-right:0;
}

/*------------------------------
 *  767px以下（スマホサイト）
 *----------------------------*/
@media screen and (max-width: 767px) {
#map-canvas {
    height:330px;
}
.map_list {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 40px;
}
.map_list li {
    clear: both;
}
}

/*-----------------------------------------------------------------------------------------
 *  お問合せ
 *----------------------------------------------------------------------------------------*/
#contact{
    padding-top:30px;
    padding-bottom:40px;
}
#contact h2{
    padding-bottom:40px;
}

.contact-form{
    max-width:800px;
    margin: 0 auto;
}
.formTable>tbody>tr>td{
    padding-left: 5px;
    color:#815e68;
}

.formTable>tbody>tr>th{
    letter-spacing:0.7px;
    width:190px;
    color:#815e68;
    background:url('../images/list-li2.png') left no-repeat;
    background-position: left top;
    padding-left:22px;
}

.input_form {
    width: 100%;
}
.error_messe{
    text-align:center;
    color:#815e68;
}
.submit_btn{
    background:url('../images/submit-img.png') left no-repeat;
    border: 0px;
    width:91px;
    height:92px;
}
/*------------------------------
 *  767px以下（スマホサイト）
 *----------------------------*/
@media screen and (max-width: 767px) {
.formTable>tbody>tr>th,.formTable>tbody>tr>td{
    width:100%;
    display:block;
    padding-bottom:5px;
}

}


/*-----------------------------------------------------------------------------------------
 *  フッターお問い合わせ
 *----------------------------------------------------------------------------------------*/
footer{
    padding-top:50px;
    padding-bottom:30px;
}

footer p{
    color:#ffffff;
    margin-top:40px;
    font-size:12px;
}

/*------------------------------
 *  767px以下（スマホサイト）
 *----------------------------*/
@media screen and (max-width: 767px) {
footer {
    padding-left:20px;
    padding-right:20px;
    padding-top: 30px;
}

}

.pagetop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
}