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

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #b1852a} /* メインカラー */
.bg_color2{background-color: #822727} /* サブカラー */
.bg_color3{background-color: #bf9835} /* アクセントカラー1 */
.bg_color4{background-color: #f7f1eb} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}
.bg_color5{background-color:#133640;}


/* border-color ※!important */
.border_color1{border-color: #b1852a}
.border_color2{border-color: #822727}
.border_color3{border-color: #bf9835}
.border_color4{border-color: #c9baa9}
.border_white{border-color: white}

/* 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: #b1852a} /* メインカラー */
.hvr_txt_color2:hover{color: #e6e6e6} /* サブカラー */
.hvr_txt_color3:hover{color: #bf9835} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #c9baa9} /* アクセントカラー2 */

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


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #b1852a}
.hvr_border_color2:hover{border-color: #822727}
.hvr_border_color3:hover{border-color: #bf9835}
.hvr_border_color4:hover{border-color: #c9baa9}



/*全ページ*/
body{font-family:"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
#main_menu,#bottom_menu{
    width: 1280px;
    margin: 0 auto;
}
#main_menu,#bottom_menu,#page-top{box-shadow: 0 5px 10px rgba(0,0,0,0.3);}
#aside_company,#aside_access{background-color:transparent;}
#aside_company h2,#aside_access h2{background-color: #822727;}
#aside_company h3,#aside_company p,#aside_access p{color:white;}
footer{ 
    background-image: url(dup/img/bg3.jpg);
    background-size: cover;
}
#header .logo img{width: 70%!important;}
#footer .logo img{width: 40%!important;}
#contact_btn a{padding-top: 7px;}
#contact_btn i{
    font-size: 25px;
    color:white;
}
.drawer-hamburger{z-index: 999;}
#aside_access{display:none;}

/*トップページ*/

#main_img{
    border-radius: 50px;}

#main_menu ul li a{padding: 10px 20px 10px 20px;}
#main_menu ul li a:hover{
    opacity:0.5;
    transition:all 0.3s;
}
#page-top a{
    box-shadow:none;
    background-size: 35%;
}
#wrap{
    background-image: url(dup/img/bg3.jpg);
    background-size: contain;
}
header{background-color:transparent;}
#intro{
    background-color: transparent;
    color: white;
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(dup/img/intro_item2.png),url(dup/img/intro_item.png);
    background-repeat: no-repeat;
    background-position: center bottom,center top;
}
#intro h2{
    text-align:center;
    font-size: calc(2rem + 4px);
    font-weight:bold;
}
#intro p{text-align: center;}
#contents{color:white;}
#contents .box,.top_cms_box,#aside_company,#aside_access{border:0;}
#contents h3{font-size: calc(1rem + 10px);}

#top_cms .box_img1{
    background-color:#eee;
}
#top_cms img{width: 80%!important;}
.cms_5-c .box_txt1::before,.cms_5-c p{color:white;}
.cms_5-c .box_title1{border-color:#b1852a;}

.more a{color:white;}

/*下層ページ*/
#page_title{
    background-color:transparent;
    background-image: url(dup/img/item1.png),url(dup/img/item2.png);
    background-repeat: no-repeat;
    background-position: center bottom,center top;
    margin-bottom: 100px;
    margin-top: 100px;
}
.cate_list a{
    padding:10px!important;
    border-left:0;
    border-bottom:1px solid white;
    background-color:transparent;
}
.cate_list a:hover{
    opacity:0.5;
    transition:all 0.3s;
}
.cate_title {
    border-left:0;
    background-color:transparent;
}
#cms_2-b .cate_box,#cms_3-b .cate_box {
border: 1px solid #b1852a;
border-left:10px solid #b1852a;
}
#cms_2-b img{
    border-right:0;
    border-bottom:0;
    padding:0;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
#cms_2-b h3,#cms_2-b p{color:white;}

#cms_3-b p{color:white;}

#cms_1-f .box_title1,#cms_1-f .date,#cms_1-f .box_txt1{color:white;}
.linkStyle{color: white;}
#news_list p,#news_list a{color:white;}


#cms_5-c .box_txt1::before,#cms_5-c .box_txt1{color:white;}
#cms_5-c .box_title1{border-color: rgba(253,253,253,0.3);}

#company,#sitemap,#sitemap a{border:1px solid #b1852a;}
#company .cate_box{border-bottom:1px solid #b1852a;}
#page7 .box_wrap:nth-of-type(2){display:none;}
#page8 #page_title{margin-bottom:50px;}
#contact{border:1px solid #b1852a;}
#contact h3 {font-size: calc(1rem + -1px);}
#form_bt input:hover,#submit input:hover{
    opacity:0.7!important;
    transition:all 0.3s!important;
}

#sitemap a:hover{
    transition:all 0.3s;
    color:white;
    background-color: #b1852a;
}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header > div{background-image: none;}
.drawer-hamburger{
    background-color: transparent!important;
   /* padding: 10px 20px 20px!important;*/
}

#contact_btn{margin-left: 35%;}
#copyright{padding-bottom: 30px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#contact_btn {margin-left: 3%;}
#intro{background-size: 80%;}
#intro h2{font-size: calc(1rem + 10px);}
#header .logo img {width: 80%!important;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#main_menu ul li a{padding:17px 20px 10px 20px;}
.more a{padding:13px 10px 10px 10px;}
}