@charset "utf-8";

/* ========================================
   Suifeel Finance Application Page - SP
======================================== */

.FinanceApplicationContainer{
	width: 100%;
	padding: 0 20px;
}

.FinanceApplicationIntro{
	padding: 64px 0 0;
}

.FinanceApplicationIntro_inner{
	max-width: none;
}

.FinanceApplicationEyebrow{
	margin-bottom: 18px;
	font-size: 10px;
	letter-spacing: .20em;
}

.FinanceApplicationIntro h1{
	font-size: 26px;
	line-height: 1.6;
	letter-spacing: .045em;
}

.FinanceApplicationIntro_body{
	margin-top: 24px;
}

.FinanceApplicationIntro_body p{
	font-size: 13px;
	line-height: 2.05;
	text-align: left;
}

.FinanceApplicationIntro_body p + p{
	margin-top: 16px;
}

.FinanceApplicationFormSection{
	padding: 68px 0 96px;
}

.FinanceApplicationForm{
	max-width: none;
}

.FinanceApplicationBlock,
.FinanceApplicationNotice,
.FinanceApplicationError,
.FinanceApplicationComplete{
	padding: 34px 22px 38px;
	border-radius: 26px;
	box-shadow: 0 18px 54px rgba(13,11,43,.045);
}

.FinanceApplicationBlock{
	margin-bottom: 48px;
}

.FinanceApplicationBlock_head{
	margin-bottom: 30px;
}

.FinanceApplicationNoticeLabel,
.FinanceApplicationBlockLabel{
	margin-bottom: 14px;
	font-size: 10px;
	letter-spacing: .20em;
}

.FinanceApplicationBlock_head h2,
.FinanceApplicationNotice h2,
.FinanceApplicationError h2,
.FinanceApplicationComplete h2{
	font-size: 22px;
	line-height: 1.6;
}

.FinanceApplicationBlock_head p:not(.FinanceApplicationBlockLabel),
.FinanceApplicationNotice p,
.FinanceApplicationError p,
.FinanceApplicationComplete p{
	margin-top: 20px;
	font-size: 13px;
	line-height: 2;
}

.FinanceApplicationRow{
	display: block;
	padding: 22px 0;
}

.FinanceApplicationRow > label{
	min-height: auto;
	margin-bottom: 12px;
	font-size: 13px;
	line-height: 1.8;
}

.FinanceApplicationRow > label.required::after{
	min-width: 40px;
	height: 21px;
	font-size: 10px;
}

.FinanceApplicationField input,
.FinanceApplicationField select,
.FinanceApplicationField textarea,
.FinanceApplicationFieldGroup input,
.FinanceApplicationFieldGroup select{
	border-radius: 16px;
	font-size: 14px;
}

.FinanceApplicationField input,
.FinanceApplicationField select,
.FinanceApplicationFieldGroup input,
.FinanceApplicationFieldGroup select{
	height: 54px;
	padding: 0 15px;
}

.FinanceApplicationField textarea{
	min-height: 180px;
	padding: 18px 18px;
}

.FinanceApplicationFieldGroup{
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

.FinanceApplicationFieldGroup:has(input:nth-child(3)){
	grid-template-columns: 1fr;
}

.FinanceApplicationRadio{
	display: block;
	min-height: auto;
}

.FinanceApplicationRadio label{
	display: flex;
	margin-bottom: 12px;
	font-size: 13.5px;
}

.FinanceApplicationRadio label:last-child{
	margin-bottom: 0;
}

.FinanceApplicationSummary{
	margin-top: 34px;
	padding: 24px 20px;
	border-radius: 24px;
}

.FinanceApplicationSummary dl div,
.FinanceApplicationConfirmList div{
	display: block;
	padding: 18px 0;
}

.FinanceApplicationSummary dt,
.FinanceApplicationConfirmList dt{
	margin-bottom: 6px;
	font-size: 12.5px;
	line-height: 1.8;
}

.FinanceApplicationSummary dd,
.FinanceApplicationConfirmList dd{
	font-size: 14px;
	line-height: 1.9;
}

.FinanceApplicationAssist{
	font-size: 11.5px;
	line-height: 1.8;
}

.FinanceApplicationAuthorizationSteps{
	display: block;
	border-top: 1px solid rgba(13,11,43,.08);
	border-bottom: 1px solid rgba(13,11,43,.08);
}

.FinanceApplicationAuthorizationSteps div{
	display: grid;
	grid-template-columns: 54px 1fr;
	align-items: center;
	min-height: auto;
	padding: 18px 0;
	text-align: left;
	background: transparent;
}

.FinanceApplicationAuthorizationSteps div + div{
	border-left: none;
	border-top: 1px solid rgba(13,11,43,.08);
}

.FinanceApplicationAuthorizationSteps span{
	margin: 0;
	font-size: 20px;
	text-align: center;
}

.FinanceApplicationAuthorizationSteps p{
	font-size: 12.5px;
}

.FinanceApplicationDownloadBox{
	padding: 24px 20px;
	border-radius: 24px;
}

.FinanceApplicationSubBtn{
	width: 100%;
	min-width: 0;
	height: 54px;
}

.FinanceApplicationPrivacy{
	margin-top: 56px;
	padding: 32px 22px 36px;
	border-radius: 26px;
}

.FinanceApplicationPrivacy_box{
	height: 220px;
	padding: 22px 20px;
	border-radius: 20px;
}

.FinanceApplicationPrivacy_box p{
	font-size: 12px;
	line-height: 1.95;
}

.FinanceApplicationPrivacyNotice{
	font-size: 12px;
	text-align: left;
}

.FinanceApplicationPrivacyCheck{
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 13px;
	text-align: left;
}

.FinanceApplicationSubmitArea{
	margin-top: 52px;
}

.FinanceApplicationSubmitBtn,
.FinanceApplicationBackBtn{
	width: 100%;
	min-width: 0;
	height: 58px;
	margin: 0 0 14px;
	font-size: 13px;
}

.FinanceApplicationBackBtn{
	margin-left: 0;
}

.FinanceApplicationCompleteNotes{
	margin-top: 36px;
	padding: 26px 22px;
	border-radius: 24px;
}

.FinanceApplicationCompleteNotes h3{
	font-size: 18px;
}

.FinanceApplicationCompleteNotes li{
	font-size: 13px;
}