@charset "utf-8";

@media print, all and (min-width:641px) {
	#mainArea {
		margin-top: 27px;
	}
}

@media only screen and (max-width: 640px) {
	#mainArea {
		margin-top: 20px;
	}
}

/************************************************
mv
************************************************/
/* top mv */
@media print, all and (min-width:641px) {
	.pMvWrap {
		width: 1120px;
		margin: 0 auto;
		position: relative;
	}
}
/* login */
.mvBlock {
	position: relative;
}
.bnrCarouselBlockMv .imgElm {
	position: relative;
}

@media print, all and (min-width:641px) {
	.loginBlock {
		position: absolute;
		top: 0;
		left: calc(50% + 254px);
		width: 280px;
		height: 350px;
		padding: 10px;
		overflow: hidden;
		background-color: rgba(100, 100, 100, 0.4);
	}
	.loginBlockItem {
		padding: 16px 20px 19px;
		background-color: #fff;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
	}
	.loginBlockItemNote {
		margin-top: 6px;
	}
	.loginBlockItemBtn.login {
		padding: 0.92857rem 0.5rem;
	}
	.mvSlideLinkBtn {
		position: absolute;
		bottom: 50px;
		left: 286px;
		width: 220px;
	}
}

@media only screen and (max-width: 640px) {
	.loginBlock {
		padding: 20px 15px;
	}
	.loginBlockItem {
		padding: 24px 20px 33px;
		background-color: #fff;
	}
	.mvSlideLinkBtn {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		position: absolute;
		bottom: 28px;
		left: 50%;
		max-width: 305px;
		transform: translateX(-50%);
	}
}

/************************************************
ローンカードのご案内
************************************************/
.loanCardSection .colWrap .numFill {
	margin-top: 0;
}
@media print, all and (min-width:641px) {
	.loanCardRead {
		text-align: center;
	}
	.loanCardSection .colWrap {
		margin-top: 57px;
	}
	.loanCardSection .colWrap.type01 > .colItem > .colImg {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media only screen and (max-width: 640px) {
	.loanCardRead {
		text-align: left;
	}
	.loanCardSection .bnrCarouselBlockMv .colWrap.type01 > .colItem {
		margin-bottom: 0;
		padding: 0;
		border-bottom: none;
	}
	.loanCardSection .bnrCarouselBlockMv .colWrap.type01 {
		width: 100%;
		max-width: 375px;
		padding: 0 20px;
	}
}

/************************************************
ご利用・お支払い方法
************************************************/
.useAndPaymentSection .col2Type04 .colItem {
	background-color: #fff;
}
.simulationBlock {
	background-image: url(/loan/img/index_bg_0001.png);background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.simulationImage,
.simulationTtl,
.simulationNote,
.simulationBtn {
	text-align: center;
}
.simulationBtn > a .icon {
	position: relative;
	background-image: none;
}
.simulationBtn > a .icon::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 19px;
	height: 25px;
	transform: translateY(-50%);
	background-image: url(/loan/img/ico_calc_001.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

@media print, all and (min-width:641px) {
	.useAndPaymentSection {
		padding: 90px 0;
	}
	.simulationBlock {
		margin-top: 57px;
		padding: 44px 0 43px;
	}
	.simulationNote {
		margin-top: 13px;
	}
}

@media only screen and (max-width: 640px) {
	.useAndPaymentSection {
		padding: 70px 0;
	}
	.simulationBlock {
		background: url(/loan/img/index_bg_0001_sp.png);
		margin-top: 50px;
		padding: 50px 20px 30px;
	}
	.simulationNote {
		margin-top: 40px;
	}
}

/************************************************
お申込み方法
************************************************/
@media only screen and (max-width: 640px) {
	.colWrap.col2.spCol1 > .colBtnItem {
		width: 100%;
		margin: auto;
	}
	.colWrap.col2.spCol1 > .colBtnItem a,
	.colWrap.col2.spCol1 > .colBtnItem .btnType04 {
		margin-right: auto;
		margin-left: auto;
	}
}

/************************************************
基本情報・貸付条件
************************************************/
.basicInfoSection .table td {
	background-color: #fff;
}

@media print, all and (min-width:641px) {
	.basicInfoSection {
		padding: 92px 0 80px;
	}
}

@media only screen and (max-width: 640px) {
	.basicInfoSection {
		padding: 76px 0 81px;
	}
}

/************************************************
各種照会・お手続き
************************************************/
.inquirySection {
	background: url(/loan/img/index_bg_0002_sp.png) no-repeat center center;
	background-size: cover;
	padding: 50px 0 60px;
	margin-top: 0;
}
.inquirySection .leadType01 {
	font-size: 1.42857rem;
	text-align: center;
}
.videoBox01 {
	width: 100%;
	margin-top: 30px;
}
.videoBox01 .youtubeInner {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.videoBox01 .youtubeInner iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.videoBox01 .text {
	margin-top: 30px;
}
.inquirySection .loginBloc {
	margin: 30px 0 40px;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	padding: 40px 0;
}
.inquirySection .linkBtnWrap01 .colBtnItem {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
}
.inquirySection .linkBtnWrap01 .colBtnItem+.colBtnItem {
	margin-top: 20px;
}
.inquirySection .linkBtnWrap01 .colBtnItem .btnType01 {
	font-size: 1rem;
}

@media print, all and (min-width:641px) {
	.inquirySection {
		background: url(/loan/img/index_bg_0002.png) no-repeat center center;
		padding: 90px 0 80px;
		background-size: cover;
	}
	.inquirySection .leadType01 {
		font-size: 1.71429rem;
	}
	.videoBox01 {
		width: 86.072%;
		margin: 50px auto 0;
		display: -webkit-box;
		display: flex;
		flex-wrap: nowrap;
	}
	.videoBox01 .youtube {
		width: 58.26%;
		margin: 0 3.17% 0 0;
	}
	.videoBox01 .youtubeInner {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.videoBox01 .text {
		width: 37.09%;
		margin-top: 0;
		padding: 10px 0;
	}
	.inquirySection .loginBloc {
		margin: 60px 0;
		padding: 40px 20px;
		border-top: 1px solid #CFCFCF;
		border-bottom: 1px solid #CFCFCF;
	}
	.inquirySection .linkBtnWrap01 {
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
	}
	.inquirySection .linkBtnWrap01>.colBtnItem {
		width: 360px;
		margin-left: 0px;
		margin-right: 20px;
	}
	.inquirySection .linkBtnWrap01 .colBtnItem+.colBtnItem {
		margin-top: 0;
	}
	.inquirySection .linkBtnWrap01>.colBtnItem:nth-child(3n) {
		margin-right: 0px;
	}
	.inquiryOther {
		padding: 0 20px;
	}
}

/************************************************
最新情報
************************************************/
@media print, all and (min-width:641px) {
	.latestInfoBlock {
		padding: 76px 0 82px;
	}
	.latestInfo01 {
		max-width: 970px;
		margin-right: auto;
		margin-left: auto;
	}
	.latestInfo01.cautions {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 640px) {
	.latestInfoBlock {
		padding: 64px 0 84px;
	}
}

/************************************************
ファイナンスコールセンター
************************************************/
.contactAnnotation {
	width: 100%;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}

/************************************************
bottom carousel slider
************************************************/
.addBorderTop {
	border-top: solid 2px #DBDBDB;
}

@media print, all and (min-width:641px) {
	.addBorderTop {
		padding-top: 60px;
	}
}

@media only screen and (max-width: 640px) {
	.addBorderTop {
		padding-top: 40px;
	}
}

/************************************************
print
************************************************/
@media print {
	.loginBlock {
		left: inherit;
		right: 20px;
	}
}