@charset "utf-8";

#visual {background:url(../_img/bg/bg_main1.jpg) 50% 50% no-repeat fixed; background-size:cover;}
#visual .wfix {padding:130px 0;}
#visual h2 span {display:block; margin-top:15px; font-size:72px; color:#fff; line-height:86px; font-weight:200; letter-spacing:0}
#visual .links li {position:absolute; top:278px; right:0;}
#visual .links li a {display:block; width:178px; height:178px; border-radius:4px; text-align:center; font-size:24px; }
#visual .links li .ico_comm {width:80px; height:65px; margin:22px 0 5px;}
#visual .links li .txt {display:block; font-weight:500;}
#visual .links li.link1 {top:90px;}
#visual .links li.link1 a {width:440px; border:1px solid #d73300; border-color:rgba(215,51,0,0.7); background:#f37025; background:rgba(243,112,37,0.7); color:#fff; font-size:28px;}
#visual .links li.link1 a:hover {background:#f37025;}
#visual .links li.link1 .ico_comm {margin:56px 5px 0 0;}
#visual .links li.link1 .txt {display:inline-block; margin-top:50px;}
#visual .links li.link2 {right:150px}
#visual .links li.link2 a {border:1px solid #acacac; border-color:1px solid rgba(172,172,172,0.7); background:#fff; background:rgba(255,255,255,0.7);}
#visual .links li.link2 a:hover {background:#fff; border-color:#acacac;}
#visual .links li.link2 .ico_comm {background-position:0px -65px;}
#visual .links li.link3 a {border:1px solid #acacac; border-color:1px solid rgba(241,161,1,0.7); background:#fff; background:rgba(255,255,255,0.7);}
#visual .links li.link3 a:hover {background:#fff; border-color:#acacac;}

#visual .links li.link3 .ico_comm {background-position:0px -130px;}

#visual .links li.link4{ left:auto; right:300px; }
#visual .links li.link4 .ico_info{width:70px; height:62px; margin:26px 38px 2px; display: block; background:url(../_img/comm/ico_info.svg) no-repeat; background-size: contain;}

#visual .links li.link4 a {border:1px solid #acacac; border-color:1px solid rgba(241,161,1,0.7); background:#fff; background:rgba(255,255,255,0.7);}

#visual .links li.link4 a:hover {background:#fff; border-color:#acacac;}


#visual .links li.link3 .ico_comm {background-position:0px -130px;}

#visual .links li.line2 a{width:140px; height: 140px;}

#visual .links li.line2 .txt{font-size:18px;}

#samples h3 {width:165px; background:#f37025; line-height:58px; font-size:18px; color:#fff; text-align:center;}
#samples .list_samples {padding:65px 0 75px;}
#samples .slick-track {margin-left:-6px;}
#samples .slick-slide {width:190px; margin-left:6px; overflow:hidden;}
#samples .slick-slide strong {display:block; padding:3px 0; font-weight:normal; color:#555}
#samples .slick-arrow {position:absolute; top:50%; width:20px; height:37px; margin-top:-38px;}
#samples .slick-prev {left:-30px; background-position:-80px -15px;}
#samples .slick-next {right:-26px; background-position:-80px -55px;}
#samples .slick-dots {position:absolute; top:0; right:0; overflow:hidden;}
#samples .slick-dots li {float:left; margin-left:6px;}
#samples .slick-dots li button {width:10px; height:10px; border-radius:100%; background:#bbb;}
#samples .slick-dots .slick-active button {background:#f37025;}


.wfix .list_samples .thumb{width:194px; height:274px;}
.wfix .list_samples .thumb img{height: 100%;}