.font1{
font-family: toppan-bunkyu-midashi-min-st, serif;
font-weight: 900;
font-style: normal;
}
/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
#contents2 .con_title,#contents3 .con_title{position: relative;}
/*リピートなし*/
#contents2:after,#contents2 .con_title:before,#contents3:after,#contents3 .con_title:before,
.page_title_box:before{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}

#contents2:after{
background-image: url(./Dup/img/obj2.png);
width: 400px;
height: 440px;
top: -150px;
left: -15px;
z-index: 1;
}
#contents3:after{
background-image: url(./Dup/img/obj3.png);
width: 400px;
height: 333px;
bottom: -100px;
right: 30px;
z-index: 1;
transform: rotate(-15deg);
}
#contents2 .con_title:before,#contents3 .con_title:before{
background-image: url(./Dup/img/obj1.png);
width: 300px;
height: 300px;
top:20%;
left: 75%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: 0.5;
z-index: -1;
}

.page_title_box:before{
background-image: url(./Dup/img/obj1.png);
width: 150px;
height: 150px;
top:50%;
left: -40px;
-ms-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
opacity: 0.5;
}

/*--------------------------------
全体
--------------------------------*/
.z1{z-index: 1;}
#wrap{background-image: url(./Dup/img/bg.jpg);background-size: 50%;}
#header{top: 0;}
#header img{
height: auto;
max-width: 400px;
}
.footer_logo.width_200-max{max-width: 300px;}
/*--------------------------------
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 .con_box{padding-top: 250px;}
#contents2 .con_box,#contents3 .con_box{padding-top: 500px;}
#contents1 .con_box::before,
#contents2 .con_box::before,
#contents3 .con_box::before{display: none;}
#contents1 .con_title{
height: 400px;
position: absolute;
top: -160px;
left: 50%;
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}
#contents2 .con_title,
#contents3 .con_title{
height: 300px;
position: absolute;
top:150px;
left: 50%;
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}
#contents2:before{
    background: -moz-linear-gradient(left, rgba(110,100,65,0.3), rgba(110,100,65,0.8));
    background: -webkit-linear-gradient(left,  rgba(110,100,65,0.3), rgba(110,100,65,0.8));
    background: linear-gradient(to right,  rgba(110,100,65,0.3), rgba(110,100,65,0.8));
display:block;
content: "";
width:100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#contents3:before{
    background: -moz-linear-gradient(left, rgba(110,100,65,0.8), rgba(110,100,65,0.3));
    background: -webkit-linear-gradient(left,  rgba(110,100,65,0.8), rgba(110,100,65,0.3));
    background: linear-gradient(to right,  rgba(110,100,65,0.8), rgba(110,100,65,0.3));
display:block;
content: "";
width:100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#contents2 .con_box,#contents3 .con_box{
    background: -moz-transparent;
    background: -webkit-transparent;
    background: transparent;
z-index: 1;
}
/*--------------------------------
下層
--------------------------------*/
#cms_3-c .cate_box:first-of-type .box_title3{padding-top: 0;}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.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){
#header{background:rgba(0,0,0,0.8);height: 130px;}
header .menu_stick{top: 55px;}
#header img{max-width: 300px;}

#video{ height: 40vh; }
#video video{
width: 100%!important;
height: auto;
}
#contents1 .con_title{
top: -50px;
}
#contents2 .con_title,
#contents3 .con_title{
top:150px;
}
#contents2:after {
width: 200px;
height: 220px;
top: -75px;
}
#contents3:after{
width: 200px;
height: 167px;
bottom: -75px;
right: 30px;
}

.page_title_box:before{
width: 150px;
height: 150px;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){
#header{
padding-top: 10px;
padding-bottom: 10px;
height: 80px;
}
header .menu_stick{top: 30px;}
#header img{max-width: 200px;}
.footer_logo.width_200-max{max-width: 200px;}

#video{ height: 31vh; }
#contents1 .con_title,
#contents2 .con_title,
#contents3 .con_title{
height: auto;
margin: 0 auto 50px;
}
#contents1 .con_box{padding-top: 50px;}
#contents2 .con_box,#contents3 .con_box{padding-top: 150px;}
#contents1 .con_title,
#contents2 .con_title,
#contents3 .con_title{
position: static;
top: auto;
left: auto;
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
#contents2:after {
width: 150px;
height: 165px;
top: -55px;
}
#contents3:after{
width: 150px;
height: 125px;
bottom: -45px;
right: 0px;
}
}

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

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