/* CSS Document */
@import url("reset.css");
@import url("common.css");
@import url("styles.css");

/* h2
---------------------------------------------------------- */
.h2_hanger.free::after{ background-image: url(../img/free/h2_bg.jpg);}

.free_hanger{
	position: relative;
	margin: min(15vh , 40px) 0;
}
.free_hanger::after{
	content: '';
	position: absolute;
	z-index: -1;
	top: 20px;
	left: 0;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background-color: var(--mainBgColor);
	border-radius: 20px;
}

.free_hanger .wp-block-image img{ border-radius: 20px;}

.free_hanger_txt{
	padding: 30px 30px 30px 50px;
	padding-top: calc(30px + min(15vh , 40px));
}
.free_hanger_txt h4{
	margin: 0 0 20px 0;
	border-color: #fff;
}
.free_hanger_txt ul{ margin: 20px 0 0 0;}

@media screen and (max-width: 690px){
	.free_hanger{ gap: 0;}
	.free_hanger::after{
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.free_hanger_txt{ padding: 10px 20px 0;}
	.free_hanger .wp-block-image img{ border-radius: 0 0 30px 30px;}

}