/* judicial_scrivener */
.content-wrapper.judicial_scrivener .content{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}

.content-wrapper.judicial_scrivener .content > .photo{
	max-width: 300px;
	width: 25%;
	margin-right: 5%;
	flex-grow: 0;
	flex-shrink: 0
}

.content-wrapper.judicial_scrivener .content > .text{
	flex-grow: 1;
	flex-shrink: 1;
}

.content-wrapper.judicial_scrivener .content > .text .name{
	font-size: 24px;
	color: #ff5e0d;
	margin-bottom: 1em;
}

.content-wrapper.judicial_scrivener .content > .text .name span{
	font-size: inherit;
	color: inherit;
	display: inline-block;
	margin-right: 0.5em;
}

.content-wrapper.judicial_scrivener .content > .text .name span.sub{
	font-size: 80%;
}

.content-wrapper.judicial_scrivener .content > .text .profile-list{
	padding: 0;
	list-style: none;
}

.content-wrapper.judicial_scrivener .content > .text .profile-list li{
	margin-bottom: 1em;
}

.content-wrapper.judicial_scrivener .content > .text .profile-list li:before{
	content: "・";
}

@media(max-width: 750px){
	.content-wrapper.judicial_scrivener .content{
		flex-direction: column;
		align-items: center;
	}
	
	.content-wrapper.judicial_scrivener .content > *{
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
		width: 100%;
	}
	
	.content-wrapper.judicial_scrivener .content > .photo{
		width: 250px;
		max-width: 100%;
		margin: 0;
		margin-bottom: 35px;
	}
	
}

/* biography */
.biography-table .year{
	width: calc(10em + 3vw);
}

@media(max-width: 540px){
	.biography-table tr{
		margin-bottom: 1em;
		display: block;
	}
	
	.biography-table th,
	.biography-table td{
		display: block;
		width: 100% !important;
		border: none;
		margin-bottom: 1em;
		padding: 0 1em;
	}
}

/* office-info */
.office-info-table th{
	width: calc(10em + 3vw);
}

@media(max-width: 540px){
	.office-info-table tr{
		margin-bottom: 1em;
		display: block;
	}
	
	.office-info-table th,
	.office-info-table td{
		display: block;
		width: 100% !important;
		border: none;
		margin-bottom: 1em;
		padding: 0 1em;
	}
}

/* access */
.content-wrapper.access .info{
	margin: 1em 0;
}

.content-wrapper.access .map{
	margin: 25px 0;
}

.content-wrapper.access .map-wrapper{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: calc(100% / 5 * 3);
}

.content-wrapper.access .map-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.office-leading {
	text-align: left;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 50px;
}