/* Extracted verbatim from the legacy -member_view.php inline <style> blocks. */
.article .section:is(.info, .detail) .info-box dt + dd {
     margin-top: 0px; 
}


.sub.lawyer.detail .article .section.info .info-footer .info-box{
	display: grid;
    grid-template-columns: 40% 60%;
    align-items: start;
    padding: 45px 7%;
	column-gap: 10px;
}

.info-list span{font-size:15px;}
.info-list .work-wrap{font-size:15px;}
.info-list .work-wrap strong{font-size:15px;font-weight:600;}

.en .badge{font-size:12px;}
.en .badge:is([class*="type2-"]){height:40px;max-width: 100px;}



.sub.lawyer.detail .intro-field .badge-list li{
		border: 1px solid #8f8f8f;
	}





@media (min-width: 2000px) {
	.sub.lawyer.detail .profile-hero{
		height:350px;
	}

	.sub.lawyer.detail .profile-image{
		width:100%;
		height:100%;
		overflow:hidden;
	}

	.sub.lawyer.detail .profile-image picture{
		display:block;
		width:100%;
		height:100%;
	}

	.sub.lawyer.detail .profile-image .img{
		display:block;
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:right center;
	}
}



@media (min-width: 769px) and (max-width: 1200px) {
	.sub.lawyer.detail .profile-hero {
		height: 200px;
	}
}

@media (min-width: 1201px) and (max-width: 1500px) {
	.sub.lawyer.detail .profile-hero {
		height: 250px;
	}
}

@media (min-width: 1501px) and (max-width: 1700px) {
	.sub.lawyer.detail .profile-hero {
		height: 300px;
	}
}

@media (min-width: 1701px) and (max-width: 1999px) {
	.sub.lawyer.detail .profile-hero {
		height: 350px;
	}
}

@media (min-width: 2001px) and (max-width: 2200px) {
	.sub.lawyer.detail .profile-hero {
		height: 380px;
	}
}



@media (min-width: 2201px){
	.sub.lawyer.detail .profile-hero {
		height: 450px;
	}
}





@media (max-width: 768px) 
{
    .sub.lawyer.detail .intro-field .badge-list li span {
        font-size: 10px;
        letter-spacing: -.09em;
    }

	.sub.lawyer.detail .article .section.info .badge-list {
		gap: 4px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.sub.lawyer.detail .intro-field .badge-list li {
        height: 43px;
        padding: 0 0px;
    }

		height:auto;
	}

	.sub.lawyer.detail .profile-image{
		height:auto;
	}

	.sub.lawyer.detail .profile-image .img{
		width:100%;
		height:auto;
		object-fit:initial;
	}

	

	.sub.lawyer.detail .article .section.info .info-footer .info-box .title{
		padding-top:5px;
	}


@media (max-width: 768px) {
    .sub.lawyer.detail .article .section.info .info-footer .info-list {
        margin-top: 0px;
        font-size: 13px;
        line-height: 1.8;
    }
}