@charset "utf-8";

#include03{position:relative;width:100%;padding:120px 0}
#include03 .tit_area{text-align:center}
#include03 .tit_area .eng{display:inline-block;border-bottom:solid 1px #333;font-size:15px;line-height:9px;color:#333;text-transform:uppercase;font-family:'Taviraj', serif}
#include03 .tit_area h2{padding:25px 0 50px;font-size:40px;font-weight:500;color:#212121;font-family:'Taviraj', serif}
#include03 .img_area_03{width:1410px;margin:0 auto}
#include03 .img_area_03 > li{overflow:hidden;width:460px;height:auto;margin:0 10px 10px 0}
#include03 .img_area_03 > li a{display:block}
#include03 .img_area_03 > li img{transition:all .3s}
#include03 .img_area_03 > li:hover img{-webkit-filter:grayscale(0);filter:none;transform:scale(1.03,1.03)}
#ft_scroll{display:inline-block;position:fixed;right:40px;bottom:555px;font-size:11px;font-weight:600;letter-spacing:4px;transform:rotate(90deg);transform-origin:bottom left;font-family:'Taviraj', serif;}
#ft_scroll:before{display:block;position:absolute;left:-22px;top:9px;width:5px;height:5px;border-radius:50%;background-color:#333;content:'';transition:all 0.3s}
#ft_scroll:hover:before{left:-30px}
/* fadeIn  */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;animation-delay:.3s}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}