/*============================
	Foundation
==============================*/
#page_title{
	height: auto;
}
/*============================
	Layout
==============================*/

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

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

.c-underline--red{
	border-bottom: #e6002d 1px solid;
}

/*---------------
	project
----------------*/

.p-award_info_wrap{
	padding-top: 135px;
}
.p-award_info{
	background-color: #f0f0f0;
	margin: 0;
	text-align: center;
	padding: 0.75rem 0;
	border-bottom: #A8B6C8 1px solid;
}

.p-awardInfo__txt{
	width: 760px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.p-awardInfo__txt li{
	flex: 0 0 auto;
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1;
	color: #e6002d;
	position: relative;
	padding: 0 1.5rem 0 2rem;
}
.p-awardInfo__txt li::before{
	content: "";
	position: absolute;
	top:-18px; left: 0px;
	width: 27px;  height: 36px;
	background: url(/tech/soil_pollution/images/mark_award.png) no-repeat 0px 0px;
}

/*p-m_tron_intro*/
.p-m_tron_intro{
	position: relative;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 2.25rem;
}
.p-m_tron_intro::before{
	content: "";
	width: 170px; height: 150px;
	position: absolute;
	top:-40px; left: 60px;
	background: url(/tech/soil_pollution/m_tron/images/img_hanamaru.png) no-repeat 0px 0px;
}
.p-m_tron_intro::after{
	content: "";
	display: block !important;
	position: absolute;
	top:125%; left: 50%;
	width: 0px;
	border-style: solid;
	border-width: 30px 60px;
	border-color: #32A05A transparent transparent transparent;
}

/*p-mtron_system*/
.p-mtron_system{
	position: relative;
}

.p-mtronSystem__area{
	position: absolute;
	border-radius: 6px;
	background-color:rgba(252,227,64,0.4);
	box-sizing: border-box;
	border: rgba(225,175,48,0.8) 3px solid;
	opacity: 0;
	cursor: pointer;
	transition: opacity 0.2s;
}
.p-mtronSystem__area.is-current{
	opacity: 1;
}
.p-mtronSystem__area::before{
	content:"";
	position: absolute;
	width: 30px; height: 30px;
	z-index: 2;
	background-repeat: no-repeat;
}
#system_area_01{
	width: 108px;
	height: 50px;
	left: 133px; top: 185px;
}
#system_area_01::before{
	top:-15px;
	left: -15px;
	background-image: url(/tech/soil_pollution/m_tron/images/txt_num01_red.png);
}
#system_area_02{
	width: 160px;
	height: 46px;
	left: 304px; top: 178px;
}
#system_area_02::before{
	top:4px;
	left: -20px;
	background-image: url(/tech/soil_pollution/m_tron/images/txt_num02_red.png);
}
#system_area_03{
	width: 230px;
	height: 53px;
	left: 511px; top: 25px;
}
#system_area_03::before{
	top:7px;
	left: -21px;
	background-image: url(/tech/soil_pollution/m_tron/images/txt_num03_red.png);
}
#system_area_04{
	width: 150px;
	height: 62px;
	left: 578px; top: 154px;
}
#system_area_04::before{
	top:5px;
	left: 130px;
	background-image: url(/tech/soil_pollution/m_tron/images/txt_num04_red.png);
}
#system_area_05{
	width: 194px;
	height: 72px;
	left: 44px; top: 59px;
}
#system_area_05::before{
	top:10px;
	left: -19px;
	background-image: url(/tech/soil_pollution/m_tron/images/txt_num05_red.png);
}

/*#system_area_01{
	width: 130px;
	height: 49px;
	left: 115px; top: 208px;
}
#system_area_01::before{
	top:-14px;
	left: -14px;
	background-image: url(/tech/soil_pollution/m_tron/images/txt_num01_red.png);
}
#system_area_02{
	width: 195px;
	height: 54px;
	left: 315px; top: 152px;
}
#system_area_02::before{
	top:9px;
	left: -18px;
	background-image: url(/tech/soil_pollution/m_tron/images/txt_num02_red.png);
}
#system_area_03{
	width: 175px;
	height: 54px;
	left: 376px; top: 29px;
}
#system_area_03::before{
	top:9px;
	left: -22px;
	background-image: url(/tech/soil_pollution/m_tron/images/txt_num03_red.png);
}
#system_area_04{
	width: 148px;
	height: 78px;
	left: 564px; top: 141px;
}
#system_area_04::before{
	top:-18px;
	left: 56px;
	background-image: url(/tech/soil_pollution/m_tron/images/txt_num04_red.png);
}
#system_area_05{
	width: 193px;
	height: 77px;
	left: 48px; top: 20px;
}
#system_area_05::before{
	top:8px;
	left: -18px;
	background-image: url(/tech/soil_pollution/m_tron/images/txt_num05_red.png);
}*/

/*p-system_comment*/
.p-system_comment{
	position: relative;
	min-height: 230px;
}
.p-systemComment__txtbox{
	position: absolute;
	top:0px; left:0px;
	width: 536px;
	box-sizing: border-box;
	border-radius: 6px;
	border: #32a05a 1px solid;
	min-height: 200px;
}
.p-systemComment__txt{
	position: absolute;
	top:15px; left: 15px;
	width: 500px;
	opacity: 0;
	transition: opacity 0.2s;
}
.p-systemComment__txt.is-appear{
	opacity:1;
}
#system_area_def_txt{
	height: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	color: #32A05A;
}
.p-systemComment__txt h4.title{
	margin: 0 0 0.5rem !important;
	padding-left: 40px;
	position: relative;
	color: #32A05A;
}
.p-systemComment__txt .num{
	display: block;
	position: absolute;
	top:-5px; left: 0px;
}

.p-systemComment__dr{
	position: absolute;
	top:0px; left:535px;
}

/*p-tech_memo*/
.p-tech_memo{
	background-color: #32A05A;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0.5rem;
}
.p-tech_memo h4{
	margin: 0 !important;
	color: #fff;
	font-size: 1.375rem!important;
}
.p-tech_memo h4 .sub{
	font-weight: normal;
	display: inline-block;
	padding-left: 10px;
	vertical-align: 2px;
}
.p-techMemo__btn{
	flex: 0 0 auto;
	margin-left: auto;
	width: 355px;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 6px;
	box-shadow: 1px 2px 10px -1px rgba(0,0,0,0.3);
	padding: 0.8rem;
	font-size: 0.9375rem;
}

/*sglb_lite btn*/

.p-tech_memo .sglb_lite{
	flex: 0 0 auto;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 1rem;
}
.p-tech_memo .sglb_lite li{
	flex: 0 0 auto;
	width: 355px;
}
.p-tech_memo .sglb_lite li a{
	display: block;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 6px;
	box-shadow: 1px 2px 10px -1px rgba(0,0,0,0.3);
	padding: 0.8rem;
	font-size: 0.9375rem;
	text-decoration: none;
}
.p-tech_memo .sglb_lite li a.btn_mov{
	background: #fff url(/tech/soil_pollution/m_tron/images/icon_mov.png) no-repeat 10px 14px;
	padding-left: 50px;
}
.p-tech_memo .sglb_lite li a:hover{
	text-decoration: underline;
}

/*tech_contact*/
.p-tech_contact{
	background-color: #32A05A;
	color: #fff;
}
a.p-techContact__btn{
	display: block;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 6px;
	box-shadow: 2px 3px 10px -1px rgba(0,0,0,0.3);
	font-size: 1.375rem;
	font-weight: bold;
	line-height: 1;
	color: #32A05A;
	transition: all 0.3s;
	text-decoration: none;
	padding: 1.5rem 0;
	margin-bottom: 1rem;
	border: #fff 1px solid;
}
a.p-techContact__btn:hover{
	background-color: #0D7B3C;
	color: #fff;
}


/*____movie lightbox__________________*/
.movie_ol{
	position: fixed;
	top:0px; left:0px;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.8);
	display: none;
	opacity: 0;
	z-index: 999;
	transition: opacity 0.4s;
}

.movie_ol.is-appear{
	opacity:1;
}

/*lbox*/
.lbox_body{
	/*width:700px; margin-left:80px;*/
	background:#FFFFFF;
}

/*lbox_header*/
.lbox_header{
	margin:0 0 17px;
}

.lbox_header h1{
	margin: 0; padding: 0;
	font-size: 1rem;
	text-align: center;
}

/*---movie---*/
video{
	width: 100%;
}

.p-movie{
	position: relative;
	width: 700px; /* <-- movie size(width) setting*/
	margin: 0 auto;
}
.p-movie__playLayer{
	display: flex; justify-content: center;
	align-items: center;
	position: absolute;
	top:0px; left:0px;
	width: 100%; height: 100%;
	z-index:20;
	background-color: rgba(0,0,0,0.4);
}
.p-movie__playLayer .c-playLabel{
	width:80px;
	height: auto;
	border-radius: 50%;
	margin-top: -10px;
	background-color: rgba(255,255,255,0.4);
	text-align: center;
	text-decoration: none !important;
}
.c-playLabel img{
	width: 100%;
	height: auto;
}
.p-movie__playLayer:hover .c-playLabel{
	opacity: 0.8;
}

/*---mov_plyr---*/
.plyr button.plyr__play-large{
	display: none;
}
.plyr--audio .plyr__controls{
	/*display: none;*/
}




@media print{

}