@charset "utf-8";

/*===============================================
アズベスと　CSS
===============================================*/

/* CSS Document */
/*===============================================
ロゴの赤　#cf000e
アスベスト　#5C4B39 濃い色
　　　　　　#E0D7CD 薄い色
===============================================*/

.asbestos article p {
	text-align: justify;
}

/*========================================
table 賠償金 compensation
========================================*/
.p-border-radius__block {
	margin-top: 30px;
}
.p-border-radius {
	margin: 0 0 8px 0;
	border: 1px solid #707070;
	/*border-radius: 10px;*/
	overflow: hidden;
}
.p-border-radius table {
	width: 100%;
	background: #fff;
}
table tr {}
.p-border-radius th,
.p-border-radius td{
	padding: .75rem;
	border-right: 1px solid #707070;
	border-bottom: 1px solid #707070;
	text-align: left;
	vertical-align: middle;
	line-height: 1.3;
}
.p-border-radius  tr:last-child th,
.p-border-radius  tr:last-child td {
	border-bottom: 0;
}
.p-border-radius  th:last-child,
.p-border-radius  td:last-child {
	border-right: 0;
}
.p-border-radius  th {
	background: url(/common_api/branch/img/individual/asbestos/bg_table.png) repeat 0 0;
	color: #fff;
	font-weight: bold;
}
.p-border-top-left-radius {
	border-left: 1px solid #707070;
	border-bottom: 1px solid #707070;
}
.p-border-bottom-left-radius {
	overflow: hidden;
}
.p-tbl__block01 {
	width: 59%;
}
.p-tbl__block02 {
	width: 41%;
}

/* IE11 にのみ適用される */
@media all and (-ms-high-contrast: none) {
	/*ヘッダーのテーブル*/
	*::-ms-backdrop, .p-border-radius th, .p-border-radius td {
		padding: 1rem .75rem .55rem .75rem;
	}
}/*IE11*/

/*========================================
リンクボタン
========================================*/
.asbestos article .etc_area p {
	text-align: center;
}


.etc_area li.item01 a p:before {content: url(/common_api/branch/img/individual/asbestos/etc_icon01.svg);}
.etc_area li.item02 a p:before {content: url(/common_api/branch/img/individual/asbestos/etc_icon02.svg);}
.etc_area li.item03 a p:before {content: url(/common_api/branch/img/individual/asbestos/etc_icon03.svg);}
.etc_area li.item04 a p:before {content: url(/common_api/branch/img/individual/asbestos/etc_icon04.svg);}
.etc_area li.item05 a p:before {content: url(/common_api/branch/img/individual/asbestos/etc_icon05.svg);}
.etc_area li.item06 a p:before {content: url(/common_api/branch/img/individual/asbestos/etc_icon06.svg);}

.etc_area li.item01 a:hover p:before {content: url(/common_api/branch/img/individual/asbestos/etc_icon01_on.svg);}
.etc_area li.item02 a:hover p:before {content: url(/common_api/branch/img/individual/asbestos/etc_icon02_on.svg);}
.etc_area li.item03 a:hover p:before {content: url(/common_api/branch/img/individual/asbestos/etc_icon03_on.svg);}
.etc_area li.item04 a:hover p:before {content: url(/common_api/branch/img/individual/asbestos/etc_icon04_on.svg);}
.etc_area li.item05 a:hover p:before {content: url(/common_api/branch/img/individual/asbestos/etc_icon05_on.svg);}
.etc_area li.item06 a:hover p:before {content: url(/common_api/branch/img/individual/asbestos/etc_icon06_on.svg);}


/*=================================================================
国からの賠償金対象となる要件は？
=================================================================*/
.p-requirements__list {}
.p-requirements__list li {
	margin: 0 0 8vw 0;
	padding: 0 0 0 16vw;
}
.p-requirements__list li .p-list__num {
	position: relative;
	margin: 0 0 4vw -16vw;
	padding: 0 0 0 16vw;
	background: url(/common_api/branch/img/individual/asbestos/ico_num_01.svg) no-repeat left top 1vw;
	background-size: 8vw 12vw;
}
.p-requirements__list li:nth-child(2) .p-list__num {
	background-image: url(/common_api/branch/img/individual/asbestos/ico_num_02.svg);
}
.p-requirements__list li:nth-child(3) .p-list__num {
	background-image: url(/common_api/branch/img/individual/asbestos/ico_num_03.svg);
}
.p-requirements__list li .p-list__num::before {
	position: absolute;
	top: 1vw;
	left: 8vw;
	width: 8vw;
	height: 16vw;
	background: url(/common_api/branch/img/individual/asbestos/ico_dotline_tate.svg) no-repeat left 2vw top/contain;
	content: "";
}
.p-requirements__list--txt {
	margin: 0 0 .5rem 0;
	font-size: 6vw;
	font-weight: bold;
}

.p-requirements__list a.link-blank::after {
	padding-left: 0;
	padding-right: 4px;
}
.p-requirements__note {
	padding: .75rem 1rem;
	background: #FCF6EA;
	border-radius: 10px;
}
/*分野サイトからCSSをコピーしたためSP基準→PCの順番となっています*/
@media only screen and (min-width: 601px) {
	.p-requirements__list li {
		margin: 0 0 3rem 0;
		padding: 0 0 0 100px;
	}
	.p-requirements__list li:last-child {
		margin-bottom: 2rem;
	}
	.p-requirements__list li .p-list__num {
		margin: 0px 0 1rem -100px;
		padding: 0 0 0 110px;
		background-position: left 34px top 4px;
		background-size: 30px 60px;
	}
	.p-requirements__list li .p-list__num::before {
		position: absolute;
		top: 6px;
		left: 70px;
		width: 32px;
		height: 50px;
		background-position: left 8px top;
	}
	.p-requirements__list--txt {
		font-size: 1.3rem;
	}
}/*601*/
/*分野サイトからCSSをコピーしたためSP基準→PCの順番となっています*/
@media only screen and (min-width: 769px) {
	.p-requirements .p-intro__txt {
		text-align: center;
	}
	.p-requirements__list li .p-list__num{
		min-height: 64px;
	}
	.p-requirements__note {
		padding: 1.5rem 2rem;
	}
}/*769*/



/*===============================================================
アスベスト訴訟とは
===============================================================*/
.p-bg__beige {
	background: #FCF6EA;
}
.p-what {}
.c-section__inner.p-what {
	padding: 1rem;
}
.p-ttl__lv3 {
	margin: 0 0 8vw 0;
	padding: 0 0 6vw 0;
	background: url(/common_api/branch/img/individual/asbestos/img_dotline.svg) repeat-x 0 bottom;
	background-size: 6px;
}
.p-what__txt01 {
	margin: 0 0 1.5rem 0;
}
.p-what .p-what__txt02 {
	margin: 0 0 1.5rem 0;
}
.p-what__txt03 {
	margin: 0 0 1.5rem 0;
}
.p-invitation {
	padding: 1rem 0 4px 0;
	background: url(/common_api/branch/img/individual/asbestos/img_dashline.svg) repeat-x 0 top/60px 2px, url(/common_api/branch/img/individual/asbestos/img_dashline.svg) repeat-x 0 bottom/60px 2px;
	
}
.p-what__txt04,
.p-what__txt04 span {
	margin: 0 0 1rem 0;
	font-weight: bold;
}
.p-invitation__img{
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
.p-invitation img {
	width: 100%;
}
/*分野サイトからCSSをコピーしたためSP基準→PCの順番となっています*/
@media only screen and (min-width: 769px) {
	.p-ttl__lv3 {
		margin-bottom: 1.5rem;
		padding-bottom: 1.1rem;
	}
	.c-section__inner.p-what {
		padding: 32px 32px 100px 32px;
	}
	.c-section__inner p.p-what__txt01 {
		line-height: 2;
	}
	.c-section__inner p.p-what__txt02 {
		font-size: .88rem;
		line-height: 2;
	}
	.c-section__inner p.p-what__txt03 {
		margin-bottom: 70px;
		line-height: 2;
	}
	.c-section__inner p.p-what__txt04 {
		width: calc(100% - 242px);
		line-height: 2;
	}
	.p-invitation {
		position: relative;
	}
	.p-invitation__img {
		position: absolute;
		top: -68px;
		right: 0;
		max-width: 220px;
	}
}/*769*/

/*===============================================================
費用
===============================================================*/

/*分野サイトからCSSをコピーしたためSP基準→PCの順番となっています*/

.p-attorney-fee .main_h3 {
	/*margin-bottom: 32px;*/
}
.p-attorney-fee__txt {
	margin-bottom: 24px;
}
.p-attorney-fee .p-border-radius {
	margin: 2rem 0;
}
.p-attorney-fee__table {}
.p-attorney-fee__table tr {}
.p-attorney-fee__table th,
.p-attorney-fee__table td {}
.p-attorney-fee__table th {
	width: 6rem;
}
.p-attorney-fee__table td {
	width: calc(100% - 6rem);
}
@media only screen and (min-width: 601px) {
	
}/*601*/
/*分野サイトからCSSをコピーしたためSP基準→PCの順番となっています*/
@media only screen and (min-width: 769px) {
	.p-attorney-fee .p-border-radius {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.p-attorney-fee__table {
		
	}
	.p-attorney-fee__table th {
		width: auto;
		text-align: center;
	}
	.p-attorney-fee__table th,
	.p-attorney-fee__table td {
		padding: 1rem;
	}
	.p-attorney-fee__normal-txt {
		font-size: 1.1rem;
		font-weight: normal;
	}
}/*769*/

/*===============================================
※印 注釈　● ■のリスト
===============================================*/
.u-list__notice {}
.u-list__notice li {
	margin: 0 0 .5rem 0;
	padding: 0 0 0 0.88rem;
	text-indent: -0.88rem;
	font-size: 0.88rem;
	font-weight: normal;
	line-height: 1.5;
}
.u-list__notice li:last-child {
	margin-bottom: 0;
}
.u-notice__txt {
	margin: 0 0 .5rem 0;
	padding: 0 0 0 0.88rem;
	text-indent: -0.88rem;
	font-size: 0.88rem;
	font-weight: normal;
	line-height: 1.8;
}

/*===============================================
link_list
===============================================*/
.link_list {
	background: #efefef;
	padding: 1em;
	text-align: center;
}
.link_list li {
	display: inline-block;
	line-height: 2;
}
.link_list li::after {
	content: " | ";
}
.link_list li:last-child::after {
	content: none;
}

.c-ttl-lv3 {
	margin-top: 1.5rem;
	font-weight: bold;
}
.p-benefit__innder__head {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 1.75rem;
	line-height: 1.5;
}
.c-ttl-deco::before {
	width: 1.3rem;
	height: 1.3rem;
	margin-right: .5rem;
	background-color: #FCDB8E;
	border-radius: 50%;
	content: "";
}
.c-ttl-deco::after {
	flex-grow: 1;
	height: auto;
	margin-left: 1.15rem;
	padding-bottom: 0.35rem;
	background: url(/common_api/branch/img/individual/asbestos/img_dotline.svg) repeat-x left center;
	background-size: 8px 4px;
	box-sizing: border-box;
	content: "";
}
@media only screen and (max-width: 780px) {
	.c-ttl-deco::after {
		display: none;
	}
}/*769*/

.p-conditions__other-target {
	margin: 5.5rem 0 1rem 0;
	padding: 1.5rem 1.875rem 1.25rem;
	background-color: #F3F2F1;
	border: 2px solid #cbcbcb;
	border-radius: 10px;
}
.p-conditions__other-target__title {
	position: relative;
	margin-bottom: 1rem;
	padding-bottom: 0.75rem;
	font-size: 1.375rem;
	line-height: 1.6;
}
.c-underline-dot {
	background: url(/common_api/branch/img/individual/asbestos/img_dotline.svg)repeat-x left bottom;
	background-size: 8px 4px;
	padding-bottom: 0.35rem;
}
.u-bold {
	font-weight: bold;
}
.c-marker {
	background: linear-gradient( transparent 0%, transparent 70%, #FCDB8E 70%,#FCDB8E 90%, transparent 90%);
}
.p-icon__conditions-factory::after {
	position: absolute;
	top: -48px;
	right: 0;
	width: 120px;
	height: 120px;
	background: url(/common_api/branch/img/individual/asbestos/img_factory.png) no-repeat center center;
	background-size: contain;
	content: "";
}
@media only screen and (max-width: 780px) {
	.p-conditions__other-target {
		margin-top: 3rem;
	}
	.p-icon__conditions-factory::after {
		display: none;
	}
}/*769*/
.p-conditions__other-target__list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}
.p-conditions__other-target__inner {
	position: relative;
	margin: 0.25rem 1.25rem 0.25rem 0;
	padding-left: 1rem;
	line-height: 1.6;
}
.p-conditions__other-target__inner::before {
	position: absolute;
	top: 1px;
	left: 0;
	font-size: 1rem;
	color: #CBCBCB;
	content: "●";
}
.p-conditions__other-target__inner:last-child::before {
	content: none;
}
.p-conditions__other-target__undertxt {
	margin-bottom: 60px;
}
.p-construction {
	margin-top: 30px;
}
.p-factory__second-ttl {
	margin-top: 30px;
}

.p-icon__conditions-factory-sec::after {
	content: "";
	width: 120px;
	height: 120px;
	background: url(/common_api/branch/img/individual/asbestos/img_hardhat.png) no-repeat center center;
	background-size: contain;
	position: absolute;
	top: -80px;
	right: 0;
}
@media only screen and (max-width: 780px) {
	.p-icon__conditions-factory-sec::after {
		display: none;
	}
}/*769*/

.u-txt__small {
	font-size: 0.88rem;
}

.p-fee__tbl__inner {
	display: flex;
	flex-wrap: wrap;
}
.p-fee__tbl__inner-head {
	width: 6.5rem;
	text-indent: -1em;
	padding-left: 1em;
}
.p-fee__tbl__inner-detail {
	width: calc(100% - 6.5rem);
}
.p-border-radius td.u-align__center {
	text-align: center;
}

.p-construction-damage__txt {
	margin-top: 32px;
}
.p-txt__under-h3 {
	margin-top: 32px;
}
@media only screen and (max-width: 780px) {
	.p-txt__under-h3 {
		margin-top: 16px;
	}
}/*769*/