/*赤#A60512 166,5,18*/
/*暗#930512 147,5,18*/
/*白#F2F2F2 242,242,242*/
/*　#E6E6E6 230,230,230*/
/*黒#141414 20,20,20*/

/*font-----------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,a,.cate_title{font-family:'Noto Serif JP', serif !important;}
.page_box p,#page-top span,.cms_title p{font-family: 'Oswald', sans-serif !important;}
#page-top span{font-weight: normal !important;}

/*size------------------------------------------------------------------------------*/
body,.font_14 {font-size: 15px;}
.font_22 {font-size: 26px;}
.font_20 {font-size: 22px;}
.cms_title p {font-size: 19px;
}

/*font-----------------------------------------------------------------------------*/

/*color-----------------------------------------------------------------------------*/
/*bg*/
.bg_color1 {background-color: #930512;}
.bg_color4 {
    background-color: #930512;
    background-image: url(dup/img/headerbg.png);
    background-size: cover;
}

/*txt*/
p {color: #f4f4f4;}
.txt_color_nomal {color: #E6E6E6;}
.txt_color1 {color: #F2F2F2;}
.txt_color3 {color: #F2F2F2;}
.txt_color4 {color: #930512;}
.cate_box p, .cate_box h3 {color: #E6E6E6;}
.cate_txt1,.sub_cate_title, .box_item {color: #362a4c;}
.box_txt1 {color: #E6E6E6;}
.box_title1 {color: #E6E6E6;}
#tel_txt h3 {color: #f2f2f2 !important;}
#tel_txt .border_so1-b {border-color: rgba(147,5,18,0.8);}
.cate_title {color: #E6E6E6;}
small.font_en {color: #E6E6E6;}
.opacity08 {opacity: 0.9;}
.page_box p{color: #930512;}
div#contents3 p,div#contents2 p,section#contents_box p{opacity: 0.8;}

/*border*/
.border_color1 {border-color: #A60512;}
.border_color3 {border-color: rgba(147,5,18,0.5);}
.border_color4 {border-color: #930512;}

/*hvr before after*/
.cms_title::before {background-color: #A60512;}
.hvr_txt_white:hover{color: #F2F2F2;}
.cms_5-b .cate_box .open_bt .box_title1::before {color: rgb(242,242,242) !important;}
#cms_5-b .cate_box .open_bt .box_title1::before {color: rgb(242,242,242) !important;}
#page_title .page_box::before {    background-color: #930512;}
.button2:hover {box-shadow: 0 0 20px rgb(147 5 18 / 50%) inset;}

/*全体*/
body {
    background: #141414;
    background-image: url(dup/img/bg_img_b.png);
}

/*左メニュー*/
#main_menu ul li a::before {background-color: #F2F2F2;}
.pc_box li a {color: #F2F2F2;}
.contact_bt a, .tel_bt a{border-color: #F2F2F2 !important;}
.button:hover::after {box-shadow: inset 0 0 0 15em rgb(166,5,18);}


/*linkStyle*/
a.linkStyle {
    color: #F2F2F2;
    transition: 0.5s;
    font-family: bold;
}
a.linkStyle:hover {
    color: #E6E6E6;
    opacity: 1.0;
}

/*color-----------------------------------------------------------------------------*/


/*filter-----------------------------------------------------------------------------*/
img{filter:grayscale(0.4);}
div#attach {filter: grayscale(0.9);}
#page_title .title_img {filter: grayscale(0.8);}
/*filter-----------------------------------------------------------------------------*/

/*main_img---------------------------------------------------------------------------*/
img.posi_abs.catchcopy {
    z-index: 2;
    width: 26%;
    right: 4%;
    top: 37%;
}



#video::before {
    position: absolute;
    height: 28%;
    width: 40%;
    opacity: 0.9;
    content: "";
    display: block;
    background-image: url(dup/img/bg_img.png);
    z-index: 1;
    right: 2.5%;
    top: 29.8%;
}
#main_img::before {
    position: absolute;
    height: 53%;
    width: 31%;
    opacity: 0.3;
    content: "";
    display: block;
    background-image: url(dup/img/inc.png);
    z-index: 3;
    right: 0%;
    top: 45%;
    background-repeat: no-repeat;
    background-size: 89%;
}
#main_img {
    z-index: 1;
    overflow: hidden;
    position: relative;
    max-height: 100vh;
    min-height: 100%;
}

.catchcopy_bg::before {
    content: '';
    background-image: url(dup/img/catchcopy.png);
    position: absolute;
    height: 53%;
    width: 36%;
    opacity: 1.3;
    content: "";
    display: block;
    z-index: 3;
    right: 4%;
    top: 37%;
    background-repeat: no-repeat;
    background-size: 95%;
}
/*main_img---------------------------------------------------------------------------*/

/*animation--------------------------------------------------------------------------*/
.txt_anim span{
    -webkit-transition: opacity .8s cubic-bezier(.215,.61,.355,1),-webkit-transform .8s cubic-bezier(.215,.61,.355,1);
    transition: opacity .8s cubic-bezier(.215,.61,.355,1),-webkit-transform .8s cubic-bezier(.215,.61,.355,1);
    transition: transform .8s cubic-bezier(.215,.61,.355,1),opacity .8s cubic-bezier(.215,.61,.355,1);
    transition: transform .8s cubic-bezier(.215,.61,.355,1),opacity .8s cubic-bezier(.215,.61,.355,1),-webkit-transform .8s cubic-bezier(.215,.61,.355,1);
    position: relative;
    display: inline-block;
    letter-spacing: .13em;
    opacity: 0;
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.txt_anim span.start{
	opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.fadein{
	transform: translateY(20px);
	transition: transform 1.5s ease, opacity 2s;
	transition-property: opacity,transform;
	opacity: 0;
}
.fadein.start{transform: translateY(0);opacity: 1;}
/*animation--------------------------------------------------------------------------*/

header {
    padding-top: 80px !important;
}


/*IE*/
@media all and (-ms-high-contrast: none){
.pc_box .contact_bt a {padding: 14px 0 15px !important;}
.tel_bt a{padding: 13px 0 16px !important;}

more a{
    padding-top: 9px !important;
    padding-bottom: 10px !important;
}
#main_menu ul li a::before {top: 51% !important;}
.cate_list li a { padding: 11px 0 11px !important;}

#cms_2-a .cate .cate_title {padding-top: 8px !important;}

.button2:hover {box-shadow:inset 0px 0px 20px rgba(147,5,18,0.6) !important ;}

#cms_6-a .cate .cate_title {padding-top: 8px !important;}

#contact_tel a{padding-top: 25px !important;}

#page9 .box p a {padding: 3px 6px 4px !important;}

#page10 ul li a {padding: 14px 0 15px !important;}

.pager li a {padding: 2px 0 4px !important;}


}



/*タブレット*/
@media screen and (max-width: 768px){
    header{
        padding-bottom: 25px !important;
        padding-top: 25px !important;
    }
    
img.posi_abs.catchcopy {
    z-index: 2;
    width: 33%;
    right: 6%;
    top: 26.8%;
}

.hamburger__icon.bg_color1, .hamburger__icon:after, .hamburger__icon:before {
    background: #141414 !important;
}
.hamburger.active .hamburger__icon {
    background-color: transparent !important;
}

.fat-nav__wrapper a {
    color: #A60512 !important;
    font-size: 15px;
}

header {
    padding-top: 25px !important;
}

    
}
/*スマホ*/
@media screen and (max-width: 667px){
#video::before {
    position: absolute;
    height: 31%;
    width: 43%;
    opacity: 0.9;
    content: "";
    display: block;
    background-image: url(dup/img/bg_img.png);
    z-index: 1;
    right: 2.5%;
    top: 29.8%;
}

img.posi_abs.catchcopy {
    z-index: 2;
    width: 38%;
    right: 5%;
    top: 24.5%;
}

#main_img::before {
    position: absolute;
    height: 53%;
    width: 33%;
    opacity: 0.3;
    content: "";
    display: block;
    background-image: url(dup/img/inc.png);
    z-index: 3;
    right: 0%;
    top: 47%;
    background-repeat: no-repeat;
    background-size: 89%;
}

.hamburger {
    top: 15px;
    right: 3px;
}

.catchcopy_bg::before {
    content: '';
    background-image: url(dup/img/catchcopy.png);
    position: absolute;
    height: 53%;
    width: 36%;
    opacity: 1.3;
    content: "";
    display: block;
    z-index: 3;
    right: 6%;
    top: 38%;
    background-repeat: no-repeat;
    background-size: 100%;
}

    
}