/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 25 2026 | 08:45:07 */
/* メインビジュアル */
.p-mainVisual__slide {
    position: relative;
    overflow: hidden;
}

/* 左側の白グラデーション */
.p-mainVisual__slide.c-filterLayer::before {
    content: "";
    position: absolute;
	opacity:1.0;
    inset: 0;
    z-index: 10;

    background: linear-gradient(
    	90deg,
    	rgba(245, 248, 252, 1.0) 0%,
    	rgba(245, 248, 252, 0.9)30%,
    	rgba(245, 248, 252, 0.5) 40%,
    	rgba(245, 248, 252, 0.0) 50%,
    	rgba(245, 248, 252, 0) 100%
	);
}

/* テキストを前面に表示 */
.p-mainVisual__textLayer {
    z-index: 11;
}

@media screen and (max-width:600px) {
	.p-mainVisual__textLayer {
		justify-content:end;
	}
	
	.p-mainVisual__slide.c-filterLayer::before {
		background: linear-gradient(
    		180deg,
			rgba(245, 248, 252, 0) 0%,
			rgba(245, 248, 252, 0) 30%,
			rgba(245, 248, 252, 0.8) 60%,
    		rgba(245, 248, 252, 0.9)70%,
    		rgba(245, 248, 252, 0.9) 0%
		);
	}
}