/* CSS Document */

/* Start for pc
---------------------------------------------------------------------- */
@media (min-width:751px){

/*mv*/
	#mv {
		background: url("../images/works/mv.jpg") center center no-repeat;
		background-size: cover;
		height: 354px;
		border-bottom: solid 1px #DDDEDE; margin-bottom: 0;
	}
	#p1 {
		padding: 65px 0 0;
	}
	.titleTxt .cate  {
		font-size: 16px;
		line-height: 1.5;
		width: fit-content;
		padding: 0 1em;
		color: #FFF;
		margin-bottom: 20px;
	}
	.titleTxt .cate.shinchiku {
		background-color: #A37444;
	}
	.titleTxt .cate.reform {
		background-color: #FA6300;
	}
	.titleTxt .title {
		color: #4C4948;
		font-size: 32px;
		line-height: 1.5;
		margin-bottom: 30px;
	}
	.detailImg {
		width: 780px;
		margin: 0 auto 40px;
	}
	.detailImg .slick-prev {
		left: -60px;
	}
	.detailImg .slick-prev:before {
		content: "";
		display: block;
		width: 56px;
		height: 56px;
		background: url(/images/works/icon_prev.svg) center no-repeat;
		background-size: contain;
	}
	.detailImg .slick-next:before {
		content: "";
		display: block;
		width: 56px;
		height: 56px;
		background: url(/images/works/icon_next.svg) center no-repeat;
		background-size: contain;
	}
	.thumBox {
		width: 100%;
		/*width: 880px;*/
		margin: 0 auto 95px;
	}
	.achie_pic_thumb {
		overflow: hidden;
	}
	.achie_pic_thumb li {
/*		width: calc(100% / 6);
		height: 100px;
		overflow: hidden;*/
/*		opacity: 0.3;*/
/*		background-color: #000;*/
		position: relative;
		padding: 0 5px;
	}
	.achie_pic_thumb li>div {
		position: relative;
	}
	.achie_pic_thumb li>div::before {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
	}
/*	.achie_pic_thumb .slick-current.slick-active li {
		opacity: 1;
	}*/
	.achie_pic_thumb .slick-current.slick-active li>div::before {
		background-color: rgba(0, 0, 0, 0);
	}
	.detailTxt {
		padding: 3em;
		background-color: #F4F3EE;
		color: #4C4948;
		margin-bottom: 140px;
		line-height: 1.5;
		font-size: 18px;
	}
	#p1 .cbtn3 {
		display: block;
		margin: auto;
		width: 300px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		font-size: 18px;
		border: 1px solid #666666;
		color: #666666;
	}

} /*End for pc*/


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


/* Start for SP
---------------------------------------------------------------------- */
@media (max-width:750px){

	#mv {
		background: url("../images/works/mv_sp.jpg") center center no-repeat;
		background-size: cover;
		margin-bottom: 9.2vw;
		border-bottom: 1px solid #655851;
	}
	#p1 {
		padding: 9.8vw 0;
	}
	.titleTxt .cate  {
		font-size: 4vw;
		line-height: 1.5;
		width: fit-content;
		padding: 0 1em;
		color: #FFF;
		margin-bottom: 4vw;
	}
	.titleTxt .cate.shinchiku {
		background-color: #A37444;
	}
	.titleTxt .cate.reform {
		background-color: #FA6300;
	}
	.titleTxt .title {
		color: #4C4948;
		font-size: 4.6vw;
		line-height: 1.5;
		margin-bottom: 6vw;
	}

	.detailImg {
		width: 90%;
		text-align: center;
		margin: 0 auto 4vw;
	}
	.detailTxt {
		padding: 0 2em;
		margin-bottom: 16vw;
	}
	.detailImg .slick-prev {
		left: -7vw;
	}
	.detailImg .slick-prev:before {
		content: "";
		display: block;
		width: 6vw;
		height: 6vw;
		background: url(/images/works/icon_prev.svg) center no-repeat;
		background-size: contain;
	}
	.detailImg .slick-next:before {
		content: "";
		display: block;
		width: 6vw;
		height: 6vw;
		background: url(/images/works/icon_next.svg) center no-repeat;
		background-size: contain;
	}
	.thumBox {
		width: 100%;
		margin: 0 auto 6vw;
	}
	.achie_pic_thumb {
		overflow: hidden;
	}
	.achie_pic_thumb li {
/*		width: calc(100% / 6);
		height: 100px;
		overflow: hidden;*/
/*		opacity: 0.3;*/
/*		background-color: #000;*/
		position: relative;
		padding: 0 1vw;
	}
	.achie_pic_thumb li>div {
		position: relative;
	}
	.achie_pic_thumb li>div::before {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
	}
/*	.achie_pic_thumb .slick-current.slick-active li {
		opacity: 1;
	}*/
	.achie_pic_thumb .slick-current.slick-active li>div::before {
		background-color: rgba(0, 0, 0, 0);
	}
	.detailTxt {
		padding: 2em;
		background-color: #F4F3EE;
		color: #4C4948;
		margin-bottom: 16vw;
		line-height: 1.5;
	}
	.detailTxt .date {
		font-size: 3.4vw;
		margin-bottom: 2vw;
	}
	.detailTxt .title {
		color: #91643C;
		font-size: 4.6vw;
		margin-bottom: 6vw;
	}
	#p1 .cbtn3 {
		display: block;
		margin: auto;
		width: 70%;
		height: 13vw;
		line-height: 13vw;
		text-align: center;
		font-size: 4vw;
		border: 1px solid #666666;
		color: #666666;
	}

} /*End for SP*/