@charset "utf-8";
/* CSS Document */

/* color */
.txt_color_nomal{color: white;/*#333333;*/}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #f1e215} /* メインカラー */
.txt_color2{color: #FFD18F} /* サブカラー */
.txt_color3{color: #999999} /* アクセントカラー1 */
.txt_color4{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #f1e215} /* メインカラー */
.bg_color2{background-color: #FFD18F} /* サブカラー */
.bg_color3{background-color: #999999} /* アクセントカラー1 */
.bg_color4{background-color: #eeeeee} /* アクセントカラー2 */
.bg_color5{background-color: #2a2a2a}

/* border-color ※!important */
.border_color1{border-color: #f1e215}
.border_color2{border-color: #FFD18F}
.border_color3{border-color: #999999}
.border_color4{border-color: #eeeeee}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #f1e215} /* メインカラー */
.hvr_txt_color2:hover{color: #FFD18F} /* サブカラー */
.hvr_txt_color3:hover{color: #999999} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #f1e215} /* メインカラー */
.hvr_bg_color2:hover{background-color: #FFD18F} /* サブカラー */
.hvr_bg_color3:hover{background-color: #999999} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #eeeeee} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #f1e215}
.hvr_border_color2:hover{border-color: #FFD18F}
.hvr_border_color3:hover{border-color: #999999}
.hvr_border_color4:hover{border-color: #eeeeee}




/*全ページ*/
#body{background-color: #2a2a2a;}
.drawer-hamburger-icon::after, .drawer-hamburger-icon::before{background-color:#f1e215!important;}
.fas{color:white;}
.is-show,.drawer-nav,.all_header{background-color: rgba(80, 80, 80, 0.8);}
#logo img{width: 110%!important;}
#info p,#info span,#copyright,#copyright a{color:white;}
#page-top .fa-angle-up:before{color:#4c4c4c;}


/*トップページ*/
#intro {
height: 300px;
max-height: 300px;
}
#intro #intro_txt{position:relative;}
#intro #intro_txt::after{
content:'';
position:absolute;
display:block;
background-image:url(dup/img/item11.png);
background-repeat:no-repeat;
width:120px;
height:160px;
right: -80px;
bottom: -100px;
z-index:-1;
}
.top_cms1,#intro_txt{color:white;}
#contents .contents_box{background: rgba(0,0,0,0.7);}
#contents .contents_box p{color:white;}
#contents h2{
color: white;
font-weight: bold;
font-size: 26px;
}
#contents .back_color2::after{background-color: rgba(79, 78, 65, 0.5)!important;}
#top_cms .cms_title .title_box h2{
color:#4b4b4b;
font-weight: bold;
}
.cms_6-b .cate_box .box_txt1{border-color: white;}
#top_cms .cms_6-b .box_txt1{background-color: #4c4c4c;}
#top_cms .cms_6-b .box_txt2{color:white;}

/*動画上フィルター*/
.is-layer-dot {
  position: relative;
  &:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, .4);
    background-image: radial-gradient(#000 20%, transparent 0), radial-gradient(#000 20%, transparent 0);
    background-position: 0 0, 10px 10px;
    background-size: 4px 4px;
  }

}





/*下層ページ*/
#page_title h2{
color: #2a2a2a;
font-weight: bold;
}
.cate_list li a:hover{color: #f1e215;}
.cate_list{position:relative;}
.cate_list::before{
content:'';
position:absolute;
display:block;
background-image:url(dup/img/item2.png);
background-repeat:no-repeat;
width:35px;
height:100px;
z-index: -1;
}

/*初めての方へ*/
#cms_2-b .cate_txt1{color:white;}
#cms_2-b .cate_title{
border-left:0;
color:#2a2a2a;
font-weight: bold;
}
#cms_2-b img{
border-right:0;
border-bottom:0;
}
#cms_2-b .cate_box{
border-left:0;
border:0;
background-color: #3f3f3f;
}
#cms_2-b .cate_box p{color: white;}
#cms_2-b #c0 .bnr a{
color:#2a2a2a;
background-color:#f1e215;
display:inline-block;
padding: 30px;
}
#cms_2-b #c0 .bnr a:hover{
opacity:0.5;
transition:all 0.3s;
}

/*求人案内*/
#cms_6-b .cate_title{
background-color: #f1e215;
color:#333;
border-radius:0;
text-align:left;
font-weight: bold;
padding: 10px;
}
#cms_6-b .cate_txt1{color:white;}
#cms_6-b .cate_box .box_txt1{border-color: white;}
#cms_6-b .box_txt1{background-color: #4c4c4c;}
#cms_6-b .box_txt2{color:white;}


/*施工実績*/
#cms_4-a .cate_title{
background-color:#f1e215;
padding:10px;
font-weight: bold;
}

/*会社概要*/
#page7 h3{color:#f1e215;}
#page7 .box_item p{color:#ccc;}

/*お問い合わせ*/
#tel_contact p{color:white;}
#tel_contact a{color:#4c4c4c;}
#tel_contact a:hover{opacity:0.5;}
#mail_contact p{color:white;}
#form_box h3{color:white;}
#submit{color:#2a2a2a;}
#end_message,#error_message{color: #fd4e4e!important;}

/*プライバシーポリシー*/
#page9 p{color:white;}
#page9 a{
color:#4c4c4c;
font-weight:bold;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#intro #intro_txt::after{
right: -100px;
bottom: -75px;
background-size: 80%;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#intro{
height: 470px;
max-height: 470px;
margin-top: 0px;
}
#intro_txt h2{text-align: left;}
#intro #intro_txt::after {
right: -15px;
bottom: -100px;
background-size: 70%;
}
#cms_2-b .cate_box{padding: 20px;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#intro #intro_txt::after{right:-135px;}
#cms_2-b #c0 .bnr a{padding:33px 30px 30px;}
#cms_6-b .cate .cate_title,#cms_4-a .cate_title{padding:20px 10px 10px;}
}

/* ---------- Edgeの処理 ---------- */
@supports (-ms-ime-align: auto) {
#intro #intro_txt::after{right:-135px;}
}