/* color-------------------------------------------------------------------------------------*/
body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #514842;}
.txt_color1,.hvr_txt_color1:hover{color: #7d3f22} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #eba25b} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #f39017} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #598f59} /* アクセントカラー2 */
.txt_color5,.hvr_txt_color5:hover{color: #cd853f} /* アクセントカラー3 */
/* background-color */
.bg_black,.hvr_bg_black:hover{background-color: #514842} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #7d3f22} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #eba25b;
                                background-image: url(dup/img/bg.jpg);
                                background-size: 100%;
                                background-position: center;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #f39017} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #598f59}/* アクセントカラー2 */
.bg_color5,.hvr_bg_color5:hover{background-color: #cd853f} /* アクセントカラー3 */
/* border-color ※!important */
.border_color1,.hvr_border_color1:hover{border-color: #7d3f22 !important}
.border_color2,.hvr_border_color2:hover{border-color: #eba25b !important}
.border_color3,.hvr_border_color3:hover{border-color: #f39017 !important}
.border_color4,.hvr_border_color4:hover{border-color: #98c098 !important}
.border_color5,.hvr_border_color5:hover{border-color: #cd853f !important}

.con3_wrap h3, .con3_wrap p {color: #fff;}
#cms_3-a .bg_color4,#header.active,span.footer_bg,#bottom_tel a{background:#fffaf4;}
.con_before{background:#fff;}
/* color-------------------------------------------------------------------------------------*/

/* font-------------------------------------------------------------------------------------*/
.font_mon,.font_mon_l{font-family:'Open Sans','Montserrat','Zen Kaku Gothic New', 'Noto Sans JP', 'Comfortaa', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;}
body{font-family:'Zen Kaku Gothic New', 'Noto Sans JP', 'Comfortaa', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.font_bold {font-weight: 500;}
p.info_title {opacity: 0.6;}
.opacity07{opacity:0.8;}
/* font-------------------------------------------------------------------------------------*/

/* top-------------------------------------------------------------------------------------*/
#con_nav ul{display:none;}

#con02_icon .width_20per{
    margin-top: -50px;
    z-index: 3;
    width:24% !important;}
    
#con02_icon .nav_border {
    width: 1px;
    height: 100px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;}

.catch {
    left: 15%;
    top: 30%;
    width: 40%;}

span.con2_bg { opacity: 0.4;}

#top_contents3 .con3_no {
    font-size: 65px;
    left: 14px;
    bottom: -30px;}
    
header::before{content:none;}
/* top-------------------------------------------------------------------------------------*/

/* sub-------------------------------------------------------------------------------------*/

.title_img{position: relative;}
.title_img::before {
    background-color: #7d3f22;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;}
#page_title .title_wrap {
    margin-top: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;}
p.sub_title {
    display: none;
    color: #fff;
    opacity: 0;
    margin-bottom: -25px;}
.title_wrap h2 {
    margin: 0;
    margin-bottom: -15px;
    font-size: 35px;
}
#page_title .title_before { background: #fff;}
.cate_list li a {background: #ffe3c7;}

/*blog*/
/*linkStyle*/
a.linkStyle {
    color: #f39017;
    transition: 0.5s;}
a.linkStyle:hover {
    color: #514842;}
/*blog*/

/*about*/
/*【下線のみ】*/
#cms_2-a h3.cate_title {
    padding: 0;
    letter-spacing: 3px;
    border: solid 0;
    display: block;
    margin-bottom: 60px}

#cms_2-a h3.cate_title span {
    padding: 0;
    padding-bottom: 5px;
    letter-spacing: 3px;
    border-bottom: solid 2px #7d3f22;}
/*about*/

/*voice*/
.arrow, .circle {display: none;}
.cate_box {margin-bottom: 50px;}
/*voice*/

/*qa*/
.cms_5-c .box_txt1::before,#cms_5-c .box_txt1::before {
color: rgba(81,72,66,0.5);
top: 6px;}
#cms_5-c .cate_box {
    background: #fffaf4;
    padding: 0 10px 15px;
    margin-bottom: 20px;}
/*qa*/

/*info*/
#page07 .info_box h3 {color: #7d3f22 !important;}
/*info*/

/*contact*/
.tel_box p, .tel_box a,.tel_wrap {color: #fff;}
/*contact*/

@media screen and (max-width: 1535px){
#con02_icon .width_20per {width: 40% !important;}
.icon_b{display:none;}


}


#page_top {z-index: 5;}
div#bottom_tel {
    box-shadow: 0px 9px 3px -3px rgba(125, 63, 34,0.6);
    -webkit-box-shadow: 19px 18px 16px 16px rgba(125, 63, 34,0.6);
    -moz-box-shadow: 0px 9px 3px -3px rgba(125, 63, 34,0.6);
}
/* sub-------------------------------------------------------------------------------------*/
/*タブレット*/
@media screen and (max-width: 768px){
.footer_item {padding: 11px 20px;}
#footer_info .info_title {opacity: 0.1;}
#header.active .logo_wrap {width: 160px;}
.tel_wrap {width: 95%;}
#cms_3-a .cate .cate_box:last-of-type {
    border-bottom: dotted 1px;
    margin-bottom: 10px;}
section#page_title {margin-bottom: 80px;}
.info_title {opacity: 0.6;}
#con02_icon .width_20per {
    width: 50% !important;
    margin-top: -35px;}
.catch {
    left: 5%;
    top: 30%;
    width: 71%;}

div#bottom_tel {
    box-shadow: 0px 9px 3px -3px rgba(125,63,34,0.6);
    -webkit-box-shadow: 19px 18px 16px 16px rgba(125,63,34,0.6);
    -moz-box-shadow: 0px 9px 3px -3px rgba(125, 63, 34,0.6);
}
}


/*スマホ*/
@media screen and (max-width: 667px){
.catch {
    left: 5%;
    top: 33%;
    width: 68%;}
#con_nav {padding-bottom: 270px;}
#header.active .logo_wrap {width: 115px;}
nav#sp_nav {background: #fff7ee;}
div#header {padding: 10px;}
#con02_icon .width_20per {
    width: 100% !important;
    margin-top: -35px;}
div#con02_icon {padding: 0;}
p.con_sub_title {margin-bottom: 20px;}
div#con02_icon .d_block {padding: 40px 0px;}
#footer_info .info_title {opacity: 0.6;}
.bg_color2, .hvr_bg_color2:hover {
    background-color: #eba25b;
    background-image: url(dup/img/bg.jpg);
    background-size: 180%;
    background-position: center;}
.tel_wrap {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;}
#top_contents3 .con3_no {
    font-size: 50px;
    left:0;
    bottom: -25px;}
}

/*IE*/
@media all and (-ms-high-contrast: none){
.cate_list li a {padding-bottom: 11px !important;}
}


/*動画*/
.catch {
    left: 2%;
    bottom: 10%;
    top: auto;
    width: 40%;
    z-index: 2;
}
    
    
#main_img::before {
    background: rgba(235,162,91,0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    top: 0;}
    
/*タブレット*/
@media screen and (max-width: 768px){
    .catch {
    left: 4%;
    bottom: 5%;
    top: auto;
    width: 70%;
    z-index: 2;}
#main_img {height: 101vw;}
}

/*スマホ*/
@media screen and (max-width: 667px){
    
}



/*2022/4/19*/
figure.nav_icon {max-width: 80px;}

h2.nav_title {
    font-size: 15px;
    letter-spacing: 1.5px;
}
#con02_icon .nav_border {
    width: 1px;
    height: 100px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;}
    
.con2_txt_wrap {width: 95% !important;}

/*20220517*/
div#bottom_tel a span {color: #06C755 !important;}

#main_img::before {
    background: rgb(255 255 255 / 35%);
    background: linear-gradient(86deg, rgb(255 246 241 / 90%) 0%, rgb(255 255 255 / 30%) 60%);
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 2;
    top: 0;
}


#cms_5-a h4.box_title1 {color: #f39017;}
.fa, .fas {font-weight: 900 !important;}


/*タブレット*/
@media screen and (max-width: 768px){
    #main_img::before {
        background: rgb(255 255 255 / 35%);
        background: linear-gradient(36deg, rgb(255 246 241 / 70%) 20%, rgb(255 255 255 / 40%) 90%);}
    
    .catch {
        left: 2%;
        bottom: 3%;
        top: auto;
        width: 70%;
        z-index: 2;}
}

/*スマホ*/
@media screen and (max-width: 667px){
.catch {
    left: 1%;
    bottom: 3%;
    top: auto;
    width: 70%;
    z-index: 2;}

.title_wrap h2 {
    margin: 0;
    margin-bottom: -8px;
    font-size: 24px;
}
}