/* CSS Document */
/* color */
.txt_color_nomal{color: #1A1A1A;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #1A1A1A} /* メインカラー */
.txt_color2{color: #f4f4f4} /* サブカラー */
.txt_color3{color: #948762} /* アクセントカラー1 */
.txt_color4{color: #EFEFEF} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #1A1A1A} /* メインカラー */
.bg_color2{background-color: #f4f4f4} /* サブカラー */
.bg_color3{background-color: #b5a46b} /* アクセントカラー1 */
.bg_color4{background-color: #f0f0f0} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #1A1A1A}
.border_color2{border-color: #EFEFEF}
.border_color3{border-color: #948762}
.border_color4{border-color: #EFEFEF}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #1A1A1A;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #1A1A1A} /* メインカラー */
.hvr_txt_color2:hover{color: #f4f4f4} /* サブカラー */
.hvr_txt_color3:hover{color: #948762} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #EFEFEF} /* アクセントカラー2 */

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


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #1A1A1A}
.hvr_border_color2:hover{border-color: #f4f4f4}
.hvr_border_color3:hover{border-color: #948762}
.hvr_border_color4:hover{border-color: #EFEFEF}

/*全ページ*/
#logo .logo{width: 100%!important;}
.mail_bt a{border-radius:0;}


/*トップページ*/
#top_contents1{
    background-image: url(dup/img/item2.png);
    background-repeat: no-repeat;
    background-position: center;
}
#top_contents2{background-image: url(dup/img/bg2.png);}
#top_contents2 .con_box .text_box .before{width:100%;}
.top_cms_title .cms_title_inner, .top_info_title .info_title_inner{padding:10px 100px;}
.cms_title_inner::before,.info_title_inner::before{
    content:'';
    position:absolute;
    background-image:url(dup/img/item4.png);
    background-repeat:no-repeat;
    width:300px;
    height:150px;
    left: 0;
    right: 0;
    top: -30px;
    margin: 0 auto;
    z-index: -1;
}
.top_info_title {margin-bottom:80px;}
.top_cms_title p,.top_cms_title h2,.info_title_inner p,.info_title_inner h2{color:white!important;}


/*下層ページ*/
#page_title .title_box{border-top:0;}
.title_box p,.title_box h2{color:white;}
.title_box p{position:relative;}
.title_box p::before{
    content:'';
    position:absolute;
    background-image:url(dup/img/item4.png);
    background-repeat:no-repeat;
    width:300px;
    height:150px;
    left: 0;
    right: 0;
    top: -45px;
    margin: 0 auto;
    z-index: -1;
}
#page_title .title_box{background-color: transparent;}

/*お客様の声*/
#cms_6-c .cate_box {
    border-radius:0;
    margin-bottom:50px;
}
#cms_6-c .arrow,#cms_6-c .circle {display:none;}
#cms_6-c .box_title {border-bottom: 2px solid;}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo img{width:220%!important;}
.catch_txt  h2{letter-spacing: 1px;}
#top_contents1{background-size: 90%;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#logo img{width:180%!important;}
.cms_title_inner::before, .info_title_inner::before{
    background-size: 70%;
    left: 65px;
    top: -20px;
}
.title_box p::before{
    background-size: 70%;
    left: 30px;
    top: -30px;
}
#cms_3-b .box_item {padding-right:0;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.mail_bt a{padding:17px 28px 10px;}
}