.bg_color1 {
    background-color: #4c2124;
}

.bg_color3 {
    background-color: #26412c;
}

#fakeloader.bg_color1{
background-color:#d0d0d0;
}


.menu .square_box{
background: rgba(255,255,255,0.4);
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.2);
   /* backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);*/
}


.txt_color1 {
    color: #8ca44e;
}
.menu .square_box a{
backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
}

header.scr_header {
    background-color: rgba(165, 162, 162, 0.5) !important;
}

/*-------メニューの色変更テンプレ？-------*/

.overlay {
    background: #ececec !important;
}

.button_container span {
    background: rgb(38, 65, 44);
    color: #26412c;
}

.button_container.active span{
  background: rgb(38, 65, 44) !important;
    color: #26412c !important;
}

.button_container.active span:nth-of-type(1) {
    background:transparent !important;
}

/*-------メニューの色変更テンプレ？ここまで-------*/

#intro:before {
        content: "";
    display: block;
    width: 20%;
    height: 220px;
    position: absolute;
    top: 100%;
    left: 90%;
    background-image: url(./Dup/img/pic1.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    /* background-color: aliceblue; */
    z-index: 1;
}

.bg_color2 {
    background-color: #d2d0d0;
}

#contents3_wrap:after {
 background-color: rgba(76, 33, 36, 0.2) !important;
}

.txt_color3 {
    color: #26412c;
}

header.scr_header {
    background-color: rgba(140,164,78,0.15) !important;
}

header.scr_header li a{
color:brown;
}

.overlay .txt_white{
color:#26412c;
}

.nav_menu_more a{
color:white !important;
}

#overlay .left li:before {
    color: #26412c;
}

.overlay ul li a {
    color: #26412c;
}

#contents2 {
    background-image: url(./Dup/img/pic2.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 15%;
}

section > .pd_l-r10per.pd_t-5per{
position:relative;
}

section > .pd_l-r10per.pd_t-5per:before{
       content: "";
    display: block;
    width: 25%;
    height: 250px;
    position: absolute;
    top: -1%;
    left: 90%;
    background-image: url(./Dup/img/pic2.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    /* background-color: aliceblue; */
    z-index: 1;
}

.con_box{
z-index:2;
}

#main_img:before {
content: none;
        background-color: rgba(150,150,150,0.3);
}

#video:before {

    height: 99.5%;
   background-color: rgba(150,150,150,0.3);

    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

main > .back1{
margin-top:-10px;
}

#pc_nav li a, #top_pc_nav li a, #footer_nav li a {
    text-decoration: none;
    color: #26412c;
    font-weight: bold;
}

.border_color3 {
    border-color: #4c2124;
}

#page_title:before {
    background-color: rgba(200,200,200,0.25) !important;
}

#page_title .page_title_box {
    border-radius: 7px;
}

.overlay-menu .right .nav_menu_more:nth-of-type(1){
display:none;
}

h1#logo{
max-width:200px;
}

.linkStyle{
color:#4c2124;
}

.back1:before, .back2:before {

    z-index: -1;
}

#top_pc_nav li a{
color:white;
}



@media screen and (max-width: 768px){
.menu .square_box{
display:none;
}

header.scr_header {
    background-color: transparent !important;
}

#intro:before {
    width: 20%;
    height: 100px;
    top: 95%;
    left: 90%;
}

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

.banner{
margin-top:20px;
}


.font_24_sp {
    font-size: 19px;
}

h1#logo {
    max-width: 130px;
}

}