/* フォント */
@font-face {
font-family: "genjyu_m";
  src: url("./Dup/img/genjyu_m.ttf") format("ttf"),url("./Dup/img/genjyu_m.eot") format("eot"),url("./Dup/img/genjyu_m.woff") format("woff"),url("./Dup/img/genjyu_m.woff2") format("woff2");
}
.font_en{ font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;}
.font1,.font_en{font-family: "genjyu_m","sans-serif";font-weight: normal;}

/* ヘッダーページタイトル横線 */
#main_menu ul li a::before{background-color: #82B473;}

/* SNSリンク */
.link_box li{margin-right: 3%;}
.link_box li:last-of-type{margin-right: 0;}
.link_box ul.flex_space-between{
justify-content: center;
align-items: center;
}

/* ページタイトル影 */
#page_title h2,#page_title p{text-shadow: none;}

/* お問い合わせボタン hover */
.button:hover::after{box-shadow: inset 0 0 0 15em #82B473;}

/* ボタン */
.more a,.foot_tel_bt a{position: relative;z-index: 0;}

/* キャッチコピー */
.txt1{width: 80%;}

/* フッターテキスト 文字色 */
.footer_cms.txt_color3{color: #333;}

/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
footer,#contents1,#contents2 > div,#top_cms{position: relative;}
/*リピートなし*/
footer:before,#contents1:before,#contents1:after,#contents2 > div:before,#top_cms:before{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}

footer:before{
background-image: url(./Dup/img/obj4.png);
width: 60px;
height: 210px;
top: -5px;
right: 10px;
}

#contents1:before,#contents1:after{
background-image: url(./Dup/img/obj1.png);
background-size: 100%;
width: 10vw;
height: 10vw;
top: -20px;
}
#contents1:before{left: -20px;}
#contents1:after{right: -20px;transform: scale(-1, 1);}

#contents2 > div:before{
background-image: url(./Dup/img/obj2.png);
width: 100px;
height: 117px;
bottom: -85px;
left: 0;
}
#top_cms:before{
background-image: url(./Dup/img/obj3.png);
width: 120px;
height: 140px;
top: -75px;
right: -40px;
}
/*--------------------------------
全体
--------------------------------*/
body{overflow: hidden;}
header{
background-image: url(./Dup/img/head.jpg);
background-size: cover;
}
#logo img,footer .logo img{width: 90%!important;}
#main_menu li a,header .contact_bt a,header .tel_bt a{color: #5f5041;}
#sp_nav ul li:last-of-type a{background-color: #82B473;color: white;}

footer{background-color: #f8fbf7;}

.fix_banner{
position: fixed;
bottom: 10px;
right: 10px;
width: 40px;
}
/*--------------------------------
TOP
--------------------------------*/

/*--------------------------------
下層
--------------------------------*/
/* カテゴリーリンクボタン hover */
.button2:hover{box-shadow: none;}

/* 5-b Q削除 */
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{display: none;}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1{margin-left: 70px;}

/*タブレット用（768px以下）*/
@media  screen and (max-width: 768px){

#logo.width_200-max_tb{max-width: 300px;}
#logo img{width: 100%!important;}
.hamburger{top: 18px;}
.pc_box .tel_txt{display: none;}

footer .link_box li{max-width: 40px;}
footer:before{
width: 50px;
height: 170px;
}

#contents1{
padding-top: 70px;
padding-bottom: 70px;
}
#contents1:before, #contents1:after{
width: 18vw;
height: 18vw;
}
#contents2 > div{padding-left: 70px;}
#contents2 > div:before{
width: 80px;
height: 90px;
bottom: -75px;
}

#top_cms:before{
width: 100px;
height: 115px;
top: -20px;
right: -30px;
}

}

/*スマホ用（667px以下）*/
@media  screen and (max-width: 667px){

#logo.width_200-max_tb {max-width: 220px;}
.hamburger{top: 15px;}
footer .logo,footer .footer_cms{text-align: center;}

#contents1{padding-bottom: 50px;}
#contents1:before, #contents1:after{
width: 29vw;
height: 29vw;
}
#contents2{padding-top: 50px;}
#contents2 > div {padding-left: 20px;}
#contents2 > div:before{
width: 70px;
height: 80px;
bottom: auto;
left: auto;
top: -50px;
right: 0;
}
#top_cms:before,footer:before{display: none;}

}

/*IE*/
@media all and (-ms-high-contrast: none) {

}




/*--------------------------------
自動リンク
--------------------------------*/
/* color */
.linkStyle{color: #A57D50; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #A57D50;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #5A9B5A;}
.bg_color3 .linkStyle{color: #fff;}
.bg_color4 .linkStyle{color: #A57D50;}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.linkStyle{display: inline-block;}
}

/*--------------------------------
カラー
--------------------------------*/
body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #333333;}
.txt_black,.hvr_txt_black:hover{color: black;}
.txt_white,.hvr_txt_white:hover{color: white;}
.txt_red,.hvr_txt_red:hover{color: red;}
.txt_color1,.hvr_txt_color1:hover{color: #5A9B5A;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #AACD87;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #D7B482;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #F5F0D7;} /* アクセントカラー2 */

/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: white;} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: black;} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #82B473;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #AACD87;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #D7B482;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #F5F0D7;} /* アクセントカラー2 */
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color */
.border_white,.hvr_border_white:hover{border-color: white;}
.border_black,.hvr_border_black:hover{border-color: black;}
.border_color1,.hvr_border_color1:hover{border-color: #82B473;}
.border_color2,.hvr_border_color2:hover{border-color: #AACD87;}
.border_color3,.hvr_border_color3:hover{border-color: #D7B482;}
.border_color4,.hvr_border_color4:hover{border-color: #F5F0D7;}