@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";}
/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
.all_page.page4 #page_title,.all_page.page5 #page_title{position: relative;}
/*リピートなし*/
#frame:before,#frame:after,
.t_cms_img1:before,.t_cms_img2:before,.t_cms_img3:before,
.all_page.page4 #page_title:before,.all_page.page5 #page_title:before{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}

#frame:before{
background-image: url(./Dup/img/frame1-2.png);
background-size: 100%;
width: 24vw;
height: 17vw;
position: fixed;
bottom: 0;
left: -35px;
z-index: 11;
}
#frame:after{
background-image: url(./Dup/img/frame1-3.png);
background-size: 100%;
width: 14vw;
height: 19vw;
position: fixed;
bottom: -30px;
right: -30px;
z-index: 11;
}


.t_cms_img1:before{
background-image: url(./Dup/img/obj1.png);
width: 200px;
height: 240px;
bottom: -50px;
right: -55px;
z-index: 2;
}
.t_cms_img2:before{
background-image: url(./Dup/img/obj2.png);
width: 250px;
height: 208px;
bottom: -50px;
left: -55px;
z-index: 2;
}
.t_cms_img3:before{
background-image: url(./Dup/img/obj3.png);
width: 250px;
height: 208px;
bottom: -50px;
right: -55px;
z-index: 2;
}

.all_page.page4 #page_title:before{
background-image: url(./Dup/img/obj4.png);
width: 150px;
height: 300px;
bottom: -40px;
right: -30px;
z-index: 1;
}
.all_page.page5 #page_title:before{
background-image: url(./Dup/img/obj5.png);
width: 250px;
height: 208px;
bottom: -40px;
right: -30px;
z-index: 1;
}
/*--------------------------------
全体
--------------------------------*/
body{overflow:hidden;}
body:before,body.page5:before{
content: "";
display: block;
background-size: 100%;
background-repeat: no-repeat;
position: fixed;
left: 50%;
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
z-index: 11;
}
body:before{
background-image: url(./Dup/img/obj1.png);
width: 100px;
height: 120px;
bottom: 30px;
}
body.page5:before{
background-image: url(./Dup/img/obj2.png);
width: 120px;
height: 100px;
bottom: 30px;
}

#loading_logo{
width: 80%;
max-width: 400px;
}
#frame{
content: "";
display: block;
background-image: url(./Dup/img/frame1.png);
background-size: 100%;
background-repeat: no-repeat;
width: 100vw;
height: 18vw;
position: fixed;
bottom: -25px;
left: 0;
z-index: 10;
}

.menu .nav{
max-width: 1280px;
margin: 0 auto;
padding-left: 6%;
}
.menu .nav ul{justify-content: space-between;}
.menu .nav ul li{
width: auto;
margin-left: 0;
padding-left: 10px;
}
.menu .nav ul li .nav2{color: #ebaa3c;}
.menu .logo.width_10per{width: 25%!important;}

footer{background-color: #326950;height: 500px;}
.page5 footer{background-color: #ebaa3c;}
footer .logo.width_50per{width: 80%!important;}
#footer.pd_b-35px_sp{height: 500px;padding-bottom: 150px;}

#page-top a.bg_color1{background-color: #b93719;}

.img-container:before{background: #326950;}
.all_page.page5 .img-container:before{background: #ebaa3c;}
/*--------------------------------
TOP
--------------------------------*/
.main_img{
height: 100vh;
background-size: cover;
background-position: center;
}
.main_img_wrap .navi{display: none;}

#contents.bg_color4{background-color: #e6edea;}
#contents .txt_wrap{position: relative;z-index: 2;}
#contents .box figure:after{opacity: 0.7;}
#contents .box:nth-child(odd) figure:after{right: 47%;}

.other .box{background-color: #000;}
.other .box figure{opacity: 0.7;}
.other .box:hover figure{opacity: 0.5;}
.other .box p, .other .box h2 span{color: #fff;}


#dec1, #dec3, #dec5, #dec7{margin-left: 49%;}
#dec2, #dec4, #dec6, #dec8{margin-left: 51%;}
#dec1 .st0,#dec3 .st0,#dec5 .st0,#dec7 .st0{fill:#496458;}
#dec2 .st0,#dec8 .st0{fill:#B93719;}
#dec2 .st1,#dec8 .st1{fill:#ffffff;}
#dec4 .st0,#dec6 .st0{fill:#EBAA3C;}
#dec4 .st1,#dec6 .st1{fill:#ffffff;}

/*--------------------------------
下層
--------------------------------*/
.all_page.bg_color4{background-color: #b4c8be;}
.all_page.page5.bg_color4{background-color: #f0e6af;}

#page_title p.txt_shadow-l{text-shadow: none;}
#page_title p.font_45{
font-family: "gennei","sans-serif";
font-weight: normal;
text-shadow:
2px  2px 0px #ffffff,
-2px  2px 0px #ffffff,
2px -2px 0px #ffffff,
-2px -2px 0px #ffffff,
2px  0px 0px #ffffff,
0px  2px 0px #ffffff,
-2px  0px 0px #ffffff,
0px -2px 0px #ffffff;
}
#page_title p.font_25{color: #326950;}
.page5 #page_title p.font_25{color: #ebaa3c;}

.cms_wrap.width_90per,#page7,#page8,#page9,#page10{
width: 100%!important;
max-width: none;
margin: 0;
padding-left: 20%;
padding-right: 5%;
}

@media  screen and (max-width: 1400px){
.menu .nav{
max-width: none;
padding-left: 0;
}
.menu .nav ul li:first-child{width: 10%;}
.menu .nav ul li .nav1{font-size: 16px;}

.t_cms_img1:before{
width: 150px;
height: 180px;
bottom: -30px;
right: -45px;
}
.t_cms_img2:before{
width: 200px;
height: 167px;
bottom: -45px;
left: -35px;
}
.t_cms_img3:before{
width: 200px;
height: 167px;
bottom: -30px;
right: -45px;
}

}

@media  screen and (max-width: 1000px){

body:before{
width: 80px;
height: 96px;
bottom: 15px;
}
body.page5:before{
width: 100px;
height: 83px;
bottom: 15px;
}

header .logo{width: 30%;}
.t_cms_img1:before {
width: 120px;
height: 144px;
}
.t_cms_img2:before {
width: 150px;
height: 125px;
}
.t_cms_img3:before {
width: 120px;
height: 100px;
}
.all_page.page4 #page_title:before{
width: 120px;
height: 240px;
}
.all_page.page5 #page_title:before{
width: 200px;
height: 167px;
}

}

/*タブレット用（768px以下）*/
@media  screen and (max-width: 768px){
#frame{
background-image: url(./Dup/img/frame2.png);
width: 100vw;
height: 34vw;
bottom: -25px;
}
#frame:before{
width: 26vw;
height: 19vw;
bottom: 0;
left: 0;
}
#frame:after{
width: 17vw;
height: 22vw;
bottom: 0;
right: 0;
}

footer{height: 50vh;}
#footer.pd_b-35px_sp{padding-bottom: 100px;height: 50vh;}

.main_img_wrap,.main_img{height: 50vh;}
.main_wrap{margin-top: 50vh;}


.all_page.page4 #page_title:before{
width: 100px;
height: 200px;
right: -20px;
}
.all_page.page5 #page_title:before{
width: 180px;
height: 150px;
right: -20px;
}
#page_title p.font_45{
text-shadow:
1px  1px 0px #ffffff,
-1px  1px 0px #ffffff,
1px -1px 0px #ffffff,
-1px -1px 0px #ffffff,
1px  0px 0px #ffffff,
0px  1px 0px #ffffff,
-1px  0px 0px #ffffff,
0px -1px 0px #ffffff;
}

}

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

.main_img_wrap,.main_img{height: 40vh;}
.main_wrap{margin-top: 40vh;}

body:before{
width: 60px;
height: 70px;
}
#frame{
bottom: -10px;
}
#frame:before{
width: 35vw;
height: 26vw;
}
#frame:after{
width: 21vw;
height: 28vw;
}

header .logo{width: 55%;}
footer{height: 80vh;}
#footer.pd_b-35px_sp{height: 80vh;}

.t_cms_img1:before{
width: 100px;
height: 120px;
right: -30px;
}
.t_cms_img2:before{
width: 100px;
height: 83px;
bottom: -30px;
left: -20px;
}
.t_cms_img3:before{
width: 100px;
height: 83px;
bottom: -20px;
right: -25px;
}
.all_page.page5 #page_title:before{
width: 150px;
height: 125px;
}
#page_title .img-container::after{background-color: rgba(50,105,80,0.6);}
.page5 #page_title .img-container::after{background-color: rgba(235,170,60,0.6);}
#page_title p.font_45{text-shadow: none;}
#page_title p.font_25 {color: #c3f7df;}
.page5 #page_title p.font_25{color: #fff4cc;}
.cms_wrap.width_90per,#page7,#page8,#page9,#page10{padding-left: 5%;}

}

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




/*--------------------------------
自動リンク
--------------------------------*/
/* color */
.linkStyle{color: #b93719; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #b93719;}
.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: #326950;}

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

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

/* border-color */
.border_white,.hvr_border_white:hover{border-color: white;}
.border_black,.hvr_border_black:hover{border-color: black;}
.border_color1,.hvr_border_color1:hover{border-color: #326950;}
.border_color2,.hvr_border_color2:hover{border-color: #B93719;}
.border_color3,.hvr_border_color3:hover{border-color: #EBAA3C;}
.border_color4,.hvr_border_color4:hover{border-color: #FAF0E6;}

#top_cms.bg_color2{background-color: #ead0ca;}