@charset "utf-8";

/*===============================================
弁護士等紹介　CSS
===============================================*/

/* CSS Document */
/*===============================================
ロゴの赤　#cf000e

debt　/　債務整理　/　#704b3f
divorce　/　離婚問題　/　#eb4767
accident　/　交通事故　/　#409cc5
hepatitisb　/　B型肝炎　/　#7aaf40
criminal　/　刑事事件　/　#94000c
work　/　労働問題 残業代請求　/　#5269aa
g_dismissal　/　不当解雇・退職勧奨　/　#5269aa
disaster　/　労働災害　/　#5269aa
g_other_work　/　労働条件・ハラスメント　/　#5269aa
claim　/　債権回収　/　#14385e
bequest　/　遺産相続　/　#e65c00
legalprotect / 個人向け 顧問弁護士　/　#1c4e48

legalprotect / 法人 顧問弁護士　/　#1c4e48
realestate　/　不動産建物明渡し　/　#a16600
civil　/　民事再生・法人破産　/　#149393
china　/　中国進出支援　/　#e02000
overseas　/　海外進出支援　/　#818181

===============================================*/

/*===============================================
弁護士等紹介　CSS
===============================================*/
.lawyers_area {
	position: relative;
	margin: 40px 0 0 0;
	min-height: 210px;
}
.lawyers_h2 {
	float: right;
	width: 584px;
	border-bottom: 2px solid #cf000e;
}
/* 支店長など */
.lawyers_tag {
	display: block;
}
/* 弁護士など */
.occupation,
.license_name{
	display: block;
	font-size: 1.25rem;
	color: #666;
}
.name_en,
.parsonal_page .name_en{
	display: inline-block;
	color: #666;
	font-size: 0.88rem;
	font-style: italic;
}
.name_ja {
	display: inline-block;
	font-size: 1.75rem;
}
.parsonal_page .name_en {
	display: inline-block;
	padding: 0 0 0 1rem;
}

.lawyers_tag li {
	margin: 0 5px 0 0;
}
.lawyers_tag li:last-child {
	margin-right: 0;
}
.manager,
.timeoff,
.seconded {
	display: inline-block;
	color: #c7b252;
	font-size: 0.88rem;
}
.manager:before,
.timeoff:before,
.seconded:before {
	content: "■";
}
.timeoff {
	color: #8f8f8f;
}
.seconded {
	color: #78b1f8;
}
.lawyers_area .photo {
	float: left;
	width: 165px;
}
.photo img {
	width: 100%;
	border: 1px solid #c3c3c3;
}
.comment {
	float: right;
	width: 584px;
}
.comment p {
	position: relative;
	margin-top: 15px;
	padding: 15px 20px;
	background-color: #f2f2f2;
}
.a_after {
	position: relative;
	display: block;
	width: 220px;
	margin: 10px 0 0 auto;
	padding: 0 15px 0 0;
	text-align: right;
}
/*==============================================
弁護士　個人ページ
==============================================*/
.notice_area {
	margin-top: 0;
}
.parsonal_page h1 {
	color: #333;
}
.pp_occupation {
	font-size: 1.5rem;
}
.lawyers_greeting_area {
	margin: 20px 0 0 0;
}
.lawyers_left {
	float: left;
	width: 235px;
}
.lawyers_left .photo {}
.background {}
.background li {
	display: table;
	font-size: 0.75rem;
	padding: 20px 0 0 0;
	width: 100%;
	border-bottom: 1px dotted #ccc;
}
.background .ttl {
	display: table-cell;
	width: 36%;
	font-weight: bold;
}
.background .txt {
	display: table-cell;
}
.parsonal_page .lawyers_tag li:not(:last-child) {
	margin: 0 20px 0 0;
}
.lawyers_right {
	float: right;
	width: 510px;
}
.lawyers_right section:nth-child(1) {
	margin-top: 0;
}
.greeting {
	line-height: 1.9;
}
/* 得意な取扱い分野 */
.specialty {
	font-size: 0.88rem;
	line-height: 1.2;
	font-weight: bold;
}
.specialty .ttl {}
.specialty ul {
	display: flex;
	flex-wrap: wrap;
}
.specialty ul li {
	display: flex;
	justify-content: center;
	width: 67px;
	margin: 4px 4px 0 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	font-size: 0.75rem;
}
.specialty li span {
	position: relative;
	display: block;
	padding: 3.2rem 2px 2px 2px;
	width: 3.8rem;
	text-align: center;
	vertical-align: middle;
}
.specialty li span:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0.3rem 0 0 -1.3rem;
	width: 2.6rem;
	height: 2.6rem;
	background-color: #1741c8;
	border-radius: 50%;
}
.specialty li span:after {
	content: "\e928";
	font-family: 'icomoon';
	position: absolute;
	top: 0.75rem;
	left: 1rem;
	font-size: 1.3rem;
	color: #fff;
}
/*====================================================================
弁護士の注力分野アイコンの背景を３つに大別しました。2021/1/19 #16616
====================================================================*/
/*個人分野:#1A6665*/
.specialty li span.general_civil:before,.specialty li span.accident:before,.specialty li span.divorce:before,.specialty li span.criminal:before,.specialty li span.debt:before,.specialty li span.hepatitisb:before,.specialty li span.asbestos::before,.specialty li span.bequest:before,.specialty li span.guardianship::before,.specialty li span.work:before,.specialty li span.disaster:before,.specialty li span.claim:before,.specialty li span.medical::before,.specialty li span.education::before,.specialty li span.eraserequest:before,.specialty li span.consumer_damage::before,.specialty li span.base_noise::before
{ background-color: #1A6665; }
/*一般民事*/
.specialty li span.general_civil:after { content: "\e928"; }
/*交通事故*/
.specialty li span.accident:after { content: "\e919"; top: 0.75rem; left: 1.15rem; }
/*離婚・男女問題*/
.specialty li span.divorce:after { content: "\e918"; top: 0.85rem; left: 0.95rem;}
/*刑事弁護・少年事件*/
.specialty li span.criminal:after { content: "\e91b"; }
/*債務整理・過払い金請求*/
.specialty li span.debt:after { content: "\e917"; }
/*B型肝炎訴訟*/
.specialty li span.hepatitisb:after { content: "\e91a"; }
/*アスベスト訴訟*/
.specialty li span.asbestos::after { content: "\e946"; }
/*遺産相続*/
.specialty li span.bequest:after { content: "\e921"; }
/*成年後見*/
.specialty li span.guardianship::after { content: "\e92f"; }
/*労働問題*/
.specialty li span.work:after { content: "\e925"; }
/*労働災害*/
.specialty li span.disaster:after { content: "\e91e"; }
/*債権回収*/
.specialty li span.claim:after { content: "\e920"; }
/*医療事故*/
.specialty li span.medical::after { content: "\e947"; }
/*学校問題*/
.specialty li span.education::after { content: "\e948"; }
/*削除請求*/
.specialty li span.eraserequest:after { content: "\e936"; }
/*消費者被害*/
.specialty li span.consumer_damage::after { content: "\e949"; }
/*基地騒音訴訟*/
.specialty li span.base_noise::after { content: "\e952"; }

/*法人分野:#1B478D*/
.specialty li span.general_corporate:before,.specialty li span.ma:before,.specialty li span.ipo::before,.specialty li span.contract::before,.specialty li span.litigation::before,.specialty li span.bankrupt:before,.specialty li span.finance::before,.specialty li span.antimonopoly::before,.specialty li span.labor::before,.specialty li span.crisis_management::before,.specialty li span.it:before,.specialty li span.realestate:before,.specialty li span.realestate_dispossess:before,.specialty li span.succession:before,.specialty li span.intellectual:before,.specialty li span.tax:before,.specialty li span.administration::before
{ background-color: #1B478D; }
/*一般企業法務*/
.specialty li span.general_corporate:after { content: "\e937"; }
/*M&A*/
.specialty li span.ma:after { content: "\e938"; top: 0.85rem; }
/*IPO法務*/
.specialty li span.ipo::after { content: "\e94a"; }
/*契約法務*/
.specialty li span.contract::after { content: "\e94b"; }
/*企業間訴訟*/
.specialty li span.litigation::after { content: "\e94c"; }
/*事業再生・倒産*/
.specialty li span.bankrupt:after { content: "\e924"; }
/*ファイナンス*/
.specialty li span.finance::after { content: "\e94e"; }
/*独占禁止法*/
.specialty li span.antimonopoly::after { content: "\e950"; }
/*人事・労務*/
.specialty li span.labor::after { content: "\e94f"; }
/*危機管理・不祥事対応*/
.specialty li span.crisis_management::after { content: "\e94d"; }
/*IT法務*/
.specialty li span.it:after { content: "\e939"; top: 0.85rem; }
/*不動産*/
.specialty li span.realestate:after { content: "\e923"; }
/*建物明渡訴訟*/
.specialty li span.realestate_dispossess:after { content: "\e93d"; }
/*事業承継・民事信託*/
.specialty li span.succession:after { content: "\e93f"; }
/*知的財産*/
.specialty li span.intellectual:after { content: "\e929"; top: 0.8rem; left: 0.95rem; }
/*税務訴訟*/
.specialty li span.tax:after { content: "\e93e"; }
/*行政事件*/
.specialty li span.administration::after { content: "\e951"; }

/*国際分野:#66064D*/
.specialty li span.multinational:before,
.specialty li span.china:before,
.specialty li span.international_divorce::before,
.specialty li span.international_bequest::before { background-color: #66064D; }
/*国際法務*/
.specialty li span.multinational:after { content: "\e93b"; }
/*中国法務*/
.specialty li span.china:after { content: "\e926"; top: 0.84rem; }
/*国際離婚*/
.specialty li span.international_divorce::after { content: "\e944"; }
/*国際相続*/
.specialty li span.international_bequest::after { content: "\e945"; }


.specialty li span.legalprotect:before { background-color: #1c4e48; }
.specialty li span.legalprotect:after { content: "\e922"; }
.specialty li span.international:before { background-color: #668ca7; }
.specialty li span.international:after { content: "\e92a"; top: 0.8rem; left: 0.97rem;}
.specialty li span.work_corp:before { background-color: #5269aa; }
.specialty li span.work_corp:after { content: "\e925"; }
.specialty li span.internet:before { background-color: #2c7ffc; }
.specialty li span.internet:after { content: "\e92b"; top: 0.85rem; left: 0.95rem; }



/* 経歴 */
.career li {
	display: table;
	padding: 1rem 0 0 0;
	width: 100%;
	line-height: 1.4;
}
.career li:first-child {
	padding-top: 0;
}
.career .date {
	display: table-cell;
	width: 25%;
}
.career .txt {
	display: table-cell;
}
/* 弁護士からのメッセージ */
.message {}
.message p {
	margin: 20px 0 0 0;
	line-height: 1.8;
}
.message .list_nodisc li {
	line-height: 1.8;
}
/* 資格 */
.qualification {}
ul.disc_list {
	margin: 20px 0 0 20px;
	list-style: disc outside;
}
/* 所属団体・活動等 */
.activity ul.disc_list {
	margin: 20px 0 0 40px;
	list-style: disc outside;
}

.disc_list li {
	padding: 10px 0 0 0;
}
.qualification .disc_list li:first-child {
	padding-top: 0;
}
.section_small {
	margin-top: 40px;
}
.section_small h3 {
	margin-bottom: 1rem;
	font-size: 1.15rem;
	font-weight: bold;
}
.section_small h3.main_h3 span {
    display: block;
    padding: 2px 0 2px 14px;
    border-left: 4px solid #cf000e;
}
/*メディア情報*/
.media_area {}
.media_area ul.list_normal li {
	display: flex;
	flex-wrap: nowrap;
	margin: 1rem 0 0 0;
}
.media_area .date_start {
	min-width: 7.1rem;
	padding: 0 1rem 0 0;
}
.media_area .date_end {
	min-width: 10rem;
	padding: 0 1rem 0 0;
}
.media_area .txt {
}
/*インタビューページ*/
.int_img_thumb {
	margin: 0 0 1rem 0;
}
.int_img_l {
	display: inline-block;
	float: left;
	width: 260px;
	margin: 0 20px 20px 0;
	font-size: 1rem;
	vertical-align: top;
}
.int_img_r {
	display: inline-block;
	float: right;
	width: 260px;
	margin: 0 0 20px 20px;
	font-size: 1rem;
	vertical-align: top;
}
/*=============================================================================================
タブレット　スマホ　780px以下
=============================================================================================*/
@media only screen and (max-width: 780px) {
	.lawyers_area {
		margin: 40px 0 0 0;
		min-height: auto;
	}
	.lawyers_h2 {
		float: none;
		width: 100%;
		font-size: 0;
	}
	.parsonal_page h1.page_ttl {
		padding: 0;
	}
	.name_en,
	.name_ja,
	.lawyers_tag {
		margin: 0 0 0 3%;
	}
	.lawyers_tag {
		display: block;
		width: 165px;
		/*margin: 0 auto;*/
		font-size: 0;
	}
	.lawyers_greeting_area .lawyers_tag {
		margin: 0 auto;
	}
	.lawyers_tag li {
		margin: 0 10px 0 0;
	}
	.occupation,
	.license_name {
		margin: 0 0 0 3%
	}
	.lawyers_area .photo {
		float: none;
		margin: 30px auto 0 auto;
	}
	.comment {
		float: none;
		margin: 20px 3% 0 3%;
		width: 94%;
	}
	.occupation {
		padding: 0 0 0 3%;
	}
	.background {
		width: 165px;
		margin: 0 auto;
	}

	/*==============================================
	弁護士　個人ページ
	==============================================*/
	.parsonal_page .name_en {
		margin: 0;
	}
	.lawyers_left {
		float: none;
		width: 100%;
		padding: 0 3%;
	}
	.lawyers_left .photo {
		margin: 0 auto;
		width: 165px;
	}
	.lawyers_left .photo img {
		width: 100%;
	}
	.parsonal_page .name_en {
		/*display: inherit;*/
		padding-left: 0;
	}
	.parsonal_page .lawyers_tag li {
		margin-top: 5px;
	}
	.lawyers_right {
		float: none;
		width: 100%;
		margin: 30px 0 0 0;
	}
	.greeting {
		margin: 20px 3% 0 3%;
	}
	/* 経歴 */
	.career li {
		padding: 1rem 0 0 0;
	}
	.career .date {
		display: block;
		width: 100%;
	}
	.career .txt {
		display: block;
		width: 100%;
	}
	.message p {}
	ul.disc_list  {
		margin: 0 0 0 20px;
	}
	.disc_list li {
		padding: 0;
	}
	/*メディア情報*/
	.media_area ul.list_normal li {
		flex-wrap: wrap;
	}
	.media_area .date_start {
		width: 6.5rem;
		min-width: 6.5rem;
		padding: 0;
		font-weight: bold;
	}
	.media_area .date_end {
		width: 10rem;
		min-width: auto;
		padding: 0 1rem 0 0;
		font-weight: bold;
	}
	.media_area .txt {
		width: 100%;
	}

	/*インタビューページ*/
	.int_img_thumb img {
		width: 100%;
	}
	.int_img_l,.int_img_r {
		display: block;
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
		text-align: center;
	}
}/* //レスポンシブ設定 */

/*=============================================================================================
スマホ　414px以下
=============================================================================================*/
@media only screen and (max-width: 414px) {
	.specialty ul {
		width: 355px;
		margin: 0 auto;
	}
}/* //レスポンシブ設定 */

/*=============================================================================================
スマホ　320px以下
=============================================================================================*/
@media only screen and (max-width: 320px) {
	.specialty ul {
		width: 284px;
	}
}/* //レスポンシブ設定 */

/*=============================================================================================
神戸オフィス　2019/07/22 Youtube追加
=============================================================================================*/
.mov_manager_area {
	margin-top: 100px;
}

.mov_manager {
	position: relative;
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}
.mov_manager a {
	position: relative;
	display: block;
}
.mov_manager a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 51px;
	height: 36px;
	margin: -25px 0 0 -18px;
	background: url(/common_api/img/ico_youtube.png) no-repeat 0 0;
	background-size: contain;
	content: "";
}
.mov_manager a img {
	width: 100%;
}
.kobe .page_under_area {
	margin-top: 100px;
}

@media only screen and (max-width: 780px) {
	.kobe .mov_manager.pc_only {display: none;}
	.kobe .mov_manager.sp_only {display: block;}
	.mov_manager {
		padding-top: 2rem;
	}
	.mov_manager iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	
	
	.kobe .sidebar {
		margin-top: 100px;
	}
}/* 780px */


.interview article p {
	line-height: 2;
}

/* リニューアル後調整 */
.cf::before {
	display: none;
}