@charset "utf-8";

/*===============================================
解決事例　CSS
===============================================*/

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

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

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

===============================================*/
/*===============================================
cases　CSS
===============================================*/
/* PC用のCSSはこちら */


/* ==================================================
【交通事故】の解決事例 シングルページ　 cases.html
==================================================*/
/*
.single_area {}
.cases_detail h3.main_h3 span {
	padding-top: 3px;
}
.cases_detail.accident h3.main_h3 span { border-left: 4px solid #409cc5; }
.cases_detail.criminal h3.main_h3 span { border-left: 4px solid #94000c; }
.cases_detail.divorce h3.main_h3 span { border-left: 4px solid #eb4767; }
.cases_detail.work h3.main_h3 span { border-left: 4px solid #5269aa; }
.cases_detail.bequest h3.main_h3 span { border-left: 4px solid #825E0D; }
.cases_detail.hepatitisb h3.main_h3 span { border-left: 4px solid #22a098; }
*/

/* 詳細ページ */
.cases_detail h2.main_h2 {
	position: relative;
	margin: 60px 0 0 0;
	padding: 0;
	color: #333;
	font-size: 1.25rem;
	font-weight: bold;
	border-bottom: none;
	line-height: 1.3;
}
.cases_detail h2.main_h2 span {
	display: block;
	padding: 2px 0 0 14px;
	border-left: 4px solid #cf000e;
}
.cases_detail h3 {
	font-size: 1rem;
	font-weight: bold;
}
/* 分野カラー */
.accident.cases_detail h2.main_h2 span { border-left: 4px solid #409cc5; }
.criminal.cases_detail h2.main_h2 span { border-left: 4px solid #94000c; }
.divorce.cases_detail h2.main_h2 span { border-left: 4px solid #eb4767; }
.work.cases_detail h2.main_h2 span { border-left: 4px solid #5269aa; }
.bequest.cases_detail h2.main_h2 span { border-left: 4px solid #825E0D; }
.hepatitisb.cases_detail h2.main_h2 span { border-left: 4px solid #22a098; }

.cases_detail h2.main_h2 span:before,
.cases_detail h2.main_h2 span:after {
	display: none;
}
.single_page_details .txt_wrap {
	margin: 1rem 0 0 18px;
}

.cases_block {
	margin: 20px 0 0 0;
	padding: 3%;
	background-color: #f1f1f1;
}
.photo_box {
	float: left;
	width: 17%;
}
.photo_box .photo img {
	width: 100%;
}
.under_profile {
	margin: 3px 0 0 0;
	font-size: 0.88rem;
}
.under_profile li {
	float: left;
	margin: 0 1rem 0 0;
	text-align: center;
}
.under_profile li:last-child {
	margin-right: 0;
}

.under_profile {
	margin: 3px 0 0 0;
	font-size: 0.88rem;
}
/* 削除請求のプロフィールのフォントサイズはディレクターの指示で18px相当に指定しました。 */

.ol_defamation .under_profile,
.ol_defamation_corp .under_profile {
	margin: 4px 0 0 0;
	font-size: 1.13rem;
}
.name_requester {
	margin: 8px 0 0 0;
	font-size: 1.13rem;
}

/* 刑事弁護・少年事件の解決事例 */
/* 離婚・男女問題の解決事例 */
.criminal .under_profile li,
.divorce .under_profile li{
	font-size: 1.13rem;
	font-weight: bold;
	text-align: left;
}
/*  */
.cases_box {
	float: right;
	width: 78%;
	font-size: 0.88rem;
}
.cases_box .tag {
	clear: both;
	margin: 10px 0 0 0;
	font-size: 0;
	line-height: 1;
}
.cases_box .tag li {
	display: inline-block;
	margin: 0 6px 4px 0;
	padding: 4px 1rem 3px;
	min-width: 8em;
	border: 1px solid #9f9f9f;
	font-size: 0.8rem;
	text-align: center;
	line-height: 1;
	background-color: #fff;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .cases_box .tag li {
		padding-top: 6px;
		padding-bottom: 0px;
	}
}
.cases_box .tag li:last-child {
	margin-right: 0;
}
.details {
	margin: 8px 0 0 0;
}
.criminal .details {
	margin: 0.5rem 0 0 0;
}
.details li {
	display: table;
	margin: 3px 0 0 0;
}
.details .ttl {
	display: table-cell;
	width: 9rem;
}
.details .txt {
	display: table-cell;
	font-weight: bold;
}
/* 離婚・男女問題　2017/10/04 */
.cases_detail.divorce .details .txt {
	padding: 0 0 0 1rem;
}
.amount {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #fff;
}

.insurance {
	display: table-cell;
	padding: 1px 4px;
	width: 8rem;
	text-align: center;
	color: #409cc5;
	font-weight: bold;
	border: 2px solid #409cc5;
	background-color: #fff;
}
.insurance_amount {
	display: table-cell;
	padding: 0 0 0 1rem;
}
.up_amount {
	position: relative;
	display: block;
	margin: 6px 0 20px 0;
	padding: 0 0 0 9rem;
	font-size: 1.13rem;
	color: #409cc5;
	font-weight: bold;
	z-index: 100;
}


/* 分野カラー */
.amount .settlement_amount {
	display: table-cell;
	padding: 4px 0 0 1rem;
	font-size: 1.25rem;
	font-weight: bold;
	color: #333;
	line-height: 1;
}
/* 分野カラー */
.accident .report_list .settlement,
.accident .amount .settlement_amount{ color: #cf000e; }

.single_area_btn a { background-color: #cf000e; }

.accident .single_area_btn a { background-color: #409cc5; }
.criminal .single_area_btn a { background-color: #94000c; }
.divorce .single_area_btn a { background-color: #eb4767; }
.work .single_area_btn a { background-color: #5269aa; }
.bequest .single_area_btn a { background-color: #825E0D; }
.hepatitisb .single_area_btn a { background-color: #22a098; }

/* 交通事故 */
.accident .amount li {
	display: table;
	position: relative;
	width: 100%;
	font-size: 1rem;
}
.accident .amount li:nth-of-type(2):after {
	content: "";
	position: absolute;
	top: 5px;
	left: 140px;
	width: 0;
	height: 0;
	border-left: 80px solid transparent;
	border-right: 80px solid transparent;
	border-top: 40px solid #c5edff;
	z-index: 99;
}
.accident .amount .settlement {
	display: table-cell;
	padding: 2px 4px 0px 4px;
	width: 8rem;
	text-align: center;
	color: #fff;
	background-color: #409cc5;
	vertical-align: middle;
}

/* 離婚・男女問題　個別ページ */
.divorce .amount {
	float: left;
	clear: both;
	margin: 10px 0 0 0;
	padding: 2% 0 0 0;
	width: 100%;
	border-top: 2px solid #fff;
}
.divorce .amount li {
	display: table;
	font-size: 1rem;
	float: left;
}
.divorce .insurance_amount {
	display: table-cell;
	padding: 0 0 0 1rem;
}
.divorce .insurance {
	display: table-cell;
	padding: 1px 4px;
	width: 6rem;
	text-align: center;
	color: #eb4767;
	font-weight: bold;
	border: 2px solid #eb4767;
	background-color: #fff;
}
.divorce .amount .arrow {
	position: relative;
	margin: 0 1rem;
	padding: 0 1rem;
	vertical-align: middle;
}
.divorce .amount .arrow:before,
.divorce .amount .arrow:after {
	content: "▼";
	position: absolute;
	top: 50%;
	margin-top: -0.8rem;
	transform: rotate(-90deg);
	color: #eb4767;
}
.divorce .amount .arrow:before {
	left: 0;
}
.divorce .amount .arrow:after {
	right: 0;
}
.divorce .amount .settlement {
	display: table-cell;
	padding: 1px 4px 0 4px;
	width: 6rem;
	text-align: center;
	color: #fff;
	background-color: #eb4767;
	vertical-align: middle;
}
.divorce .amount .settlement_amount {
	display: table-cell;
	padding: 6px 0 0 1rem;
	font-size: 1rem;
	line-height: 1;
}

/* 遺産相続 */
.bequest .amount {
	margin: 10px 0 0 0;
	padding: 12px 0 0 0;
	border-top: 2px solid #fff;
}
.bequest .amount li {
	display: table;
	position: relative;
	width: 100%;
}
.bequest .amount .settlement {
	display: table-cell;
	padding: 1px 4px 0 4px;
	width: 8rem;
	text-align: center;
	color: #fff;
	background-color: #825E0D;
	vertical-align: middle;
}
.bequest .amount .settlement_amount {
	display: table-cell;
	padding: 0.3rem 0 0 1rem;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1;
}
/*-----------------------------------------
労働災害
-----------------------------------------*/
/*一覧ページ*/
.disaster .p-cases__info {
	display: flex;
	flex-wrap: wrap;
}
.disaster .p-cases__industry {
	margin-right: 1rem;
	padding: 0 .75rem;
	background: #5269aa;
	color: #fff;
}
.disaster .p-cases__pref {
	margin-right: .75rem;
	padding-right: .75rem;
	border-right: 1px solid #ccc;
}
.disaster .p-cases__sex {
	margin-right: .75rem;
	padding-right: .75rem;
	border-right: 1px solid #ccc;
}
/*.disaster .p-cases__age {}*/
.disaster .p-cases__ttl {
	position: relative;
	margin: 0 0 .5rem 0;
	padding: .5rem 0 0 .75rem;
	font-size: 1.13rem;
	font-weight: bold;
	text-indent: -6px;
	color: #5269aa;
	line-height: 1.3;
}
.disaster .p-cases__ttl::before {
	display: inline-block;
	position: relative;
	top: 0;
	left: -4px;
	margin-top: 0.4rem;
	width: 0;
	height: 0;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-left: 6px solid #5269aa;
	content: "";
}
/*.disaster .p-cases__complement {}*/
.disaster .p-cases__money {
	margin: 0 0 .5rem 0;
	font-size: 1.25rem;
	font-weight: bold;
	color: #cf000e;
}
/*.disaster .p-cases__grade {}*/

/*詳細ページ*/
.cases_detail.disaster .cases_block {
	display: flex;
}
.cases_detail.disaster .photo_box {
	clear: both;
	width: 17%;
	margin: 0 2rem 0 0;
}
.cases_detail.disaster .p-cases__box {
	width: calc(100% - 17% - 2rem);
}
.cases_detail.disaster .p-cases__info {
	margin: 0 0 1rem 0;
}
.cases_detail.disaster .p-cases__grade {
	font-size: 1.25rem;
	font-weight: bold;
	color: #5269aa;
}
.cases_detail.disaster .p-cases__grade-items01 {
	margin: 0 0 1rem 0;
}

.disaster .sidebar .contact li:nth-child(1) {
	border: none;
}


/*=============================================================================================
タブレット　スマホ　780px以下
=============================================================================================*/
@media only screen and (max-width: 780px) {
	.report_list .date {
		float: none;
	}
	.page_navi li a {
		padding: 3.5rem 0 0 0;
		font-size: 1.25rem;
		vertical-align: top;
	}
	.page_navi li a:before,
	.page_navi li.hepatitisb a:before {
		top: 0;
		right: 50%;
		margin-top: 10px;
		margin-right: -1.6rem;
		font-size: 2rem;
	}
	.page_navi li.accident a:before {
		margin-right: -1.3rem;
	}
	.page_navi li a:after {
		bottom: 8px;
		right: 50%;
		margin-right: -4px;
	}
	.page_navi li.divorce a {
		padding-right: 0;
	}.page_navi li a:hover {
		color:  #333;
	}
	.page_navi li a:hover:after {
		border-top: 10px solid #595959;
	}
	.page_navi li a:hover:before {
		color:  #595959;
	}
	.page_navi li.accident a:hover,
	.page_navi li.criminal a:hover,
	.page_navi li.divorce a:hover,
	.page_navi li.work a:hover,
	.page_navi li.bequest a:hover,
	.page_navi li.hepatitisb a:hover { background-color: #f8f8f8;
	}
	.details li {
		margin: 12px 0 0 0;
	}
	.divorce .amount li:nth-child(2) {
		margin: 0.5rem auto;
		padding: 0 0 0 0.8rem;
	}
	.divorce .amount .arrow:before,
	.divorce .amount .arrow:after {
		transform: rotate(0deg);
	}
	.divorce .amount li {
		float: none;
		display: block;
	}
}/* //レスポンシブ設定 */

/*=============================================================================================
スマホ　600px以下
=============================================================================================*/
@media only screen and (max-width: 600px) {	
	/*  解決事例シングルページ  */
	.photo_box {
		width: 20%;
	}
	.cases_box {
		width: 75%;
	}
	.details li {
		display: block;
		line-height: 1.3;
	}
	.details .ttl {
		display: block;
	}
	.details .txt {
		display: inline-block;
		padding: 0 0 0 1rem;
	}
	.insurance {
		display: block;
	}
	.insurance_amount {
		display: inline-block;
		padding-left: 0;
	}
	.up_amount {
		display: inline-block;
		margin: 1rem 0 2rem 0;
		padding-left: 0;
	}
	.amount li {
		position: relative;
	}
	.accident .amount li:nth-of-type(2):after {
		top: 1rem;
		left: 0;
		border-left: 65px solid transparent;
		border-right: 65px solid transparent;
		border-top: 40px solid #c5edff;
	}
	.amount .settlement {
		display: block;
	}
	.accident .amount .settlement {
		display: block;
	}
	.amount .settlement_amount {
		display: block;
		padding: 0.5rem 0 0 0;
	}
	.bequest .amount .settlement {
		display: block;
	}
	.bequest .amount .settlement_amount {
		display: block;
		padding-left: 0;
		font-size: 1rem;
	}
}/* //レスポンシブ設定 */

/*=============================================================================================
スマホ　414px以下
=============================================================================================*/
@media only screen and (max-width: 414px) {
	.cases_detail.disaster .photo_box {
    margin-right: 1rem;
	}
}/* //レスポンシブ設定 */

.img-cases-detail-c {
	width: 100%;
	max-width: 500px;
	height: auto;
	margin: 0 auto;
}
.img-cases-detail-c img {
	width: 100%;
	height: auto;
}

/*=============================================================================================
学校問題　25/02/19
=============================================================================================*/

/*---------------------------------------------------
一覧ページ
---------------------------------------------------*/
.school .report_list .profile .genre_tag,
.school .cases_box .genre_tag {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.school .report_list .profile .genre,
.school .cases_box .genre {
	display: inline-block;
	margin: 0;
	padding: 4px 10px 3px;
	border: 1px solid #666;
	font-size: 0.75rem;
	line-height: 1;
}
.school .report_list .profile .genre,
.school .report_list .profile .tag {
	min-height: 21px;
}
.school .report_list .profile .genre {
	min-height: 21px;
	background: #CC4919;
	border: 0;
	color: #FFF;
}
.school .report_list .profile .tag {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.school .report_list .profile .tag li {
	min-height: 21px;
	margin: 0;
}
.school .report_list .profile .list_etc {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.school .report_list .profile .list_etc li {
	display: flex;
	margin-left: 0;
}
.school .report_list .profile .list_etc li .ttl {
	width: 12rem;
	margin-left: 0;
}
.school .report_list .profile .list_etc li .txt {
	width: calc(100% - 12rem);
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-indent: 0;
}
.school .report_list > li a:hover .profile .list_etc li .txt {
	text-decoration: none;
}
.school .report_list .profile .list_etc li .txt::before {
	display: none;
}
@media only screen and (max-width: 414px) {
	.school .report_list .profile .list_etc li {
		flex-direction: column;
		gap: 4px;
	}
	.school .report_list .profile .list_etc li .ttl {
		width: 100%;
	}
	.school .report_list .profile .list_etc li .txt {
		width: 100%;
		padding-left: 1rem;
	}
}

/*---------------------------------------------------
詳細ページ
---------------------------------------------------*/
.school.cases_detail .genre_tag {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
}
.school.cases_detail .genre_tag .genre {
	display: block;
	min-height: 21px;
	margin: 0;
	padding: 4px 10px 3px;
	background: #CC4919;
	border: 0;
	font-size: 0.75rem;
	color: #fff;
	line-height: 1;
}
.school.cases_detail .genre_tag .tag {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
}
.school.cases_detail .genre_tag .tag li {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 21px;
	margin: 0;
	padding: 0 10px;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 0.75rem;
	line-height: 1;
}

.school.cases_detail .cases_box ul.details li {
	display: flex;
	flex-wrap: wrap;
}
.school.cases_detail .cases_box .ttl {
	display: block;
	width: 12rem;
	margin: 0;
}
.school.cases_detail .cases_box .txt {
	display: block;
	width: calc(100% - 12rem);
	margin: 0;
	padding-left: 0;
}
@media only screen and (max-width: 414px) {
	.school.cases_detail .cases_box ul.details li {
		flex-direction: column;
	}
	.school.cases_detail .cases_box ul.details li + .school.cases_detail .cases_box ul.details li {
		margin-top: 12px;
	}
	.school.cases_detail .cases_box .ttl {
		width: 100%;
	}
	.school.cases_detail .cases_box .txt {
		width: 100%;
		padding-left: 1rem;
	}
}

.cases_detail .btn.single_area_btn {
	width: 100%;
	min-width: 360px;
	max-width: 420px;
	margin-inline: auto;
	text-align: center;
}
.cases_detail .btn.single_area_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 0;
	min-height: 52px;
	text-align: center;
	line-height: 1;
}
.cases_detail .btn.single_area_btn a::after {
	display: none;
}
.cases_detail .btn.single_area_btn a::before {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	left: 16px;
	display: inline-block;
	width: 6px;
	height: 12px;
	background: #FFF;
	clip-path: polygon(100% 0, 0 50%, 100% 100%);
}