@charset "utf-8";

#main_slide_wrap{position:relative;min-width:1127px;overflow:hidden;}
#main_slide{width:1905px;left:50%;margin-left:-952.5px;position:relative;}
#main_slide .slick-dots{text-align:center;bottom:-50px;}
.slick-dots li{margin:10px;}
.slick-dots li.slick-active button{background-color:#1a0586;}
.slick-dots li button{width:17px;height:17px;background-color:#9f9f9f;opacity:1;}

.content1{margin-top:81px;margin-bottom:42px;}
.content1 > div{float:left;width:374px;height:218px;border:1px solid #ccc;border-right:none;}

.content1 > div:last-child{border-right:1px solid #ccc;}

.content1 > div h2{padding-top:35px;padding-left:26px;color:#1a0586;font-weight:500;}
.content1 > div dl{margin-top:40px;padding-left:26px;}
.content1 > div dl dt{padding-bottom:10px;font-size:1.8em;font-weight:700;color:#000;z-index:99;position:relative;}
.content1 > div dl dd{font-size:1.05em;z-index:99;position:relative;}
.content1 > div		{position:relative;}
.content1 > div:before{position: absolute;
	top: 0;
	left: 0%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);z-index:2;}
	
.content1 > div:hover:before{-webkit-animation: shine .75s;
	animation: shine .75s;}

.content1 .c1{background:url('/images/main/banner_01.jpg') 0 0 no-repeat;}
.content1 .c2{background:url('/images/main/banner_02.jpg') 0 0 no-repeat;}
.content1 .c3{background:url('/images/main/banner_03.jpg') 0 0 no-repeat;}


.content2{margin-bottom:75px;}
.content2 .board_area{float:left;width:752px;position:relative;}
.content2 .board_area h2{padding-bottom:15px;font-size:1.7em;font-weight:700;color:#000;}
.content2 .board_area h2 span{padding-left:15px;font-size:0.5em;font-weight:500;color:#1a0586;}
.content2 .board_area .more{position:absolute;right:0;top:10px;}
.content2 .board_area .more a{display:block;width:75px;height:24px;line-height:24px;text-align:center;border:1px solid #555;transition:all .3s;}
.content2 .board_area .more a:hover{background-color:#1a0586;color:#fff;}
.content2 .board_area .inner{height:266px;border:1px solid #dadada;}
.content2 .board_area .inner ul{}
.content2 .board_area .inner ul li{padding:23px 0 10px 19px;margin:0 27px;border-bottom:1px solid #dadada;background:url('/images/misc/bullet_list.gif') 0 30px no-repeat;}
.content2 .board_area .inner ul li a{font-size:1.2em;}
.content2 .board_area .inner ul li a.on{padding-right:70px;font-weight:700;background:url('/images/misc/ico_new.png') right center no-repeat;}
.content2 .board_area .inner ul li  span{float:right;margin-right:27px;}

.content2 .portfolio{float:right;width:358px;position:relative;}
.content2 .portfolio h2{margin-bottom:20px;font-size:1.7em;font-weight:700;color:#000;}
.content2 .portfolio h2 span{padding-left:15px;font-size:0.5em;font-weight:500;color:#1a0586;}
.content2 .portfolio .more{position:absolute;right:0;top:10px;}
.content2 .portfolio .more a{display:block;width:75px;height:24px;line-height:24px;text-align:center;border:1px solid #555;transition:all .3s;}
.content2 .portfolio .more a:hover{background-color:#1a0586;color:#fff;}
.content2 .portfolio ul li {float:left;margin-right:10px;margin-bottom:8px;}
.content2 .portfolio ul li:nth-child(2n) {margin-right:0;}
.content2 .portfolio ul li a img{border:1px solid #d2d2d2;opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}
.content2 .portfolio ul li a:hover img{opacity: .5;}

@keyframes shine {
	100% {
		left: 65%;
	}
}

.default_link {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:#ffffff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;cursor:pointer;z-index:99;border:1px solid blue}

.quick{position:absolute;right:-130px;top:0;z-index:99;}