@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( ( 73px - var(--t_vision) ) * 4 / 4);
	margin-bottom: calc( ( 70px - var(--b_vision) ) * 4 / 4);
}

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

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


/* ------------------------- .p-expert ------------------------------ */

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

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

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

.t-page_vision_text{
	align-items: flex-end;
}

.t-sitecontent{
	background-color: #1E2929;
}

.t-bread,
.t-page_vision,
.t-main,
.t-page_vision_title02{
	color: #EFF2ED;
}

/* .p-expert_select_btn */

.p-expert_select_btn{
	margin: 100px 0 56px 0;
}

.p-expert_select_btn > .m-row{
	--row_x: 18px;
	--row_y: 18px;
}

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

/* .p-expert_list */

.p-expert_list{
	margin-bottom: calc( 80px * 4 / 4);
}

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

.p-expert_list > .m-row > .m-col{
	width: 33.3%;
}

/*
@media screen and (min-width: 1600px) {
	.p-expert_list > .m-row > .m-col{
		width: 25%;
	}
}*/

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

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

.p-expert_list .m-works_block_vision .m-img_thumb {
  padding-bottom: 125%;
  border-radius: 6px;
}

.p-expert_list .m-works_block_text {
  padding: 30px 0 0 0;
}