.linkStyle{color: #3484F7;transition: 0.3s}
.linkStyle:hover{opacity: 0.7}

#sc_menu .logo img{max-width: 200px}
#main_img #catch h2, #intro_title h3{font-size: 30px;line-height: 1.5}
#intro_title h3{margin-top: 20px}
#intro .box_wrap figure{box-shadow: -10px -10px 0 #09C289}
#catch{background: linear-gradient(to bottom right, #09C289, #54B7E1);}
#contents::before, #page_title::after{background: linear-gradient(to bottom right, #09C289, #54B7E1);opacity: 0.7}
#contents .contents_txt{background-color: rgba(0,0,0,0.1);background-image: url(./Dup/img/bg_img.png)}
#page_title::before, #main_img .slick::before{position: absolute;content: "";width: 100%;height: 20px;left: 0;bottom: 0;background-image: url(./Dup/img/bg_img2.png);z-index: 2}
#main_img .slick::before{z-index: 1}

footer::after{background-image: url(./Dup/img/bg_img.png)}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 5px;margin-bottom: 50px;border-bottom: solid 2px #333;color: #333;font-weight: bold}


/** tablet 780 **/
@media screen and (max-width: 768px){
h1 a{padding: 10px 20px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
h1 a{padding: 10px}
#main_img #catch h2, #intro_title h3{font-size: 22px}
.cate_title{font-size: 20px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {

}