@charset "utf-8";
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #8a3319} /* メインカラー */
.txt_color2{color: #f2f2f2} /* サブカラー */
.txt_color3{color: #4d4d4d} /* アクセントカラー1 */
.txt_color4{color: #dddddd} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #8a3319}
.border_color2{border-color: #f2f2f2}
.border_color3{border-color: #4d4d4d}
.border_color4{border-color: #dddddd}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #8a3319} /* メインカラー */
.hvr_txt_color2:hover{color: #f2f2f2} /* サブカラー */
.hvr_txt_color3:hover{color: #4d4d4d} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #dddddd} /* アクセントカラー2 */

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


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #8a3319}
.hvr_border_color2:hover{border-color: #f2f2f2}
.hvr_border_color3:hover{border-color: #4d4d4d}
.hvr_border_color4:hover{border-color: #dddddd}

.linkStyle {
    color: #ffffff;
}
.catch {
    width: 350px;
    z-index: 1;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%);
}
#contents1 .con_box, #top_info .con_box {
	background-image: url("../Dup/img/moku.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	/*max-width: 2500px;*/
}
#contents1 h2 {
        padding-right: 25px;
        padding-left: 25px;
}
.txt_anim span{
	position: relative;
    right: 20px;
    opacity: 0;
	transition: all .8s;
}
.txt_anim span.start{
	right: 0;
	opacity: 1;
}

#top_info .con_box:after {
    content: "";
    position: absolute;
    background-image: url(./Dup/img/dokuro.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 110px;
    height: 140px;
    top: -120px;
    right: -45px;
}
#contents1 .con_box:after {
    content: "";
    position: absolute;
    background-image: url(./Dup/img/map.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    width: 300px;
    height: 300px;
    top: -160px;
    left: -80px;
    z-index: -1;
}
#contents1 .con_box::before, #top_info .con_box::before {
    display: none;
}
#cms_3-d .box_title, #cms_3-d .box_txt1, #cms_3-d .box_txt2 {
    color: #111111;
}
header .scroll_d span, header .scroll_d span::before {
   display: none;
}
/*#top_cms {
	position: relative
}
#top_cms:before {
	content: "";
	position: absolute;
	background-image: url("./Dup/img/darin2.png");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
}*/
#top_cms {
    background-image: url(./Dup/img/darin2.png), url(./Dup/img/hoku.png);
    background-position: top right, bottom left;
    background-repeat: no-repeat, no-repeat;
    background-size: 30%;
}
#under_page .under_box {
    background-image: url(./Dup/img/darin2.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 30%;
}
#contents1 .con_box, #top_info .con_box {
    border: 4px solid #43281b;
    border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
    /*margin: 2em 0;*/
    padding: 2em;
}
#cms_5-a .cate_box {
    color: #111111;
}
#contact_tel .pd_30px {
    padding: 30px 10px;
}
#contact_tel2 .pd_30px {
    padding: 30px 0;
}
#page_title:before {
	position: absolute;
	content: "";
	background-image: url("./Dup/img/gaikotu.png");
	background-position: center right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 20%;
	height: 100%;
	top: 0;
	right: 0;
}
/*.pager li.prev a:hover, pager li.next a:hover {
    border-bottom: none;
}*/
/****************タブレット************************/
@media screen and (max-width: 778px) {
    #contents1 .con_box:after {
    width: 150px;
    height: 150px;
    top: -60px;
    left: -45px;
    z-index: 0;
}
.catch {
    width: 300px;
    z-index: 2;
    bottom: -26px;
    left: 78%;
    transform: translate(-50%);
}
#top_cms {
    background-size: 40%;
}
#top_info .con_box:after {
    width: 110px;
    height: 140px;
    top: -78px;
    right: -15px;
}
#header .width_200-max_sp {
    max-width: 100px;
}
}

/****************スマホ************************/
@media screen and (max-width: 667px) {
    .catch {
    width: 250px;
    z-index: 2;
    bottom: -26px;
    left: 50%;
    transform: translate(-50%);
}
#contents1 h2 {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 19px;
}
#contents1 .con_box, #top_info .con_box {
    padding: 2em 1em;
}
#contents1 .con_box:after {
    width: 100px;
    height: 100px;
    top: -73px;
    left: -37px;
    z-index: 0;
}
.all {
    display: none;
}
#cms_2-a .cate_title, #cms_4-c .cate_title {
    text-align: center;
}
#top_info .con_box:after {
    width: 110px;
    height: 110px;
    top: -48px;
    right: -31px;
}
}