/*
 * ローンによるお支払いについて​(/finance/、固定ページ ID 7914)
 *
 * Elementor が生成していた post-7914.css(要素ごとのカスタムCSSを含む)を、
 * docs/tools/elementor-page-to-php.py で page-finance.php のクラス名に書き換えたもの。
 * 汎用クラス(.e-con / .elementor-widget など)の実体は vendor/elementor-base.css、
 * 全ページ共通の既定値は page.css にある。
 * 値の意味は Elementor の設定名そのまま(--padding-top など)。
 */
.p-finance .elementor-element.p-finance__c1 {
	--display:flex;
	--flex-direction:column;
	--container-widget-width:100%;
	--container-widget-height:initial;
	--container-widget-flex-grow:0;
	--container-widget-align-self:initial;
	--flex-wrap-mobile:wrap;
	--margin-top:15px;
	--margin-bottom:15px;
	--margin-left:0px;
	--margin-right:0px;
}
.p-finance .elementor-element.p-finance__c2 {
	--display:flex;
	--margin-top:0px;
	--margin-bottom:80px;
	--margin-left:0px;
	--margin-right:0px;
}
.p-finance .elementor-element.p-finance__c2-1 {
	--display:flex;
	--padding-top:0px;
	--padding-bottom:0px;
	--padding-left:0px;
	--padding-right:0px;
}
.p-finance .elementor-element.p-finance__c2-1-heading {
	text-align:center;
}
.p-finance .elementor-element.p-finance__c2-1-heading .elementor-heading-title {
	color:var( --e-global-color-text );
}
.p-finance .elementor-element.p-finance__c2-2 {
	--display:flex;
	--padding-top:0px;
	--padding-bottom:0px;
	--padding-left:0px;
	--padding-right:0px;
}
.p-finance .elementor-element.p-finance__c2-3 {
	--display:flex;
	--flex-direction:row;
	--container-widget-width:initial;
	--container-widget-height:100%;
	--container-widget-flex-grow:1;
	--container-widget-align-self:stretch;
	--flex-wrap-mobile:wrap;
	--gap:40px 40px;
	--row-gap:40px;
	--column-gap:40px;
	--margin-top:20px;
	--margin-bottom:0px;
	--margin-left:0px;
	--margin-right:0px;
	--padding-top:0px;
	--padding-bottom:0px;
	--padding-left:0px;
	--padding-right:0px;
}
@media(max-width:1024px) {
	.p-finance .elementor-element.p-finance__c2-3 {
		--gap:20px 20px;
		--row-gap:20px;
		--column-gap:20px;
	}
}
@media(min-width:768px) {
	.p-finance .elementor-element.p-finance__c1 {
		--content-width:910px;
	}
	.p-finance .elementor-element.p-finance__c2 {
		--content-width:900px;
	}
}
@media(max-width:767px) {
	.p-finance .elementor-element.p-finance__c1 {
		--padding-top:0px;
		--padding-bottom:0px;
		--padding-left:20px;
		--padding-right:20px;
	}
	.p-finance .elementor-element.p-finance__c2 {
		--margin-top:50px;
		--margin-bottom:50px;
		--margin-left:0px;
		--margin-right:0px;
		--padding-top:0px;
		--padding-bottom:0px;
		--padding-left:20px;
		--padding-right:20px;
	}
	.p-finance .elementor-element.p-finance__c2-1 {
		--gap:50px 50px;
		--row-gap:50px;
		--column-gap:50px;
	}
	.p-finance .elementor-element.p-finance__c2-2 {
		--margin-top:0px;
		--margin-bottom:0px;
		--margin-left:0px;
		--margin-right:0px;
	}
	.p-finance .elementor-element.p-finance__c2-3 {
		--flex-direction:column;
		--container-widget-width:100%;
		--container-widget-height:initial;
		--container-widget-flex-grow:0;
		--container-widget-align-self:initial;
		--flex-wrap-mobile:wrap;
		--margin-top:0px;
		--margin-bottom:0px;
		--margin-left:0px;
		--margin-right:0px;
	}
}
/* Start custom CSS for container, class: .p-finance__c2 */#page_content h1 {
	font-size: 32px;
	line-height: 1.5;
	font-weight: bold;
}
#page_content h2 {
	margin-top: 1.5rem;
	font-size: 26px;
	line-height: 1.5;
	font-weight: bold;
}
#page_content h3 {
	margin-top: 1.5rem;
	font-size: 22px;
	line-height: 1.5;
	font-weight: bold;
}
#page_content h4 {
	margin-top: 1.5rem;
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
}
#page_content p {
	line-height: 1.85;
}
#page_content ul,#page_content ol {
	margin-bottom: .9rem;
}
#page_content li {
	line-height: 1.85;
}
@media (max-width: 767px) {
	#page_content h1 {
		font-size: 28px;
	}
	#page_content h2 {
		font-size: 22px;
	}
	#page_content h3 {
		font-size: 18px;
	}
	#page_content h4 {
		font-size: 14px;
	}
}

/* ---- style.css にあった、このページの Elementor ID(.elementor-7914 / .elementor-element-xxxx)指定のルール。本番では style.css がページCSSより後に読まれるので末尾に置く ---- */
.p-finance__c2-3 a.basic_link {
	max-width: 290px;
}
@media screen and (max-width: 430px) {
	.p-finance__c2-3 a.basic_link {
		max-width: none;
	}
}