@charset "UTF-8";

/*--- 事務所紹介ページ ---*/

/*--- 代表メッセージ ---*/
#message + section::before {
	position: absolute;
	display: block;
	content: "";
	pointer-events: none;
	height: 10vw;
	max-height: 200px;
	min-height: 110px;
	aspect-ratio: 582 / 572;
	width: 100%;
	max-width: 1300px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	background: url("/common/upload_data/aobagpjp/image/one.png.webp") no-repeat bottom right / contain;
	z-index: 2;
}

#message + section.dec2_1:not(.composite_box01):not(.block_text_6) .wrapper_item {
	background: var(--i_sub2_color);
	padding-block: 50px !important;
}


/*--- 事務所概要 ---*/
#hd_company + section::before {
	width: 40px;
	height: 10px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	clip-path: polygon(0% 100%, 50% 0, 100% 100%);
	position: absolute;
	display: block;
	content: "";
	pointer-events: none;
	background: #fff;
	z-index: 3;
}
#hd_company + section {
	margin-bottom: 80px
}

.company .block_table_1 table th,
.company .block_table_1 table td {
	padding: 10px 6px;
}

.company .block_table_1 table tr:nth-of-type(1) > th:first-child {
	width: 35%;
}

@media screen and (min-width: 901px) {
	.company {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		max-width: 1200px;
		margin: auto;
	}
	.company > div.block_table_1 {
		width: 55%;
	}
	.company > div.gallery_single {
		width: 45%;
	}
}

@media screen and (max-width: 900px) {
	#hd_company + section {
		margin-bottom: 65px
	}
	.company > div {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 450px) {
	.company > div.gallery_single .gallery_single_slider {
		margin-bottom: 0px;
	}
}
/*--- MAP ---*/
main .widget_map {
	padding-bottom: 80px !important;
}