@charset "UTF-8";

:root{
}

@media screen and (max-width: 1030px) {
	:root{
	}
}

@media screen and (max-width: 900px) {

}

@media screen and (max-width: 700px) {

}


.t-page_vision_img_area{
	margin-top: calc( ( 50px - var(--t_vision) ) * 4 / 4);
	margin-bottom: calc( ( 100px - var(--b_vision) ) * 4 / 4);
}

@media screen and (max-width: 900px) {
	.t-page_vision_img_area{
		margin-top: calc( ( 50px - var(--t_vision) ) * 3 / 4);
		margin-bottom: calc( ( 100px - var(--b_vision) ) * 3 / 4);
	}
}

@media screen and (max-width: 700px) {
	.t-page_vision_img_area{
		margin-top: calc( ( 50px - var(--t_vision) ) * 2 / 4);
		margin-bottom: calc( ( 100px - var(--b_vision) ) * 2 / 4);
	}
}

/* ------------------------- .p-works_d ------------------------------ */

.p-works_d{
	/*padding-top: calc(  80px * 4 / 4);*/
	padding-bottom: calc( 160px * 4 / 4);
}

@media screen and (max-width: 900px) {
	.p-works_d{
		/*padding-top: calc(  80px * 3 / 4);*/
		padding-bottom: calc( 160px * 3 / 4);
	}
}

@media screen and (max-width: 700px) {
	.p-works_d{
		/*padding-top: calc(  80px * 2 / 4);*/
		padding-bottom: calc( 160px * 2 / 4);
	}
}



.t-page_vision_text{
	flex-direction: column;
}

/* .p-works_block */

.p-works_block{
	margin: 0 0 calc( 120px * 4 / 4) 0;
}

@media screen and (max-width: 900px) {
	.p-works_block{
		margin: 0 0 calc( 120px * 3 / 4) 0;
	}
}

@media screen and (max-width: 700px) {
	.p-works_block{
		margin: 0 0 calc( 120px * 2 / 4) 0;
	}
}

.p-works_block:last-child{
	margin-bottom: 0;
}

.p-works_title01{
	padding: 25px 0 0 0;
	border-top: 1px solid #C3C3C3;
	line-height: 1;
	margin: 0 0 52px 0;
}

.p-works_title01_in{
	display: flex;
	align-items: baseline;
	margin: 0 -18px -18px 0
}

.p-works_title01_in > *{
	padding: 0 18px 18px 0;
}

.p-works_title01_01{
	font-size: 24px;
	font-family: "Marcellus", serif;
	font-weight: 400;
}

.p-works_title01_02{
	font-size: 12px;
	font-family: "Zen Old Mincho", serif;
}

/* .p-works_concept */

.p-works_concept{

}


.p-works_concept_lead{
	line-height: 2.25;
}

/* .p-works_details */

.p-works_details_table_wrap{
	background-color: #EFEFEF;
	padding: 40px 40px;
	line-height: 1.8;
}

.p-works_details_table{
	width: 100%;
}

.p-works_details_table tr th{
	position: relative;
	white-space: nowrap;
	border-bottom: 1px solid #1D8888;
	font-size: 14px;
	line-height: calc( 1.8 * 17 / 14 );
	padding: 23px 9px 11px 9px;
}

.p-works_details_table tr td{
	padding: 23px 9px 11px 68px;
	border-bottom: 1px solid #BBBBBB;
	font-size: 17px;
	font-family: "Zen Old Mincho", serif;
}

.p-works_details_table tr:first-child th,
.p-works_details_table tr:first-child td{
	padding-top: 0;
}

.swiper-container_wrap.type_works_temp{
	overflow: hidden;
	padding: 0 60px;
}

.swiper-container_wrap.type_works_temp .swiper_arrow_wrap.type01{
	margin: 0 -60px 30px -60px;
}

.swiper-container_wrap.type_works_temp.gc-slide_no{
	padding: 0 0px;
}

.swiper-container_wrap.type_works_temp .swiper-container{
	overflow: visible;
}

.swiper-container_wrap.type_works_temp .swiper-slide .m-works_block_wrap{
	opacity: 0.5;
}

.swiper-container_wrap.type_works_temp .swiper-slide.swiper-slide-active .m-works_block_wrap{
	opacity: 1;
}

.swiper-container_wrap.type_works_temp.gc-slide_no .m-works_block_wrap{
	opacity: 1;
}

@media screen and (max-width: 900px) {
	.p-works_details_table_wrap{
		padding: 30px 30px;
	}
}

@media screen and (max-width: 700px) {
	.p-works_details_table_wrap{
		padding: 20px 20px;
	}
	.p-works_details_table tr td{
		padding: 23px 9px 11px 9px;
	}
}

/* .p-works_images */

.p-works_images{

}

.p-works_images .swiper-container{
	max-width: 540px;
}

.p-works_images .m-works_block_vision .m-img_thumb{
	padding-bottom: 73.7%;
}

/* .p-works_movie */

.p-works_movie{

}

.p-works_movie .swiper-container{
	max-width: 100%;
}

/* .p-works_designer */

.p-works_designer{

}

.p-works_designer .swiper-container{
	/*max-width: 220px;*/
}

.p-works_designer .m-works_block_vision .m-img_thumb{
	padding-bottom: 137%;
}

.p-works_designer .m-works_block_expert_cat{
	margin: 3px 0 14px 0;
}

/* .p-works_designer_row */

.p-works_designer_row > .m-row{
	--row_x: 30px;
	--row_y: 30px;
}

.p-works_designer_row > .m-row > .m-col{
	width: 25%;
}

@media screen and (max-width: 1280px) {
	.p-works_designer_row > .m-row > .m-col{
		width: 33.3%;
	}
}

@media screen and (max-width: 900px) {
	.p-works_designer_row > .m-row > .m-col{
		width: 50%;
	}
}

@media screen and (max-width: 700px) {
	.p-works_designer_row > .m-row{
		--row_x: 0px;
		--row_y: 50px;
	}
	.p-works_designer_row > .m-row > .m-col{
		width: 100%;
	}
}

@media screen and (min-width: 701px) {
	.p-works_designer_row > .m-row > .m-col:first-child:last-child{
		width: 250px;
	}
}

.swiper-container_wrap.type_works_temp.gc-number_none{
	padding: 0;
}

.swiper-container_wrap.type_works_temp.gc-number_none .swiper_arrow_wrap.type01{
	display: none;
}

.swiper-container_wrap.type_works_temp.gc-number_none .swiper-container{
	height: 0;
	overflow: hidden;
}

.p-works_designer_row{
	height: 0;
	overflow: hidden;
}

.swiper-container_wrap.type_works_temp.gc-number_none .p-works_designer_row{
	height: auto;
	overflow: visible;
}