﻿.border_color1, .hvr_border_color1:hover {
    border-color: #535840;
}
.bg_color1, .hvr_bg_color1:hover {
    background-color: #535840;
}
h2,h3{
    font-family:'Hina Mincho', 'Zen Old Mincho', serif;
}
.font_bold{
    font-weight: 500;
}
/*FV*/
#catchCopy {
    max-width: 41.10%;
    position: absolute;
    top: 280px;
    left: 200px;
}
.intro_txt{
    position: relative;
    z-index: 2;
}
.intro_txt::after{
    content: "";
    width: 150px;
    height: 150px;
    background-image:url('./Dup/img/clock-mark1.png');
    background-size: cover;
    position: absolute;
    bottom: -150px;
    right: 0;
    z-index: 3;
    
}
#main_img .scroll{
    bottom: 125px;
}
@media screen and (max-width: 668px){
    #catchCopy {
        max-width: 64%;
        left: 17.5%;
    }
    .intro_txt::after{
        max-width: 80px;
        max-height: 80px;
        bottom: -60px;
    }
}
/*TOP*/
#contents .con_title, .intro_title1, .cms_title h3, #page_title .jp {
    font-weight:500;
}
#contents{
    background-image: url('./Dup/img/con1bg.jpg');
}
#contents #contents_wrap.mg_b-100px{
    margin-bottom: 0;
}
#contents #contents_wrap.pd_b-150px{
    padding-bottom: 250px;
}
#intro h2.font_bold{
    font-weight: 500;
    color: rgba(0,0,0,0.23);
    font-family: 'Pinyon Script', cursive;
}

#contents .box1 .con_photo::after{
    content: "";
    width: 150px;
    height: 150px;
    background-image:url('./Dup/img/clock-mark2.png');
    background-size: cover;
    position: absolute;
    bottom: -120px;
    left: -40px;
    z-index: 3;
}
#contents .box2 .con_photo::after{
    content: "";
    width: 150px;
    height: 150px;
    background-image:url('./Dup/img/clock-mark3.png');
    background-size: cover;
    position: absolute;
    bottom: -120px;
    right: -40px;
    z-index: 3;
}
@media (max-width: 1694px) and (min-width: 769px){
    h3 br{
        display: none;
    }
}
@media screen and (max-width: 668px){
     #contents #contents_wrap.pd_b-150px{
         padding-bottom: 40px;
        }
        #contents .box1 .con_photo::after{
            max-width: 80px;
            max-height: 80px;
            bottom: -80px;
        }
        #contents .box2 .con_photo::after{
            max-width: 80px;
            max-height: 80px;
            bottom: -80px;
        }
    }
/*TOP-CMS*/
#top_cms .cate_box{
    width: 48.0%;
}
#top_cms .cate_box .box_img1{
    height: 135px;
}
/*施工実績*/
#cms_3-c .box_description{
    justify-content: space-around;
}
#cms_3-c .box_txt1{
    margin-top: 40px;
}
/*お問い合わせ*/
#inquiry{
    margin-top: 80px;
    display: flex;
    justify-content: center;
}
#inquiry a{
    padding: 5%;
    background-color: #535840;
    font-size: 24px;
    color: #fefefe;
    text-align: center;
    transition-duration: 0.5s;
}
#inquiry a:hover{
    transform: scale(1.1);
    box-shadow: 10px 10px 14px rgba(0,0,0,0.2);
    transition-duration: 0.5s;
}
#inquiry a span{
    font-size: 20px;
}
/*追従バナー*/
.fix_banner .more_item .text{
    font-size: 20px;
}
.more_item::before{
    width: 30px;
}