/*--------リンク・フォント--------*/
.linkStyle{color: #333333; text-decoration: underline;}

/*--------全体--------*/
.add_shadow{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}

@media screen and (min-width: 769px){
#loader > div figure {width: 40%;}
#header h1{width: 20%!important;}
.sc_nav .logo{width: 25%!important;}

}

#contents2 .con_box .number {
    font-size: 3em;
}
#contents2 .con_box:nth-of-type(even) .number {
    font-size: 3em;
}

#top_cms .cms_2-c .box_description1{padding:20px 20px 0px 20px; }
#top_cms .cms_2-c .box_description2{padding:0px 20px 20px 20px; }

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


#page03 .cate_title{position:relative;}
#page03 .cate_title:before {
   position: absolute;
    left: calc(50% - 70px);
    bottom: 0;
    display: block;
    content: "";
    width: 140px;
    height: 3px;
    background-color: #0194fe;
}

#page06 .box_title{ position: relative;}
#page06 .box_title::before {
 content: '';
    position: absolute;
    display: inline-block;
    bottom: -8px;
    width: 55px;
    height: 3px;
    background-color: #0194fe;
    border-radius: 2px;
}
#page08 .tel_box{
    position: relative;
    overflow: hidden;
    padding: 20px 20px 15px 20px;
}
#page08 .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){
    #page08 .tel_box p{
        display: block;
        padding-right: 0px;
        margin-right: 0px;
        border-right: none;
        
    }
}


/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
   
    #contents2 .con_box .number {
    font-size: 8vw;
}
#contents2 .con_box:nth-of-type(even) .number {
    font-size: 8vw;
}

}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
    #contents2 .con_box .number { font-size: 5.5vw;}
    #contents2 .con_box:nth-of-type(even) .number { font-size: 5.5vw;}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
    .add_line_h{line-height: 1.3;}

#top_cms .cms_2-c .box_description1{padding:10px 10px 0px 10px; }
#top_cms .cms_2-c .box_description2{padding:0px 10px 10px 10px; }

#page08 .tel_box a{
    font-size: 5.3vw;
    letter-spacing: 2px;    
}

}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
#contents2 .con_box .number{    
 font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
    
#top_cms .cms_2-c .box_txt1{
    padding-bottom:4px;
    }
    
    .cate_list li a{
        padding:12px 15px 8px 15px;
    }
    


}