/*------------------------------------------

	

------------------------------------------*/
.works-post-box {
	border-bottom: #DCDCD1 1px solid;
	padding-bottom: 20px;
}
.works-post-box:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}

.work-list li a {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.work-list li a:hover {
	background: rgba(255,255,255,.3);
}

.content-box {
	width: 100%;
	max-width: 1030px;
}
.slider-wrap {
	width: 100%;
}
.slider-box {
	width: 100%;
}
.slider-inr {
	width: 88.3495145631%;
	max-width: 910px;
	position: relative;
}

.slider {
	max-height: 550px!important;
}

.slick-list {
    max-height: 550px!important;
}
.slick-slide {
	max-height: 550px!important;
    background-color: #2A2A2A;
    position: relative;
}
.slick-slide::after {
	content: "";
	display: block;
    padding-top: 60.50%;
}
.slick-slide img {
	width: 100% !important;
    height: 100% !important;
	max-height: 550px!important;
    object-fit: contain !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.slick-dotted + div {
	position: absolute;
	top: 50%;
	right: -20px;
	transform: translateY(-50%);
}
.slick-dotted + div li {
	width: 8px;
	height: 8px;
	border-radius: 100px;
	background-color: #DCDCD1;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    margin-block: 10px;
}
.slick-dotted + div li:last-of-type {
    margin-block: 0;
}
.slick-dotted + div li.slick-active {
	background-color: #F4A11A;
}

.content-box .spec-box .num,
.content-box .spec-box .cat {
	line-height: 20px;
}
.content-box .spec-box .num {
	font-size: 2.5rem;
}
.content-box .spec-box .cat {
	font-size: 1.9rem;
}

.content-box .tit {
	font-size: 4.2rem;
	font-weight: 900;
	font-family: "Hiragino Mincho ProN", "游明朝", "Yu Mincho", serif;
}
.content-box .sub-tit {
	font-size: 1.7rem;
	font-weight: 500;
}

.content-box .content-txt {
	max-width: 600px;
	font-size: 1.6rem;
	line-height: 2.4;
}


.content-box .mov-box {
	width: 88.3495145631%;
	max-width: 910px;
}
.content-box .mov-box .mov {
	width: 48.3516483516%;
	max-width: 440px;
	position: relative;
}
.content-box .mov-box .mov a {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    transform: scale(1.0);
    transition: .3s;
    position: absolute;
    top: 0;
    left: 0;
}
.content-box .mov-box .mov img {
	width: 100%;
	height: auto;
}
.content-box .mov-box .mov .mov-tit {
	font-size: 1.4rem;
}


/*PC*/
@media screen and (min-width: 768px) {
	.content-box .mov-box .mov a:hover {
	    background: rgba(255, 255, 255, .3);
	    transform: scale(1.1);
	}
}/*END*/

/*PC*/
@media (max-width: 1034px) and (min-width: 767px) {
	.work-list li {
	    width: 75px;
	}
}
/*PC*/
@media (max-width: 890px) and (min-width: 767px) {
	.work-list li {
	    width: 65px;
	}
}
/*PC*/
@media (max-width: 825px) and (min-width: 767px) {
	.work-list li {
	    width: 60px;
	}
	.work-list .tit {
	    font-size: 1.6rem;
	    left: 5px;
	}
}

/*Smartphone*/
@media screen and (max-width: 767px) {
	.works-post-box {
		padding-bottom: 20px;
	}

	.slider-inr {
	    max-width: 375px;
	}

	.slick-dotted + div li {
		width: 6px;
		height: 6px;
	}
	.content-box .spec-box .num,
	.content-box .spec-box .cat {
		line-height: 0;
	}
	.content-box .spec-box .num {
		font-size: 1.8rem;
	}
	.content-box .spec-box .cat {
		font-size: 1.4rem;
	}

	.content-box .tit {
		font-size: 2.4rem;
	}
	.content-box .sub-tit {
		font-size: 1.6rem;
	}

	.content-box .content-txt {
		max-width: none;
		font-size: 1.5rem;
		line-height: 2.2;
	}

	.content-box .mov-box .mov .mov-tit {
		font-size: 1.3rem;
		line-height: 1.3;
	}
}/*END*/