ul#lang_btn {
    margin-left: 30px;
}

#google_translate_element2 {
    display: none!important;
}
a.gflag {
    background-image: none!important;
}
#lang_btn img, #lang_btn_sp img {
    height: 26px;
    width: auto;
}
#lang_btn img {
    vertical-align: baseline;
}



.top #loader{
    display:none;
}
.txt_color3 {
    color: #28a6b1;
}
.bg_color4 {
    background-color: #1a1a1a;
}
.cate_list a,.contact_bt a{
    background: #19757d;
}
.cate_list a:hover,.contact_bt a:hover{
        background: #28a6b1;
}
#new_loader{
    z-index:15;
}
#new_loader2{
    background:white;
    width:100%;
    height:100%;
    position:fixed;
    z-index:14;
}

#new_loader2.white_anime{
   animation:white_anime 0.5s linear forwards;
}
@keyframes white_anime{
    0%{
        opacity:1;
    }
    99%{
        opacity:0;
    }
    100%{
        display:none;
        opacity:0;
    }
}

.load_anime{
    animation:load_anime 5s cubic-bezier(1, 0, 0, 1) forwards ;
     z-index: 10;
   -webkit-mask-image:url("Dup/img/logo3.svg") ;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
}

@keyframes load_anime{
    0%{
        -webkit-mask-size: 108%;
    }
    20%{
         -webkit-mask-size: 100%;
         opacity:1;
    }
    99%{
        -webkit-mask-size:40000%;
    }
    100%{
         opacity:0;
         display:none;
    }
}
 

#cms_5-c .box_txt1::before,.cms_5-c .box_txt1::before {
    color: rgb(255 255 255);
}
#cms_5-c .box_title1,.cms_5-c .box_title1 {
    border-color: #28a6b1;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#tel_txt h3,#page07 h3{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
a.linkStyle {
    color: #28a6b1;
}
div#wrap {
    background: url(Dup/img/bg2.jpg);
    background-size: 180px;
}
#page_title h2 {
    font-size: 38px;
}
#page_title p{
    display:none;
}
.border_color1,.border_color2,.cms_wrap .border_color1{
    border-color: #28a6b1;
}
#contents1 .con1_title::before{
    background-color: #28a6b1;
}
#top_cms .cms_sub_title{
    display:none;
}
h2,h3,h4,h5,.cate_title,.main_title{
    font-family:"HG行書体";
    font-weight:normal !important;
}
#header.headtrans #logo a {
    width: 180px;
    padding: 10px;
    
}
#main_img .main_bg{
    opacity:0.4;
}
.border_color3 {
    border-color: #19757d;
}
.bg_color3 {
    background-color: #28a6b1;
}
#intro .intro_back {
    display:none;
}
.bg_color1 {
    background-color: #302f2b;
}
#contents2 .bg_color3 {
    background: #202020;
}
#contents3 .bg_color3 {
    background: #4d7e83;
}
#top_cms .cms_title span {
    background: #28a6b1;
}
section#intro {
    background: #222222 url(Dup/img/bg1.png);
    background-position: center;
    background-size: cover;
}
h3.intro_title,h3.con1_title span{
    font-size:32px;
}
h3.con2_title,h3.con3_title{
    font-size:28px;
}
h3.con1_title span:before {
    width: 410px;
    height: 200px;
    content: "";
    top: -80px;
    position: absolute;
    background: url(Dup/img/sakana.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.cms_title {
    font-size: 32px;
}

.hvr_txt_color3:hover {
    color: #28a6b1;
}

/*----------------------------------タブレット------------------------------------------*/
@media screen and (max-width:768px){
.main_title {
    max-width: 70%;
}
.load_anime{
   -webkit-mask-image:url("Dup/img/logo2_tb.svg") ;
}
ul#lang_btn {
    margin-left: -20px;
    margin-right: 50px;
}
}

/*----------------------------------スマホ------------------------------------------*/
@media screen and (max-width:667px){
h3.con1_title span:before {
    width: 100%;
    height: 120px;
    content: "";
    top: -50px;
    left:0;
}
h3.intro_title, h3.con1_title span,.cms_title{
    font-size: 20px;
    letter-spacing: 1px;
}
h3.con2_title, h3.con3_title {
    font-size: 20px;
    letter-spacing: 1px;
}
.load_anime{
   -webkit-mask-image:url("Dup/img/logo2_sp.svg") ;
}
h1#logo{
    max-width:100px;
}
h1#logo a{
    width:100%;
}
h1#logo img{
    width:100% !important;
}
div#logo2 {
    width: 120px;
}
#loader img {
    width: 120px;
}
#page_title h2 {
    font-size: 24px;
}
#page_title {
    padding: 80px 0;
}
ul#lang_btn {
    margin-left: 0;
    margin-right: 0;
}
.main_title {
    max-width: 80%;
}
}