/*--------------------------------
全体
--------------------------------*/
#fakeloader{background-image: url(./Dup/img/bg.jpg);background-size: 50%;}
body{background-color: #fff;font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
header.scr_header{background-color: rgba(0,0,0,0.7)!important;}
header.scr_header #logo{max-width: 170px;}
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after{height: 1px;background: #d7bea0;}
.back1:before, .back2:before,#fakeloader:before{display: none;}
footer.bg_color2{background-color: #191919;background-image: url(./Dup/img/bg.jpg);background-size: 50%;}
#footer{background-color: transparent;}
#footer_con{max-width: 1280px;box-sizing: border-box;margin: 0 auto;}
#h1txt{color: #fff;}
#copyright.bg_color1{background-color: #284637;}
.return::before, .return::after{background-color: #cccccc;}
.return a.txt_color3{color: #d7bea0;}
.line:before{height: 1px;}

.sp_menu{
transition: .3s;
z-index: 3;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
font-size: 12px;
letter-spacing: 0px;
}
.sp_menu li{
width: 25%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
box-sizing: border-box;
}
.sp_menu li:nth-of-type(1),.sp_menu li:nth-of-type(5){border-left: 1px solid #fff;}
.sp_menu li:nth-of-type(5),.sp_menu li:nth-of-type(6){border-top: none;}
.sp_menu li a{padding: 10px 3px;height: 100%;box-sizing: border-box;}

.sp_menu_btn{
width: 20%;
padding: 5px 9px;
position: absolute;
top: -38px;
cursor: pointer;
}

.sp_menu_btn .nav_btn{
display: inline-block;
width: 15px;
height: 15px;
margin-right: 5px;
position: relative;
top: 3px;
}
.sp_menu_btn .nav_btn span{
display: block;
background-color: #fff;
height: 3px;
width: 15px;
position: absolute;
left: 5px;
top: 5px;
transition: .3s;
}
.sp_menu_btn .nav_btn.open_btn span:nth-child(1){
transform: rotate(-55deg);
left: -1px;
width: 13px;
}
.sp_menu_btn .nav_btn.open_btn span:nth-child(2){
transform: rotate(55deg);
right: -1px;
width: 13px;
}

.sp_menu_btn .nav_btn.close_btn span{left: 0;}
.sp_menu_btn .nav_btn.close_btn span:nth-child(1){transform: rotate(45deg);}
.sp_menu_btn .nav_btn.close_btn span:nth-child(2){transform: rotate(-45deg);}

.sp_menu_btn .close,.sp_menu_btn .open{
display: inline-block;
font-size: 14px;
}
.sp_menu_btn.opennow .open{display: none!important;}

.sp_menu.navclose{bottom: -91px;}
/*--------------------------------
TOP
--------------------------------*/
#main_img:before{background-color: rgba(0,0,0,0.3)!important;}
#video{ height: 100vh; }
#video video{
width: 100%!important;
height: auto;
top: 50%;
left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.portrait_img{height: 700px!important;}

#contents1{background-image: url(./Dup/img/bg.jpg);background-size: 50%;}
#contents1 .con_photo,#contents2 .con_photo{margin-top: -200px;}
#contents1 .con_box,#contents2 .con_box{margin-top: 0;}

#contents1 .num{top: -110px;}
#contents2 .num{top: -120px;}

#contents3_wrap:before{background-attachment: fixed;}
#contents3_wrap:after{background-color: rgba(0,0,0,0.5)!important;}

#top_cms.back1:before{z-index: -1;}
.more_btn:before, .more_btn:after{z-index: -1;}
.more_btn.txt_color3{color:#fff;}
.more_btn:hover.txt_color3{color:#284637;transition-delay: 0s;}
.more_btn:before{border-color: rgba(40,70,55,1)!important;}
.more_btn:after{background-color: rgba(40,70,55,1)!important;width: 100%;}
.more_btn:hover:after{background-color: rgba(40,70,55,0.1)!important;transition-delay: 0s;}

#info_contact .con_img:before{background-color: rgba(0,0,0,0.7);}
/*--------------------------------
下層
--------------------------------*/
#page_title:before{background-color: rgba(0,0,0,0.5)!important;}
.page .con_box.bg_white{background-color: transparent;}

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

.sp_menu_btn{padding-bottom: 0;top: -33px;}
.sp_menu li a{padding-bottom: 5px;}
.sp_menu.navclose{bottom: -81px;}

.contact_tel a{padding-bottom: 24px;}
#tel_txt h3{padding-bottom: 0;}
#tel_txt p{padding-bottom: 15px;}

}

@media  screen and (max-width: 1600px){
#video video{
width: auto!important;
height: 100%;
}
}

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

#video{ height: 40vh; }
#video video{
width: 100%!important;
height: auto;
}

#contents1 .num,#contents2 .num{top: -100px;}
#contents1 .con_photo,#contents2 .con_photo{margin-top: -150px;}
#contents2 .num{left: 42.5%;}
#contents3_wrap:before{
background-size: auto 100%;
background-attachment: scroll;
}

#page_title .page_title_box{width: 50%;}

}

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

#logo,header.scr_header #logo{max-width: 130px;}

#video{ height: 31vh; }

#contents1 .num,#contents2 .num{top: -200px;}
#contents2 .num{left: 50%;}

#page_title .page_title_box{
width: 70%;
padding-left: 20px;
padding-right: 20px;
}
#page_title .page_title_box h2{font-size: 22px;}

}

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

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

/*--------------------------カラー--------------------------*/
body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #333;}
.txt_white,.hvr_txt_white:hover{color: white;}
.txt_red,.hvr_txt_red:hover{color: red;}
.txt_color1,.hvr_txt_color1:hover{color: #BE0000;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #333333;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #284637;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #D7BEA0;} /* アクセントカラー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: #BE0000;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #333333;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #284637;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #D7BEA0;} /* アクセントカラー2 */
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}


/* border-color ※!important */
.border_color1,.hvr_border_color1:hover{border-color: #BE0000;}
.border_color2,.hvr_border_color2:hover{border-color: #333333;}
.border_color3,.hvr_border_color3:hover{border-color: #284637;}
.border_color4,.hvr_border_color4:hover{border-color: #D7BEA0;}