@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
#1496DC
-----------------------------------------------*/

/* work_gallery */
#works .work_gallery {
padding: 80px 0;
background: #F3FAFD;
}
#works .work_gallery .gallery {
width: 800px;
}
#works .work_gallery .slick-slide {
transform: scale(0.75);
transition: 0.3s;
opacity: 0.4;
}
#works .work_gallery .slick-slide.slick-center {
transform: scale(1);
opacity: 1;
}
@media screen and (max-width: 767px) {
	#works .work_gallery {
	padding: 8% 0;
	}
}

/* slick */
#works .slick-prev, 
#works .slick-next {
position: absolute;
top: calc(50% - 30px);
cursor: pointer;
outline: none;
border-top: 2px solid #666;
border-right: 2px solid #666;
height: 20px;
width: 20px;
}
#works .slick-prev {
left: calc(31.5% + 10px);
z-index: 100;
transform: rotate(-135deg);
}
#works .slick-next {
right: calc(31.5% + 10px);
z-index: 100;
transform: rotate(45deg);
}
#works .slick-dots {
text-align: center;
padding-top: 20px;
}
#works .slick-dots li {
display: inline-block;
margin: 0 5px;
}
#works .slick-dots button {
color: transparent;
outline: none;
width: 10px;
height: 10px;
display: block;
border-radius: 50%;
background: #CCC;
}
#works .slick-dots .slick-active button {
background: #1496DC;
}
@media screen and (max-width: 767px) {
	#works .slick-prev {
	left: 4%;
	}
	#works .slick-next {
	right: 4%;
	}
}

/* work_list */
#works .work_list {
padding: 80px 4%;
}
#works .work_list .inner {
max-width: 1200px;
margin: auto;
}
#works .work_list .list {
width: 100%;
}
#works .work_list .list th {
width: 12em;
padding: 0.75em 1.5em;
font-weight: 400;
}
#works .work_list .list td {
padding: 0.75em 1.5em;
}
#works .work_list .list tr:nth-child(odd) th,
#works .work_list .list tr:nth-child(odd) td {
background: #F3FAFD;
}
#works .work_list .list tr:nth-child(even) th,
#works .work_list .list tr:nth-child(even) td {
background: #E0F1FA;
}
@media screen and (max-width: 767px) {
	#works .work_list {
	padding: 8% 4%;
	}
	#works .work_list .list th {
	display: block;
	width: 100%;
	padding: 0.5em;
	text-align: center;
	background: #E0F1FA;
	}
	#works .work_list .list td {
	display: block;
	margin-top: 4%;
	padding: 0;
	text-align: center;
	}
	#works .work_list .list tr:not(:first-child) th {
	margin-top: 8%;
	}
	#works .work_list .list tr:nth-child(odd) th,
	#works .work_list .list tr:nth-child(even) th {
	background: #E0F1FA;
	}
	#works .work_list .list tr:nth-child(odd) td,
	#works .work_list .list tr:nth-child(even) td {
	background: none;
	}
}