@font-face {
font-family: "gennei";
  src: url("./Dup/img/gennei.ttf") format("ttf"),url("./Dup/img/gennei.eot") format("eot"),url("./Dup/img/gennei.woff") format("woff"),url("./Dup/img/gennei.woff2") format("woff2");
}
.font1{font-family: "gennei","sans-serif";}
/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
#intro,#top_cms,.page_container{position: relative;}
/*リピートなし*/
#intro:before,#top_cms:before,.page_container:before,.page_container:after{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}

#intro:before{
background-image: url(./Dup/img/obj1.png);
width: 1200px;
height: 1000px;
top: -200px;
right: -350px;
z-index: -1;
opacity: 0.5;
}
#top_cms:before{
background-image: url(./Dup/img/obj1.png);
width: 1200px;
height: 1000px;
top: -500px;
left: -350px;
z-index: -1;
opacity: 0.5;
}

.page_container:before{
background-image: url(./Dup/img/obj1.png);
width: 1200px;
height: 1000px;
top: -330px;
right: -635px;
z-index: -1;
opacity: 0.5;
}
.page_container:after{
background-image: url(./Dup/img/obj1.png);
width: 1000px;
height: 800px;
bottom: -500px;
left: -635px;
z-index: -1;
opacity: 0.5;
}
/*--------------------------------
全体
--------------------------------*/

/*--------------------------------
TOP
--------------------------------*/
#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%);
}


#contents1 span.bg_color2{background-color: #f9f9f9;}
/*--------------------------------
下層
--------------------------------*/
/* 5-b Q削除 */
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{display: none;}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1{margin-left: 70px;}

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

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

header{top: 0;}

#main_img{z-index: 1;}
#main_img,#video{ height: 40vh!important;}
#video video{
width: 100%!important;
height: auto;
}
#main_img p{width: 80%!important;}

#intro:before{
width: 800px;
height: 667px;
top: -260px;
right: -435px;
z-index: 0;
}
#top_cms:before{
width: 800px;
height: 667px;
top: -380px;
left: -320px;
}
.page_container:before{
width: 800px;
height: 667px;
top: -365px;
right: -440px;
}
.page_container:after{
width: 600px;
height: 500px;
bottom: -300px;
left: -280px;
}

}

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

#main_img,#video{ height: 31vh!important;}

#intro:before{
width: 500px;
height: 417px;
top: -150px;
right: -250px;
}
#top_cms:before{
width: 500px;
height: 417px;
top: -170px;
left: -200px;
}
.page_container:before{
width: 500px;
height: 417px;
top: -230px;
right: -260px;
}
.page_container:after{
width: 400px;
height: 333px;
bottom: -200px;
left: -120px;
}

}

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




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

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