@charset "UTF-8";

/*-----------------------------------

	campaign_block

-----------------------------------*/
#campaign_block{
	padding: 60px 0 117px;
}
#campaign_block .intro_box{
	margin: 0 auto 61px;
}
#campaign_block .campaign_wrap{
	gap: 47px;
	align-items: stretch;
}
#campaign_block .campaign_wrap .bg_w{
	width: calc((100% - 47px) / 2);
	padding: 43px 35px;
}
#campaign_block .campaign_wrap .bg_w .img_box{
	max-width: 400px;
	width: 100%;
	margin: 0 auto 29px;
}
#campaign_block .campaign_wrap .bg_w .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#campaign_block .campaign_wrap .bg_w .txt_box .txt_ttl{
	font-size: 18px;
	font-weight: 700;
	padding-left: 11px;
	position: relative;
	margin-bottom: 19px;
}
#campaign_block .campaign_wrap .bg_w .txt_box .txt_ttl::before{
	content: "";
	position: absolute;
	top: 6px;
	/*bottom: 0;*/
	left: 0;
	margin: auto;
	width: 6px;
	height: 25px;
	background: #00A040;
}

#campaign_block .btn_g{
	margin: 100px auto 0;
}

@media screen and (max-width: 840px) {
	#campaign_block .campaign_wrap{
		flex-direction: column;
		gap: 20px;
	}
	#campaign_block .campaign_wrap .bg_w{
		max-width: 500px;
		width: 100%;
		margin: auto;
	}
}
@media screen and (max-width: 640px) {
	#campaign_block{
		padding: 60px 0;
	}
	#campaign_block .intro_box{
		margin: 0 auto 30px;
	}
	#campaign_block .btn_g{
		margin: 40px auto 0;
	}
	#campaign_block .campaign_wrap .bg_w{
		padding: 30px;
	}
	#campaign_block .campaign_wrap .bg_w .txt_box .txt_ttl{
		font-size: 16px;
		margin-bottom: 10px;
	}
	#campaign_block .campaign_wrap .bg_w .txt_box .txt_ttl::before{
		height: 20px;
		top: 7px;
	}
}