﻿/*--------link_font--------*/
.linkStyle{color: #333333; text-decoration: underline;}


/*--------all_page--------*/
header.bg_color1{background-color: rgba(255,255,255,0);}
#contents_wrap:before{
     content: " ";
    position: fixed;
    display: inline-block;
    width: 100vw;
    height: 100%;
    background: url(./Dup/img/back.jpg) no-repeat;
    background-size: cover;
    left: 0px;
    top: 0px;
    z-index: -10;
}
#main_img img {
    object-position: 100% 50%;
}
#main_img:before {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/catch.png) no-repeat;
    background-size: contain;
    width: 50%;
    height: 33%;
    left: 5%;
    top: 7%;
    z-index: 1;
}
/*
#main_img:after {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/main_img2.png) no-repeat;
    background-size: cover;
    width: 850px;
    height: 900px;
    right: 0;
    bottom: 0;
    z-index: 1;
}
*/
.contents1_wrap.bg_white {
    background-color: rgba(255, 255, 255, .7);
}
footer .bg_white {
    background-color: rgba(255, 255, 255, .0);
}
footer .txt_color1,footer .txt_color_nomal,#copyright{color:#fff;}
.foot_tel_bt a {
    background-color: #fff;
    color:#212121;
}
.foot_tel_bt a:hover {
    border-color: #fff;
}



/*--------subpage--------*/
.all{position:relative;}
.all:before{
     content: " ";
    position: fixed;
    display: inline-block;
    width: 100vw;
    height: 100%;
    background: url(./Dup/img/back.jpg) no-repeat;
    background-size: cover;
    left: 0px;
    top: 0px;
    z-index: -10;
}
#page_title h2.txt_color1 {
    color: #ffffff;
}
#page_title .page_box::before {
    background-color: #fff;
}
.cate_list li a{padding: 10px 10px 10px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.all main.scrollin .all_bg{display:none;}

.all article section.bg_white {
    background-color: rgba(255, 255, 255, .75);
}

/*--------mobile_tb--------*/
@media screen and (max-width: 768px){
    #contents_wrap:before {
    background-position: 50% 50%;
    }
    #main_img:before {
    width: 65%;
    height: 31%;
    }
    #main_img:after {
    width: 60%;
    height: 95%;
    }
    header.bg_color1 {
    background-color: #2a2929;
}

.foot_tel_bt {background-color:#fff;}
}

/*--------mobile_sp--------*/
@media screen and (max-width: 667px){
 #cms_6-b{
    padding: 30px 5px;
}
}


