﻿/*--------フォント・リンク--------*/
body {font-family:"NotoSerif", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
@font-face {
    font-family: 'NotoSerif';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/img/NotoSerif_r.woff') format('woff'),
        url('../Dup/img/NotoSerif_r.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSerif';
    font-style: normal;
    font-weight: 700;
    src: url('../Dup/img/NotoSerif_bold.woff') format('woff'),
        url('../Dup/img/NotoSerif_bold.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSerif';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/img/NotoSerif_black.woff') format('woff'),
        url('../Dup/img/notoSerif_black.eot')  format('eot');
    font-display: swap;
}
.linkStyle{color: #333333; text-decoration: underline;}



/*--------色調整--------*/
.index_txt {color: #ffffff;}
main,footer_nav,#info_contact{background-color: #37383a;}
#intro_wrap,#contents3_wrap .con_box{background-color: #2f2f2f;}
#footer_nav li a::after { background: rgba(255,255,255,0.8);}
#footer_nav_wrap ul li .txt_color_nomal { color: #ffffff;}



/*--------全体--------*/
#video{margin-bottom:-10px;}
#fakeloader{    background-color: #4e4e4e;}
header{ background-color: rgba(137,12,21,0.54)!important;}
.back1:before{     background-color: rgba(191,188,188,0.2)!important;height: 45%;width: 95%;    top: 740px;}
.back2:before {  background-color: rgba(191,188,188,0.2)!important;height: 66%;  top: 167px;    width: 94%;}
#main_img:before { background-color: rgba(70,70,70,0.01);}
#main_img .menu .bg_white {background-color: transparent;}
main .num{opacity: 1;color:#962731;}
.line:before { background-color: rgba(255,255,255,0.7)!important;}
#intro span{    background-color: #37383a;   padding: 0 0 0 13px;}
#intro_wrap{    border: 1px solid #737171;  background-color: transparent;}
#contents1 .con_box { margin-top: 12%;}
#contents2 .con_box { margin-top: 18.5%;}
#top_cms.back1:before { top: 0px!important;    width: 87%;}
#top_cms .cms_title p{color: #b5b5b5;}
#top_cms .cms_title .line-l:before{background-color: #b5b5b5; height: 1px;  top: 15px;}
.cms_1-c .cate_box{border-color: #98222a;}

#footer { background-color: rgba(255,255,255,0.05);}
footer.bg_color2 { background-color: #5d5d5d;}



/*--------下層--------*/
main.back1:before {height: 60%;    width: 82%;   top: 0px;}
.cate_list li a:before {color: #525354!important;}
#footer_txt,#h1txt,#footer .tel_bt{color:#fff;}
#page7 .txt_color3 { color: #4d4d4d;}
#page7 .cate_box { border-color: #4d4d4d;}
#page8 #contact_line a{
background-image: url(./Dup/img/line_qr.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}



.overlay { background: linear-gradient(135deg, rgba(136,136,136,0.95) , rgba(125,125,125,0.95) )!important;}
#nav_menu .mg_b-50px .nav_menu_more:last-of-type{display:none;}
#overlay .left li {max-width: 200px;}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
#video{margin-bottom:-9px;}
.offset-2r_tb { margin-right: 0; }
#contents1_wrap{flex-flow: row-reverse;}
#contents1 .num { left: 55.5%;}
#contents1 .con_box{padding-left: 0%;    padding-right: 5%;}
#contents2_wrap{margin-top: 8%;}
#contents3_wrap .con_box{margin-top: 8%;}
}



/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
header { background-color: rgb(55,56,58,0.9)!important;}
header.scr_header { background-color: rgba(150,39,49,0.5)!important;}
#intro h3{font-size: 5vw;}
#intro_wrap { background-color: #37383a;}
.back1:before {    height: 40%;   top: 1051px;}
#contents1_wrap { flex-flow: column;}
#contents1 .con_title{text-align: left;}
#contents2 .con_title h3{    font-size: 5.1vw;}
#contents3_wrap:before { background-position: 35% 50%;}
#contents3 h3{font-size: 6.5vw; text-align: center;}
.page_title_box { width: 55%;}
.page3 .page_title_box h2,.page6 .page_title_box h2 { font-size: 5vw; }

}



/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){

}