
/*---------------
	component
----------------*/
.c-flex_start{
	display: flex;
	justify-content:flex-start;
}
.c-flex_end{
	display: flex;
	justify-content:flex-end;
}
.c-flex_between{
	display: flex;
	justify-content: space-between;
}
.c-flex_center{
	display: flex;
	justify-content:center;
}
.c-flex_alignItem_center{
	align-items: center;
}
.c-flex_wrap{
	flex-wrap: wrap;
}
.c-align_center{
	text-align: center;
}
.c-align_right{
	text-align: right;
}
.c-valign_middle{
	vertical-align: middle;
}
.c-border_green{
	border-color: #32a05a;
}
.c-border_blue{
	border-color: #9ebadf;
}
.c-border--2px{
	border-width:2px !important;
}
.c-txt_green{
	color: #32a05a !important;
}
.c-txt_blue{
	color: #1c418d !important;
}
.c-bold{font-weight: bold;}
.c-gray_bk{
	background-color: #f0f0f0;
}
.c-justify{
	text-align: justify;
	text-justify: inter-ideograph;
}

.c-mb--1{
	margin-bottom: 1.25rem !important;
}
.c-mb--2{
	margin-bottom: 2.5rem !important;
}

.c-box_light_blue{
	background-color: #d8e4f2;
}
.c-content_width--600{
	width: 600px;
}
.c-content_width--500{
	width: 500px;
}

/*---------------
	project
----------------*/

.p-bn_shoulder {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 320px;
	height: 135px;
	background-color: #FFFFFF;
}

/*p-treatise_list 社外発表リスト*/
.p-treatise_list{
	/*font-size: 0.9375rem;*/
	/*line-height: 1.375rem;*/
	line-height:1.5;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 1rem;
}
.p-treatiseList__year{
	flex: 0 0 auto;
	width: 12%;
	padding: 0.5rem 0 0;
	border-top: #ccc 1px solid;
}
.p-treatiseList__list{
	flex: 0 0 auto;
	width: 88%;
}
.p-treatiseList__list > ul > li{
	box-sizing: border-box;
	padding: 0.5rem 0 0.5rem 1.25rem;
	border-top: #ccc 1px solid;
	background: url(/tech/indust_waste/images/listmark_green.svg) no-repeat 0px 0.8rem;
}
.p-treatiseList__list > ul.link > li{
	background: url(/common/image/arrow_red.png) no-repeat 0px 0.8rem;
}
.p-treatiseList__list li .subtxt{
	margin-left: 3rem;
}

/*border_box*/
.p-border_box{
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-radius: 6px;
	padding: 1rem 1.1875rem;
	margin: 1.25rem 0;
}
/*p-box_content*/
.p-box_content{
	box-sizing: border-box;
	border-radius: 6px;
	padding: 0.9375rem 1rem;
	margin: 1.25rem 0;
}
/*col in box*/
.p-border_box .col2 .col,
.p-box_content .col2 .col{
	width: 350px;
}
.p-border_box .col3 .col,
.p-box_content .col3 .col{
	width: 226px;
}
.p-border_box .col3 .col.span-2,
.p-box_content .col3 .col.span-2{
	width: 473px;
}

/*p-rel_bn*/

.p-rel_bn--inline{
	display: inline-block;
	width: auto;
	border-radius: 6px;
	border: #a3b2d1 1px solid;
	overflow: hidden;
	box-shadow: 1px 2px 10px -2px rgba(0,0,0,0.3);
}
.p-rel_bn--inline .rollover{
	transition: opacity 0.3s;
}

/*p-btn_large--green*/
.p-large_btn--green{ /*a tag*/
	display: block;
	flex: 0 0 auto;
	width: auto;
	margin: 2rem 0;
	border-radius: 6px;
	background: #32a05a url(/tech/soil_pollution/images/arrow_wh_large_btn.svg) no-repeat 1rem 50%;
	padding: 1.25rem 3.75rem;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.375rem;
	line-height: 1.2;
	box-shadow:1px 2px 12px -1px rgba(0,0,0,0.4);
	transition: background-color 0.3s; 
}
.p-large_btn--green:hover{color: #fff; background-color: #0d7b3c;}
.p-large_btn--green:visited{
	color: #fff;
}

/*contact_area*/
.p-contact_area{
	border-top: #A8B6C8 1px solid;
	margin-top: 40px;
}
.p-contact_area .p-large_btn--green{
	background-image: none;
	display: inline-block;
	margin-top: 1rem;
	text-align: center;
	width: 16rem;
}
.p-contact_txt{
	font-size: 1.625rem;
	line-height: 1;
	font-weight: bold;
	margin-top: 2rem;
}

/*utility*/
.u-line{
	border-bottom: #c1272d 1px solid;
}

/*lb_icon*/
h3.label .lb_icon{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 1.8em;
	right: 10px; top:6px;
	background-color: #D32628;
	line-height: 1;
	color: #fff;
	padding: 0.1em 1em 0em;
	border-radius: 1.8em;
}

/*link line-height*/
#main ul.link li,
#main p.link{
	line-height: 1.5;
}

/****************************

original

******************************/

div#main div.section.narrow {
	padding: 0 0 0 180px;
	width:600px;
}


div#main div.section.narrow .col2 {
	width:290px;
}

div#main div.section.narrow .l {
	margin-right:20px;
}

div#main p.h1_lead2{
	margin-top:30px;
	letter-spacing:0.05em;
}

/*特徴囲み*/

div#body div .feature {
	padding:10px 15px 0px; 
	border: #A8B6C8 2px solid;
	margin-bottom:40px;
	background-color:#f4f4f4;
}
div#body div .feature h3{
	margin:0 0 5px;
	padding:0;
	background:none;
	font-weight:bold;
}
div#body div .feature ul{
	font-size:100%;
}

/*特徴囲み　リストなし*/
div#body div .feature2 {
	padding:10px 15px 10px; 
	border: #A8B6C8 2px solid;
	margin-bottom:40px;
	background-color:#f4f4f4;
}
div#body div .feature2 h3{
	margin:0 0 5px;
	padding:0;
	background:none;
	font-weight:bold;
}
div#body div .feature2 ul{
	font-size:100%;
}


/* kakomi 上下アキ調整 */

div#main div.kakomi2 {
	padding:15px 19px 0px 19px;
	border:#CCCCCC 1px solid;
	margin:10px 0px 20px;
}

div#main div.kakomi2.tm {
	margin-bottom:35px;
}
.kakomi2 .col2 .col{ width:350px;}
.kakomi2 .col3 .col{ width:226px;}
.kakomi2 .col3 .l{ margin-right:21px;}
.kakomi2 .col3 .col_multi_2{ width:473px;}
.kakomi2 .col4 .col{ width:165px;}
.kakomi2 .col4 .col_multi_2{ width:350px;}
.kakomi2 .col4 .col_multi_3{ width:535px;}


/* 数字リスト3 */
div#main ol.list3 {
	margin-bottom: 20px;
}

div#main ol.list3 li {
	margin: 0 0 3px 0em;
	padding-left:5em;
	position:relative;
	text-indent: 0em;
}

div#main ol.list3 li span.number {
	margin-right: 0.5em;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}

/* 数字リスト4 */
div#main ol.list4 {
	margin-bottom: 20px;
}

div#main ol.list4 li {
	margin: 0 0 3px 0em;
	padding-left:1.2em;
	position:relative;
	text-indent: 0em;
}

div#main ol.list4 li span.number {
	margin-right: 0.5em;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}

div#main h3.q_a{
	margin-top: 40px;
	margin-bottom: 10px;
}

/*go_pagetop*/
.go_pagetop_frame {
	position:fixed;
	right:0px;
	bottom:0px;
	width:60px;
	height:60px;
	z-index:2;
	display:none;
}
.go_pagetop_frame img{
	filter: alpha(opacity=70);  -moz-opacity:0.7;  opacity:0.7;
}
.go_pagetop_frame span{
	display:none;
}

@media print {

}

