/*--------link_font--------*/
.linkStyle{color: #333333; text-decoration: underline;}


/*--------all_page--------*/
/*
#main_img{
    background-image: url(./Dup/img/main_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
*/
#main_img::before{
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/catch.png) no-repeat;
    background-size: contain;
    z-index: 3;
    width: 73em;
    height: 16em;
    left: 48%;
    top: 49.5%;
    transform: translate(-50%, -50%);
}
#contents2,#contents3{color:#444444;}

.top_cms_wrap .top_cms_before.bg_color2,.all main.scrollin .all_bg.bg_color2 {
    background-color: #d0e1eb;
}



/*---------------------------------------------*/




/*--------subpage--------*/
.cate_list li a{padding: 10px 10px 10px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

#page8 .tel_box{
    position: relative;
    overflow: hidden;
    padding: 20px 20px 15px 20px;
}
#page8 .tel_box > a:before{
    content:"";
    position: absolute;
    width:100vw;
    height:100vh;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
}
@media screen and (max-width: 1200px){
    #page8 .tel_box p{
        display: block;
        padding-right: 0px;
        margin-right: 0px;
        border-right: none;
    }
}

@media screen and (max-width: 667px){
#page8 .tel_box {
    padding: 20px 15px 15px 15px;
}
#page8 .tel_box a{
    font-size: 4.5vw;
    letter-spacing: 1px;
    padding: 10px 0;
}
}
/*--------mobile_tb--------*/
@media screen and (max-width: 768px){
    #main_img::before {
    width: 82%;
    height: 29%;
    top: 53.5%;
    }
    #logo{max-width: 110px;}
}

/*--------mobile_sp--------*/
@media screen and (max-width: 667px){
    #logo {
    max-width: 85px;
}
#main_img::before {
    width: 92%;
    height: 13.5%;
    top: 50%;
    left: 50%;
}
.footer_back .f_before {
    transform: rotate( -10deg ) translateY(-55%);
    -moz-transform: rotate(-10deg) translateY(-55%);
    -webkit-transform: rotate( -10deg ) translateY(-55%);
}
.all article #page7,.all article #page9,.all article #page10{
    padding: 20px 10px;
}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
.cms_1-a figure img{width:100%!important;height:auto!important;}

}