/* ============================================================================
featuresSection
============================================================================*/
/* bg
--------------------------------- */
	/* bg-01 */
	.bg-01 {
		background: url("../images/features/bg_p_01.png") right -3% top / 26% auto no-repeat;
	}
	/* bg-02 */
	.bg-02 {
		background: url("../images/features/bg_p_02.png") left -3% top 48% / 30% auto no-repeat;
	}
	/* bg-03 */
	.bg-03 {
		background: url("../images/features/bg_p_03.png") right -3% top / 26% auto no-repeat;
	}

@media (max-width:991px){
	/* bg-01 */	
	.bg-01 {
		background-position: right -5% top;
		background-size: 40% auto;
	}
	/* bg-02 */
	.bg-02 {
		background-position: left -5% top 48%;
		background-size: 46% auto;
	}
	/* bg-03 */	
	.bg-03 {
		background-position: right -5% top;
		background-size: 40% auto;
	}}

@media (max-width:600px){
	/* bg-01 */		
	.bg-01 {
		background-position: right -10% top;
		background-size: 50% auto;
	}
	/* bg-02 */
	.bg-02 {
		background-position: left -5% top 50%;
		background-size: 56% auto;
	}
	/* bg-03 */		
	.bg-03 {
		background-position: right -10% top;
		background-size: 50% auto;
	}
}




/* headingFeaturesTtl
--------------------------------- */
	.featuresWrap .headingFeaturesTtl {
		padding-bottom: 0.7em;
		font-weight: 900;
	}

/* -----------------------------------------------------------
featuresBox 
-----------------------------------------------------------*/
	.featuresWrap .featuresBox {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 6px;
	}
	.featuresWrap .featuresBox .featuresUnit {
		padding: 30px;
		background: rgba(255, 255, 255, 0.85);
		border-radius: 10px;
		border: 1px solid rgba(144, 224, 255, 0.5);
		box-shadow: 0 0 10px rgba(165, 215, 234, 0.32);
		backdrop-filter: blur(2px);

	}
	.featuresWrap .featuresBox .featuresUnit .icon {
		display: block;
		margin: 0 auto;
		width: 70px;	
	}
	.featuresWrap .featuresBox .featuresUnit .ttl {
		display: block;
		padding: 0.8em 0 0.5em;
		text-align: center;
		font-size: 2rem;
		font-weight: 800;
		color: var(--color-bl-01);
		line-height: 1.4;
	}
	.featuresWrap .featuresBox .featuresUnit .txt {
		word-break: normal;
		line-height: 1.6;
	}

@media (max-width: 767px) {
	.featuresWrap .featuresBox {
		grid-template-columns: repeat(2, 1fr);
	}	
}
@media (max-width:  600px) {
	.featuresWrap .featuresBox {
		grid-template-columns: repeat(1, 1fr);
	}	
}





/* moreInfoWrap
--------------------------------- */
.moreInfoWrap .moreInfoIcon {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 100px;
}