/* color */
body, .txt_color_nomal{color: #212121;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #003680} /* メインカラー */
.txt_color2{color: #efebe7} /* サブカラー */
.txt_color3{color: #003680} /* アクセントカラー1 #a89d73*/
.txt_color4{color: #00A4F9} /* アクセントカラー2 */
.txt_color5{color: #E4E2D5} /* アクセントカラー3 */
.txt_color6{color: #603813} /* アクセントカラー3 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #003680} /* メインカラー #603813*/
.bg_color2{background-color: #efebe7} /* サブカラー */
.bg_color3{background-color: #003680} /* アクセントカラー1 #a89d73*/
.bg_color4{background-color: #00A4F9} /* アクセントカラー2 */
.bg_color5{background-color: #E4E2D5} /* アクセントカラー3 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #003680}
.border_color2{border-color: #efebe7}
.border_color3{border-color: #003680}
.border_color4{border-color: #E4E2D5}
.border_color5{border-color: #603813}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #212121;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #fff} /* メインカラー */
.hvr_txt_color2:hover{color: #efebe7} /* サブカラー */
.hvr_txt_color3:hover{color: #a89d73} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #E4E2D5} /* アクセントカラー2 */
.hvr_txt_color5:hover{color: #603813} /* アクセントカラー3 */

/* background-color */

.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #000} /* メインカラー */
.hvr_bg_color2:hover{background-color: #efebe7} /* サブカラー */
.hvr_bg_color3:hover{background-color: #a89d73} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #E4E2D5} /* アクセントカラー2 */
.hvr_bg_color5:hover{background-color: #603813} /* アクセントカラー3 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #000}
.hvr_border_color2:hover{border-color: #efebe7}
.hvr_border_color3:hover{border-color: #a89d73}
.hvr_border_color4:hover{border-color: #E4E2D5}
.hvr_border_color5:hover{border-color: #603813}
/*一般*/
figure, figure img,.more a,#top_cms .cms_5-a .box_wrap{
    border-radius: 15px;
}
/*FV*/
#Catch-copy{
    margin-left: 40px;
    position: absolute;
    bottom: 40px;
    right:  100px;
    z-index: 2;
}
#main_img a.scroll_bt{
    display: none;
}
@media screen and (max-width: 667px){
    #Catch-copy{
        width: 90%;
        top: 35%;
        right: 5%;
        bottom: 0;
    }
}
/*nav*/
#sp_nav ul.bg_white{
    background-color: #00A4F9;
}
/*header*/
header .tel_bt a.border_color3{
    border-color:#fff;
}
header a.txt_color1{
    color: #fff;
}
header .head_banner a.bg_color3:hover{
    background-color: rgba(245,125,37,1);
}
header #logo img{
    padding: 10px;
    border: solid 2px #003680;
    border-radius: 15px;
    width: 85%!important;
} 
@media screen and (max-width: 667px){
    header h1.width_150-max_sp{
        max-width: 60px;
    }
}
/*Top*/
#contents_box{
    overflow: hidden;
}
#contents1{
    position: relative;
    padding: 180px 10% 100px 10%;
}
#contents1 p.con_no{
    position: absolute;
    left: 100px;
    top: 60px;
}
#contents1 .con_no::before{
    display: none;
}
#contents2{
    position: relative;
    background-image: url('./Dup/img/conBG-1920.jpg');
    padding: 200px 10% 100px 10%;
}
#contents2 .grid_6 p.con_no{
    position: absolute;
    top: 100px;
    left: 60px;
}
#contents2 .grid_6 p.con_no::before{
    display: none;
}
#contents3{
    border-bottom-right-radius: 2000px 300px;
    border-bottom-left-radius: 2000px 300px;
    margin-left: -200px;
    padding-left: 200px;
    margin-right: -200px;
    padding-right: 200px;
}
#contents3 .d_flex{
    max-width: 80%;
    margin: 0 auto;
}
#contents3 .grid_6 p.con_no{
    max-width: 200px;
    transform: translate(-38px, 5px);
}
@media screen and (max-width: 667px){
    #contents1 p.con_no{
        top: 70px;
        left: 0;
    }
    #contents2{
        padding-top: 130px;
    }
    #contents2 .grid_6 p.con_no{
        top: 40px;
        left:0;
    }
}
/*施工内容*/
#cms_3-a .cate div.d_flex{
    align-items: center;
}
/*初めての方へ*/
#cms_5-a h3.cate_title,#cms_5-a .box_wrap {
    border-radius: 15px;
}
/*お問い合わせ*/
#contact_line{
    max-width: 65%;
    margin: 100px auto 0 auto;
}
@media screen and (max-width:667px){
    #contact_line{
    max-width: 100%;
    margin-top:80px;
}
.p8_hb{
    display: none;
}
}
/*footer*/
footer .logo img{
    padding: 10px;
    width: 80%;
    border: solid 2px #003680;
    border-radius: 15px;
}
footer .foot_tel_bt a{
    border-radius: 15px;
}
@media screen and (max-width: 667px){
    footer h2.logo{text-align: center;}
    footer .link_box.mg_t-40px{
        margin-top: 20px;
    }
    footer .link_box {
        padding: 20px 0;
        background-color:#00A4F9;
    }
}