@charset "utf-8";
/*hero*/
.hero{display:flex;flex-direction:row-reverse;height:580px;}

.hero_img{width:53.21%;}
.hero_img img{width:100%;height:100%;object-fit:cover;display:block;}

.hero_box{display:flex;align-items:center;width:46.79%;background:url(/tmp/img/drug_disposal/hero/bg_right.webp);background-size:cover;padding:20px 30px 20px 60px;}
.hero_box > div{max-width:616px;position:relative;}
.hero_title{color:#504F4F;font-size:28px;font-weight:600;line-height:1;text-transform:uppercase;}
.hero_note{color:#737373;font-size:22px;font-weight:500;line-height:1;margin:28px 0 70px;}

@media(max-width:1480px){
	/*hero*/
	.hero{height:495px;}
	.hero_box{padding-left:43px;}
}

@media(max-width:1050px){
	.hero_title{font-size:25px;}
	.hero_note{font-size:19px;margin:15px 0 30px;}
}

@media(max-width:840px){
	.hero{flex-wrap:wrap;height:auto;}
	.hero_img, .hero_box, .hero_box > div{width:100%;}
	.hero_img{height:250px;}
	
	.hero_box{padding:20px 20px 45px;}
	.hero_box > div{max-width:unset;}
	.hero_title{font-size:27px;}
	.hero_note{margin:25px 0 30px;}
}
/*-*/