/* フォント */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500&display=swap');


body, .font_sans-serif{font-family: 'Playfair Display', 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important; }

.txt_color4 {    color: #a01e1e;}
.bg_color3 {    background-color: #121212;}
.bg_color4 {    background-color: #121212; }

.border_color2{border-color: #2f2f2f;}
.border_color3{border-color: #2f2f2f;}
.border_color4{border-color: #2f2f2f;}
.border_white{border-color: #2f2f2f;}

.border_so1-b{border-color: #2f2f2f;}
/*--------------------------------
TOP
--------------------------------*/
#aisatsu{max-width: none!important; background-position: center center;}
#aisatsu > div{
	padding: 100px 20%;
	margin: 0 auto;
	background-color: rgb(0 0 0 / 73%)!important;
}
#top_cms h2{    font-size: 34px;    font-weight: 500;}
#top_cms p{    color: #827c76;}

#contents1 .contents_box,#contents2 .contents_box,#contents3 .contents_box{background: rgba(0, 0, 0, 0.66)!important; background-image: none;}
.contents_box::before,.contents_box::after,.contents_box2::before,.contents_box2::after{display: none;}

/*--------------------------------
all page
--------------------------------*/
.button-effect a{border-color: #2f2f2f;}
#wrap{background-image: url(./Dup/img/backimg1.jpg);}
.width_1000-max{max-width: 1200px!important;}
#main_menu.fixed{    background-color: rgb(14 14 14 / 70%);border-bottom: 1px solid #444444;}
#main_menu .menu_title{font-size: 20px; color: #e2e2e2;transition: all 0.5s;}
#main_menu .menu_sub_title {color: #a7a7a7;transition: all 0.5s;}
#main_menu ul li a:hover{opacity: 1;}
#main_menu ul li a:hover .menu_title{ color: #fff;}
#main_menu ul li a:hover .menu_sub_title{color: #e80222;}
#main_img2{background-position: center center; max-width: 1200px;}
#main_img2 .page_title h2{font-size: 30px;    background: none;}
#main_img2 .page_title span{font-size: 14px; color: #827c76;}
#cms_2-c .box_txt1 {color:#a01e1e;}
#cms_3-e .cate_title{padding-top: 5px;padding-bottom: 10px;}
#cms_4-b .box_wrap .cate_box.width_30per{ margin: 0px; margin-right:2%;  width: 32%!important;}
#cms_4-b .box_wrap .cate_box.width_30per:nth-of-type(3n){margin-right: 0px;}
#cms_5-a .cate_title{padding-top: 7px;}
#cms_5-a .cate_title span:last-of-type{padding-bottom: 5px;}
#cms_5-b .arrow img {background: #ad8855;}
#cms_5-b .cate_box .open_bt .box_title1::before {color: #2f2f2f!important;}
#cms_6-b .cate .cate_title{background: none;}
#cms_6-b .cate_box:first-of-type,#cms_6-b .cate_box, #cms_6-b .cate_box .box_txt1, #cms_6-b .cate_box .box_txt2{  border-color:#3a3a3a;}
#page7 .box_item .txt_color1{color: #ececec;}
#page7 .access_link a{
    display: block;
    text-align: center;
    color: #ececec;
    font-size: 16px;
    background-color: transparent;
    border: solid 1px rgba(255,255,255,.14);
    max-width: 500px;
    margin: 0 auto;
    padding: 30px 0px;
}
#page7 .access_link a:hover {
    background-color: rgba(255,255,255,.1);
}
#page8 .btn_box{
width: 400px;
box-sizing: border-box;
}
#page9 p a:hover{background: #e80222; color: #fff;}
#page10 ul li a:hover{background-color: rgba(255,255,255,.1);}

/*タブレット用（768px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 768px){
	#aisatsu > div{ padding: 50px 5%;}

}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){
	.button_container{top: 28px;}
#logo{
margin: 0 auto;
text-align: center;
width: 100%!important;	
}
	#main_img2 .page_title h2{padding: 0px; width: 100%;}
#cms_4-b .box_wrap .cate_box.width_30per{ margin: 0px; margin-right:2%;  width: 49%!important;}
#cms_4-b .box_wrap .cate_box.width_30per:nth-of-type(3n){margin-right: 2%;}
#cms_4-b .box_wrap .cate_box.width_30per:nth-of-type(2n){margin-right: 0px;}
	#tel_txt p{border-left: none;}
}

/*--------------------------自動リンク--------------------------*/

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
	.cate_list li a{padding-top: 12px;}
	#cms_6-b .cate .box_txt1{padding: 10px 10px 10px;}
	#cms_6-b .cate .box_txt2{padding: 10px 10px 10px;}
	#page9 .cate_box p a{padding: 5px 10px 7px;}
}