@charset "utf-8";
/*============================
	Foundation
==============================*/

/*--------- base_font_size -----------*/
div#body div#main.tech_body,
div#main div.link_anchor ul li{
	font-size: 1rem;
}

/*heading*/
#page_title h1{
	left:0px;
}

div#main.tech_body .p-large_title h2{
	font-size: 1.5rem;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.03em;
	padding: 1rem 0.5rem;
	background-color: #32a05a;
	text-align: center;
	margin-bottom: 0;
	border-radius: 4px;
}
div#main.tech_body h2{
	font-size: 1.5rem;
	letter-spacing: 0.02em;
}
div#main.tech_body h3.label{
	font-size: 1.125rem;
}
div#main h4,
div#main h5 {
	margin: 1.5rem 0 0.375rem 0;
	font-size: 1.0625rem;
	font-weight: bold;
	letter-spacing:0.06em;
}
div#main h4.first,
div#main h5.first{
	margin-top: 0px;
}

/*float reset*/
div#body div#main.tech_body .col,
div#body div#main.tech_body .col_multi_2,
div#main div.link_anchor ul li,
p.go_pagetop a{
	float: none;
}
/*clearfix reset*/
div#body div#main.tech_body ul:after,
div#body div#main.tech_body dl:after,
div#body div#main.tech_body div.section:after,
div#body div#main.tech_body div.kakomi:after,
div#body div#main.tech_body .col:after,
p.go_pagetop:after{
	display: none;
}

.tech_body p.link,
.tech_body ul.link li,
.tech_body ul.list li.link,
.tech_body .rel_info ul.link li{
	padding-left: 1rem;
}

p.go_pagetop{
	display: flex;
	justify-content: flex-end;
}
p.go_pagetop a{
	flex: 0 0 auto;
}

/*---
column width redefine
---*/
.tech_body .col3 .col.span-2{
	width: 500px;
}
.tech_body .col4 .col.span-2{
	width: 370px;
}
.tech_body .col4 .col.span-3{
	width: 565px;
}

/*list style*/
div#main ul.list,
div#main ol.list{
	margin-bottom: 0;
}
div#main ul.list li,
div#main ol.list li{
	line-height: 1.7;
	margin-bottom: 0.25rem;
	background-position: 1px 0.5em;
}

div#main ul.list.small li{
	background:none;
	padding-left: 1em;
	text-indent: -1em;
}
div#main ul.list.small li::before{
	content: "・";
}

/*============================
	Layout
==============================*/

/*============================
	Object
==============================*/

/*---------------
	component
----------------*/

.c-award{
	font-size: 0.875rem;
	line-height: 1.4;
	padding-left: 1.875rem;
	position: relative;
	color: #d91d11;
}
.c-award li::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0px;
    width: 27px;
    height: 36px;
    background: url(/tech/indust_waste/images/mark_award.png) no-repeat 0px 0px;
}

/*---------------
	project
----------------*/
.p-overview{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: 0.875rem;
	line-height: 1.7;
}
.p-overview dt{
	flex: 0 0 auto;
	width: 27%;
	margin: 0.125rem 0;
}
.p-overview dd{
	flex: 0 0 auto;
	width: 73%;
	margin: 0.125rem 0;
}

/*heading*/
h2.p-point_title{
	padding-left: 270px !important;
	position: relative;
}
h2.p-point_title .c-label{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: absolute;
	top:30px;
	left: 100px;
	background-color: #32a05a;
	line-height: 1;
	font-size: 1.0625rem;
	color: #fff;
	font-weight: bold;
	border-radius: 2rem;
	padding: 0.25rem 0.75rem;
}
h2.p-point_title .c-num{
	display: inline-block;
	font-size: 1.5rem;
	margin-top: 2px;
	margin-left: 2px;
}

/*p-qa_txt*/
.p-qa_txt{
	/*display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;*/
}
.p-qa_txt dt{
	flex: 0 0 auto;
	width: 0%;
	font-size: 1rem;
	line-height: 1;
	font-weight: bold;
	position: relative;
}
.p-qa_txt dt .c-lb_q,
.p-qa_txt dt .c-lb_a{
	position: absolute;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	top:2px; left: 0px;
	overflow: hidden;
	text-indent: 2rem;
	white-space: nowrap;
}
.p-qa_txt dt .c-lb_q{
	background: url(/tech/indust_waste/eco_solution/images/lb_q.svg) no-repeat 0px 0px;
}
.p-qa_txt dt .c-lb_a{
	background: url(/tech/indust_waste/eco_solution/images/lb_a.svg) no-repeat 0px 0px;
}

.p-qa_txt dd{
	flex: 0 0 auto;
	width: 100%;
	padding-left: 40px;
	box-sizing: border-box;
}



/*full_width_section*/
.p-full_width_section{
	margin-left:1px; margin-right: 1px;
	padding: 2rem 0 2rem;
	position: relative;
}
div#main.tech_body .p-full_width_section div.section{
	padding-left: 99px;
}

@media print{
	div#main div.link_anchor{
		display: block;
	}
}