/* ---------------------------------------


仕事を知る


-----------------------------------------*/

/* 現在地--------------------------------
-----------------------------------------*/
.page__works .works .gNav__link::before {transform: scale(1, 1);}

/* worksArea--------------------------------
-----------------------------------------*/
.worksArea {margin-bottom: 50px;padding-top: 30px;}
.worksArea__lead{font-size: 3.2rem;	text-align: center;	margin-bottom: 50px;font-weight: bold;}
.worksArea__flex{display: flex;flex-wrap: wrap;justify-content: space-between;    margin-bottom: 30px;}
.worksArea__overview{width: 40%;}
.worksArea__overview .labellist{	font-weight: bold;}
.worksArea__overview--text{font-size: 2rem; font-weight: bold;}
.worksArea__image{	width: calc(60% - 40px);}
.worksArea__image img{	border-radius: 30px;}

/* worksArea__slider */
.worksArea__slider{position: relative;}
.worksArea__slider::before {content: "";display: block;position: absolute;top: 38px;left: 0;background: var(--lightGrade);width: 70%;height: 90%;z-index: -1;}
.worksArea__slider .inner {padding-top: 0;}
.worksArea__slider .generalSect__middleTitle{	margin-bottom: 30px;}
.worksArea__slider .card.slick-slide{	margin: 0 20px;}
.worksArea__slider .slick-dots {bottom: -50px;text-align: right;right: 30px;}
.worksArea__slider .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 50px;height: 3px;padding: 0;cursor: pointer;color: transparent;
border: 0;outline: none;background: var(--blue);margin: 0;}
.worksArea__slider .slick-dots li {width: 50px;}
.worksArea__slider .slick-dots li.slick-active button{background: var(--navy);}
.worksArea__slider .slick-dots li button:before{	display: none;}

.worksArea__slider .cardArea {    justify-content: center;}
.worksArea__slider .cardArea .card a {background: var(--white);}
.worksArea__slider .cardArea .card a::after{display: none;}



/* ------タブレット1024------------------------------------ */
@media screen and (max-width: 1023px) {

/* worksArea 1023--------------------------------
-----------------------------------------*/
.worksArea__overview{width: 50%;}
.worksArea__image{	width: calc(50% - 30px);}

}/* end1024 */

/* ------SP767------------------------------------ */
@media screen and (max-width: 767px) {

	/* worksArea 767--------------------------------
-----------------------------------------*/
.worksArea__lead {font-size: 2.4rem;margin-bottom: 0;}
.worksArea__slider::before {top: 30px;}
.worksArea__slider::before {width: 75%;}
.worksArea__slider .generalSect__middleTitle {margin-bottom: 20px;}
.worksArea__overview{width: 100%;}
.worksArea__image{	width: 100%; margin-top: 20px;}
.worksArea__slider .inner { width: 100%;}
.worksArea__slider .generalSect__middleTitle {width: 85%;margin: 0 auto;}
.worksArea__slider .cardArea.js-personSliderslick{width: 100%;}
.worksArea__slider .slick-dots {text-align: center;right: 0;width: 100%;}
.worksArea__slider .slick-prev {left: 10px;z-index: 1;}
.worksArea__slider .slick-next {right: 10px;}
.worksArea__slider .slick-dots li{padding-top: 20px;}

.js-personSliderslick-onlySp.slide-one .slick-track,
.js-personSliderslick-onlySp.slide-one .slick-list {
	display: inline-block;
	width: 100%!important;
	padding: 0!important;
}



}/* end767 */
