@charset "utf-8";

/*---------------------------------------------
 ** 個別指定 for PC
---------------------------------------------*/
@media screen and (min-width: 741px) {

}

/*=================================================================================================================================*/
/**  個別指定 for PC	*/
/*=================================================================================================================================*/
@media screen and (min-width: 741px) {

/* fook */
.only_pc_none {display:none!important; }
.sp_br{display: none;}

body {  font-family: sans-serif !important; }


/* コンテンツ全体 */
#top #main{margin: 0 auto 40px;padding: 0 0 0 0;}
#main{margin: 0 auto 40px; padding:0 0 0 0;}

/* float */
.float_L{ float: left !important;} 
.float_R{ float: right !important; }

/* 見出し h */
/*---------------------------------------------
 ** h2
---------------------------------------------*/
h2{ margin-bottom: 40px ;}

p.top_p_01 { width: 889px; height: 35px; margin-bottom:30px; }
.top_h2_01 { width: 1200px; height: 180px;  }
.top_h2_02 { width: 1200px; height: 201px;  }

.h2_top_works_01 { width: 544px; height: 156px; margin:0 0 0px; }

.hukuromoji{ /* for modan browser */
text-shadow:0px 3px 1px white,0px 2px 1px white,1px 2px 1px white,2px 2px 1px white,2px 1px 1px white,2px 0px 1px white,3px 0px 1px white,2px -1px 1px white,2px -2px 1px white,2px -3px 1px white,1px -3px 1px white,0px -3px 1px white,-1px -3px 1px white,-2px -3px 1px white,-3px -3px 1px white,-3px -2px 1px white,-3px -1px 1px white,-3px 0px 1px white,-3px 1px 1px white,-3px 2px 1px white,-2px 2px 1px white,-1px 2px 1px white;

/* for IE */
filter:dropshadow(color=white,offx=0,offy=3,positive=1),dropshadow(color=white,offx=2,offy=1,positive=1),dropshadow(color=white,offx=2,offy=-1,positive=1),dropshadow(color=white,offx=1,offy=-3,positive=1),dropshadow(color=white,offx=-2,offy=-3,positive=1),dropshadow(color=white,offx=-3,offy=-2,positive=1),dropshadow(color=white,offx=-3,offy=1,positive=1),dropshadow(color=white,offx=-1,offy=2,positive=1);
}

/*---------------------------------------------
 ** h3
---------------------------------------------*/
h3{ font-size: 26px; }
.top_coating_h3  { font-size: 35px;  }

/*---------------------------------------------
 **  h4
---------------------------------------------*/


/*---------------------------------------------
 **  ナビゲーション
---------------------------------------------*/
.nav-toggle{ display:none !important;}

#top #header #nav { margin-bottom: 35px; }
#header #nav { margin-bottom: 0; }
#nav         {position:relative;height: 55px;}
#top #nav         {height: 75px;}
#nav ul      {width: 1105px;height: 75px;margin:0 auto;position:  absolute;top: -40px;left:  0;right:  0;}
#nav ul li   {display: block;text-align:center;padding: 0 0 0;float:left;z-index:1;bottom:0;background:#FFF;margin-right:3px;border-bottom:5px solid #999999;line-height:1.3;}
#nav ul li:last-of-type{margin-right:0px;}
#nav ul li a      {width:100%;height:100%;padding: 20px 0px 20px;position:relative;color:#444;font-size: 18px;text-decoration:none;display:inline-block;font-weight: bold; letter-spacing:0.2em;}
#nav ul li a:hover { color:#5C6FBC; background:#D3D9ED }

#nav ul li a:after{display:block; font-size:10px; color:#CCCCCC;    }

#nav ul li#nav01 a:after { color:#FF4D4D ; }
#nav ul li#nav02 a:after { color:#0059B2; }
#nav ul li#nav01 { width:220px; }
#nav ul li#nav02 { width:220px; }
#nav ul li#nav03 { width:150px; }
#nav ul li#nav04 { width:150px; }
#nav ul li#nav05 { width:150px; }
#nav ul li#nav06 { width:200px; }

#nav ul li#nav01 a:after{content: 'COATING'; }
#nav ul li#nav02 a:after{content: 'REPAIR / PAINT'; }
#nav ul li#nav03 a:after{content: 'WORKS'; }
#nav ul li#nav04 a:after{content: 'COMPANY'; }
#nav ul li#nav05 a:after{content: 'RECRUIT'; }
#nav ul li#nav06 a:after{content: 'CONTACT US'; }

#nav ul li.nav_col_red{ border-color:#FF4D4D;}
#nav ul li.nav_col_blue{ border-color:#0059B2;}


#nav ul li#nav01 a:hover {  background:#FF4D4D; color:#FFF !important; -webkit-transition: all 0.3s;  transition: all 0.3s;}
#nav ul li#nav01 a:hover:after { color:#FFF !important ; }
#nav ul li#nav01 ul li{ border-bottom:1px solid #FF4D4D;}
#nav ul li#nav01 ul li a{font-size:14px; text-align:center; padding:20px 0 15px;  }
#nav ul li#nav01 ul li a:after{display:none; }

#nav ul li#nav02 a:hover {  background:#0059B2; color:#FFF !important; -webkit-transition: all 0.3s;  transition: all 0.3s;}
#nav ul li#nav02 a:hover:after { color:#FFF !important ; }

#nav ul li a:hover {color: #285273;background: #BDD5E8;}
#nav ul li a:hover:after { color:#285273  ; }

/*---------------------------------------------
 ** width
---------------------------------------------*/
.w200{width:200px;}
.w250{width:250px;}
.w270{width:270px;}
.w280{width:280px;}
.w300{width:300px;}
.w400{width:400px;}
.w420{width:420px;}
.w440{width:440px;}
.w880{width:880px !important;}
.w1040{width:980px;}
.w1040{width:980px;}
.w1100{width:1100px !important;}

/*---------------------------------------------
 ** margin
---------------------------------------------*/
.mt-30{margin-top: -40px;}
.mb0{ margin-bottom: 0 !important;}


/*=================================================================================================================================*/
/**  共通部分	*/
/*=================================================================================================================================*/


/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
/* ヘッダー */

/* ロゴ */
#logo {width: 298px;height:113px;margin: 20px auto 0;display:  block;position:  absolute;left:  0;right:  0;top: 18px;z-index:  999;}

/* ヘッダー */
.header_inner {height: 104px;}

/* TEL */
.tel {width: 315px;height:64px;float:left; margin: 22px 0 0 0; background:url( ../img/common/tel.png) 0 0 no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; }

/* メインイメージ */
#top .main_img {height: 450px;}
.main_img {height: 260px; text-align:center; position:relative;}
.main_img:after{width: 296px; height: 65px; position: absolute; top: 0px; left: 0px; background: url(../img/main_img/img_common_bg.png) no-repeat; content: ''; }

/* キャンピングカー */
.btn_header_canp{float:right;font-size: 1.6rem;}

/*=================================================================================================================================*/
/**  TOPコンテンツ	*/
/*=================================================================================================================================*/
.img_huro {width: 224px;height: 224px;position: absolute;top: -150px;right: 0;}

/* 補修部(工務店・メーカーさま向け) */
.top_repair_wrapper {display:flex;flex-wrap:wrap;justify-content: space-between;}
.repair_item {width: 32%; margin-bottom:70px;}
.repair_item dd{ width:90%; margin:-30px auto 0; }
.repair_item dd a{ width:100%; padding-left:0; padding-right:0;  }
.repair_item dd p{min-height: 120px !important;}

/* 施工事例部分（お客さまとの信頼を第一に考えたお仕事をしています。） */
.works_R_img img {  width: 550px; float: right; }

/* カルーセル */
.slick-prev,
.slick-next{width: 55px!important;height: 60px!important;border:none !important;background:#000 !important; top: 90px !important;}
.slick-prev {background: url( ../img/common/slid_L.jpg) 0 0 no-repeat !important;left: -90px !important; }
.slick-next {background: url( ../img/common/slid_R.jpg) 0 0 no-repeat !important;right: -88px !important;}

/* 30年の特殊塗装技術で、皆さまの暮らしをサポート */
div.clounm_2_top_company { width: 765px; }

/* お知らせ */
.news_wrapper  {margin: 40px 0 0 0;}
.news_wrapper dl  { width: 40%; margin-top:-25px;}

/* footer_お問い合わせ */
.footer_contact  {width:1000px; margin:0 auto; position:relative; }
.footer_contact:after{width: 1px; height: 100px; position: absolute; top: 20px; left: 0px; right:0; margin:0 auto; background:#0059B2; content: ''; }
/*---------------------------------------------
 **  フッター
---------------------------------------------*/
/* フッター */
.footer_inner   {width: 1000px;_zoom: 1;overflow: hidden;}
.footer_inner_L { width: 495px; float: left; }
.footer_inner_R { width: 427px; text-align:center; padding: 5px 0 5px 0; float: right;font-size:20px;margin: 0 0  0 0;}

#footer #nav       { height:111px; background:#0059B2; }
#footer #nav ul    { top:0;}
#footer #nav ul a  { padding:10px 0 13px;}

/* フッター左 */
.footer_add { display: table;}
.footer_add dt { width: 200px; text-align: center; vertical-align: middle;  display: table-cell;}
.footer_add dd {display: table-cell;vertical-align: middle;}

/* ページTOPへ */
#pageTop a {  width: 55.5px; height: 67px; }

/* キャンピングカー　バナー復活したらけす。 */
.footer_inner_R { display: none; }
.footer_inner_L { width: 100% !important;  }
.footer_add {width:50%;float:left;min-height: 123px;}


/*=================================================================================================================================*/
/**  内部ページ	*/
/*=================================================================================================================================*/

/*---------------------------------------------
 **  補修部(工務店・メーカーさま向け)ページ
---------------------------------------------*/
#repair .flex_wrapper{ width:1050px; margin:0 auto;  }
#repair div.clounm_1>.tokucho_title{ width:1050px; margin:0 auto;}

/* 高品質の仕上げと、独自の技術 */
.flex_wrapper {display:flex;flex-wrap:wrap;justify-content: space-between;}
.flex_wrapper_3_item {width: 32%;margin-bottom: 30px;}
.flex_wrapper_2_item {width: 48%; margin-bottom:70px;}
.flex_wrapper_2_item:last-of-type{margin-bottom:0px;}

.flex_wrapper_3_item_W66 { width:66% !important;}

.repair_item dd{ width:90%; margin:-30px auto 0; }
.repair_item dd a{ width:100%; padding-left:0; padding-right:0;  }
.repair_item dd p{min-height: 120px !important;}

.repair_h3_01 { width: 540px !important; height: 34px; margin-bottom:70px; background: url( ../img/titile/h2_repair_01.jpg) 0 0 no-repeat;}
.repair_h3_02 { width: 712px !important; height: 34px; margin-bottom:70px; background: url( ../img/titile/h2_repair_02.jpg) 0 0 no-repeat;}

.nbr_bace_title{text-align:center;} 
.nbr_bace_title:before{width: 67px;display:block;padding: 0px 18px;font-size: 55px;margin: 0 auto 8px;} 

.title_pattern_1 {display: table; }
.title_pattern_1 dt{width: 350px; display: table-cell;vertical-align: middle;}
.title_pattern_1 dd{ padding:20px 25px;}

.title_pattern_1 .title_pattern_1_full_w{width: 100%; display: block; padding:30px 0;}
#repair p:last-of-type {margin-bottom: 0; }


/*---------------------------------------------
 **  会社概要
---------------------------------------------*/
.company_table th { width:19%; }


/*---------------------------------------------
 **  お問い合わせ
---------------------------------------------*/
.contact_tel {margin: 20px auto 20px;width: 70%;padding: 2.2% 3.4% 0;}
.contact_tel .tel{width:100%;float:none;margin: 0px auto 21px;text-align:center;background-position:  top center;}
.contact_tel .footer_inner_R{float:none;margin: 15px auto 18px;}




/*---------------------------------------------
 **  施工事例
---------------------------------------------*/
.works_item { 
  width:31% !important;
 }

.jcb{
  justify-content: flex-start;
}


.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
  margin: 5px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu ul li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;

  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#top .dropmenu li ul {width: 220px !important;height: 256px !important;}
  
.dropmenu li ul {
  width: 210px !important;
  height: 251px !important;
  margin: 121px 0 0 0 !important;
  background:#FF4D4D;
  padding:0 5px 5px 5px;
}

.dropmenu li ul li {
  width: 100% !important; 

}
.dropmenu li ul li a{
  padding: 13px 15px;

  text-align: left;
}


#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}

/*=================================================================================================================================*/
/**  ガラス塗装	*/
/*=================================================================================================================================*/
.h2_coating_01 { width: 100%; height: 250px; background: url( ../img/titile/h2_coating_00.png) 0 0 no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; margin:0 auto 0; }

.coating_bg_01 {height: 500px;padding:0;}

.kira_big { font-size: 26px; }
.kira_b:before{width: 58px;height: 76px;background: url( ../img/coating/kirakira.png) no-repeat;background-size:100%;left: 5px;}

.fz38 { font-size:38px; }

.flex_wrapper_2_item_kira {width: 47%;margin-bottom:10px;}

.rcoating_h3_01,
.rcoating_h3_02,
.rcoating_h3_03,
.rcoating_h3_04,
.rcoating_h3_05,
.rcoating_h3_06{  height: 35px; margin-bottom:40px; }

.rcoating_h3_01 { width: 688px; background: url( ../img/titile/h2_coating_01.jpg) 0 0 no-repeat;}
.rcoating_h3_02 { width: 655px; background: url( ../img/titile/h2_coating_02.jpg) 0 0 no-repeat;}
.rcoating_h3_03 { width: 689px; background: url( ../img/titile/h2_coating_03.jpg) 0 0 no-repeat;}
.rcoating_h3_04 { width: 500px; background: url( ../img/titile/h2_coating_04.jpg) 0 0 no-repeat;}
.rcoating_h3_05 { width: 652px; background: url( ../img/titile/h2_coating_05.jpg) 0 0 no-repeat;}
.rcoating_h3_06 { width: 612px; background: url( ../img/titile/h2_coating_06.jpg) 0 0 no-repeat;}

.bg_coating_01,
.bg_coating_02,
.bg_coating_03  { height: 250px;margin-bottom: 43px;  }

.bg_coating_01 h3{width: 420px;height: 66px;position: absolute;top: 113px;right: 40px;}
.bg_coating_02 h3{width: 331px;height: 66px;position: absolute;top: 113px;right: 40px;}
.bg_coating_03 h3{width: 439px;height: 66px;position: absolute;top: 113px;right: 40px;}


.gcoating_h3_01,
.gcoating_h3_02,
.gcoating_h3_03,
.gcoating_h3_04,
.gcoating_h3_05,
.gcoating_h3_06{  width: 635px; height: 35px; margin-bottom:40px; }

.gcoating_h3_01 { background: url( ../img/titile/h2_g_coating_01.png) 0 0 no-repeat;}
.gcoating_h3_02 { background: url( ../img/titile/h2_g_coating_02.png) 0 0 no-repeat;}
.gcoating_h3_03 { background: url( ../img/titile/h2_g_coating_03.png) 0 0 no-repeat;}
.gcoating_h3_04 { background: url( ../img/titile/h2_g_coating_04.png) 0 0 no-repeat;}
.gcoating_h3_05 { background: url( ../img/titile/h2_g_coating_05.png) 0 0 no-repeat;}
.gcoating_h3_06 { background: url( ../img/titile/h2_g_coating_06.png) 0 0 no-repeat;}


/*---------------------------------------------
 **  ガラス塗装とは
---------------------------------------------*/
.g_img_02 { width:782px; height:auto; margin:0 auto; }

.glass_clounm_L_01 { width: 310px !important;}
.glass_clounm_R_01 {width: 770px !important;}
.glass_clounm_L_01 img {  width:70%; height: auto; margin:0 5%; }

.table_02 {width: 49%;float:left;}
.table_02:nth-of-type(1) {margin-right:1%;margin-bottom: 3rem;}
.table_02 th{width: 160px}
table.table01 thead th:nth-of-type(1){ width:10%;}
table.table01 thead th:nth-of-type(2){ width:10%;}
table.table01 thead th:nth-of-type(3){ width:20%;}
table.table01 thead th:nth-of-type(4){ width:10%;}

.table_02 th span{font-size: 12px;display:  block;}

.clounm_samazama_L {width: 390px !important;}
.clounm_samazama_R {width: 670px !important;float: left;}

.clounm_samazama_L img { width: 283px !important; float: right !important; }
.clounm_samazama_R  img{ width:600px !important; float: left; }

.glass_jikken_wrapper .flex_wrapper_3_item { width:30%; position:relative; }


.glass_jikken_wrapper .flex_wrapper_3_item:after{
position: absolute;top: 90px;/* left: 0px; */margin:0 auto;right: -41px;content: '';
width: 0;height: 0;border-style: solid;border-width: 25px 0 25px 27px;border-color: transparent transparent transparent #feaf4e;
}
.glass_jikken_wrapper .flex_wrapper_3_item:nth-of-type(3n):after{ display:none;}

.coating_wrapper_mini h4 { color:#000; font-size:20px;}


.rinen dl { width:100%; display: table;}
.rinen dl dt{ width:30%; display: table-cell; text-align:center; font-size:30px; padding:20px 0;}
.rinen dl dd{ font-size:20px; }


.pad0{ padding:0 !important;}




/* ナビ固定
.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
.fixed ul  { top: 0 !important;}
.fixed .dropmenu li ul {
  margin: 81px 0 0 0 !important;
}
 */




#top .works_item { 
  width:100% !important;
 }


 
 #top .works_item dt{
   _zoom: 1; overflow: hidden;
 }




 #wp_gallery_wrap .gallery_img div span{padding: 3px 20px 1px;font-size: 2.1rem;}








}