/*===============================================================================
***SWELL用CSS
================================================================================*/
body {
	font-family: var(--swl-font_family);
	background: linear-gradient(90deg, #fff 0%, #fff 80%, #FFFCF4 80%, #FFFCF4 100%);
}
@media (min-width: 600px){
	body {
		background: linear-gradient(90deg, #fff 0%, #fff 60%, #FFFCF4 60%, #FFFCF4 100%);
	}
}

/* パンくずとコンテンツの余白 */
.l-content:has(.p-coverTitleWrap), 
.top #content {
	padding-top: 0;
}

/* コンテンツとCTAの余白を指定する */
.main:not(.aaaaa):not(:last-child) {
	padding-bottom: var(--g-sec--md);
}

/* フッター前とフッターの余白 */
#body_wrap:has(.main) #content {
	margin-bottom: 0;
}

.main {
	position: relative;
}
.main__deco{
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translate(-47%, 75%);
	z-index: -1;
	width: 19rem;
	height: auto;
}
@media (min-width: 600px){
	.main__deco{
		transform: translate(-67%, 56%);
	}
}
.main__deco img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

/*===============================
デフォルトのCSS
=================================*/
figure {
	margin-bottom: 0;
}
img {
	vertical-align: middle;
}
svg {
	color: currentColor;
	height: auto;
}
path {
	fill: currentColor;
}