﻿
#header .tel_bt{display: none;}
#header-nav span.txt_color_nomal{font-size: 16px;}
#header-nav span.txt_color_nomal i{opacity:0.7;}

#fix_menu {
    /*background-color: #eaf4fc;*/
}

#top_contents1 {
    background-image:url(./Dup/img/bg1.jpg);
    background-size: cover;
}
#top_contents1 .catch_txt p{
    font-size: 16px;
    max-width: 900px;
}
#top_contents2 {
    background: linear-gradient(to bottom, #005BAC, #00a6ea);
}
#top_contents2 .con_box .text_box{background-color: rgba(30, 136, 229, 0.94);}

.top_cms_title1 .cms_title_inner p::before,
.top_cms_title2 .cms_title_inner p::before,
.top_cms_title3 .cms_title_inner p::before,
.top_cms_title4 .cms_title_inner p::before,
.top_cms_title5 .cms_title_inner p::before {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 110px;
    opacity: 0.5;
    text-indent: 10px;
    letter-spacing: 10px;
    color: #eaf4fc;
    z-index: -1;
    font-family: 'Quicksand';
    font-style: italic;
}

#top_contact_box .bottom .box {
    background-color: rgba(0,91,172,0.84);
    height: 280px;
}

#footer::before {background: rgba(66,78,91,0.6);}

.cate_list li {
    max-width: 260px;
    width: 100%;
}
.cate_list li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#page_title::before {display: none;}

#page10 .sitemap_wrap  .btn .txt{font-weight: normal;}
#page10 .btn a .a_before {width: 1px;}
#page10 .btn a span.txt .txt_before {width: 1px;}
#page10 .btn a span.txt .txt_after {height: 1px;}

.cms_6-a .cate .cate_txt1{min-height:80px;}

@media screen and (min-width:769px){
#top_contents1 .catch_txt h2{font-size: 28px;}
}

@media screen and (max-width: 768px){
.top_cms_title1 .cms_title_inner p::before,
.top_cms_title2 .cms_title_inner p::before,
.top_cms_title3 .cms_title_inner p::before,
.top_cms_title4 .cms_title_inner p::before,
.top_cms_title5 .cms_title_inner p::before {
    top: 20%;
    font-size: 70px;
}
.cate_list li {max-width: 220px;}
}

@media screen and (max-width: 667px){
.top_cms_title1 .cms_title_inner p::before,
.top_cms_title2 .cms_title_inner p::before,
.top_cms_title3 .cms_title_inner p::before,
.top_cms_title4 .cms_title_inner p::before,
.top_cms_title5 .cms_title_inner p::before {
    display: none;
}
.cate_list li {max-width: 100%;}
}

@media all and (-ms-high-contrast:none){
#page8 .mail_contact_tel{padding: 23px 20px 17px;}
}