@charset "UTF-8";

/* ▼ スマホ(767px以下)の場合 */ 
@media screen and (max-width: 767px) {

/* 共通
================================================== */
.pc_no{display:block !important;}
.sp_no{display:none !important;}

.apfs_85{font-size:85%}
.apfs_90{font-size:90%}

.ff_mnc{
	font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight:700;
}
.fs_14{font-size:13px; line-height: 1.5em;}
/* メイン
================================================== */
body {font-size:15px; background:none;}
#main_wp{box-shadow:none; max-width:100%}

@media screen and (max-width: 598px) {
img.hd_conditions{
	width:88%;
	height:auto;
	position: absolute;
	top:80%;
	left:0;
	right:0;
	margin:0 auto;
}
}
/* 用途
================================================== */
.loan-use{
	width:90%;
	margin:0 auto;
	padding:20px 0 15px;
}
.loan-use h2{margin-bottom:0.1em;}
.loan-use h2 span{
	font-size:17px;
	padding:0 0.2em 0.3em;
	border-bottom:dotted 3px #ffe100;
	letter-spacing: 0;
}
.loan-use h3{
	background-image:url("../images/line-wt_l.png"),url("../images/line-wt_r.png");
	background-repeat:no-repeat, no-repeat;
	background-size:30px auto, 30px auto;
	background-position: left bottom, right bottom;
	font-size:22px;
	padding:0.5em 1em 0;
	line-height: 1.6;
}
.loan-use h3 span{font-size:17px;}

.loan-use ul{
	width:100%;
	max-width:500px;
	margin:20px auto 0;
	flex-wrap:wrap;
	justify-content:center;
}
.loan-use ul li{
	width:31%;
	font-size: 14px;
	margin-bottom:0.8em;
}
.loan-use ul li img{
	width:55%;
	max-width:50px;
	margin:0 auto 0.2em;
}
.btn_box{
	padding:60px 0 40px;
}
.btn_box ul{
	width:85%;
	max-width:500px;
	margin:0 auto;
	display:block;
}
.btn_box ul li{width:100%; text-align:center; margin-bottom:0.8em}
.btn_box ul li p{
	background-image:url("../images/line-ylw_l.png"),url("../images/line-ylw_r.png");
	background-repeat:no-repeat, no-repeat;
	background-size:15px auto, 15px auto;
	background-position: left bottom, right bottom;
	font-size:15px;
	padding:0 1.5em 0;
	margin-bottom:0.2em;
}
/* ポイント
================================================== */
.diawt_bk{
	background : url("../images/diawt_sp.jpg") no-repeat top center;
	background-size:100%;
	padding:60px 0 20px;
}
.loan_point{
	width:90%;
	margin:0 auto;
	padding:30px 0 10px;
}
.loan_point h2 img{
	width:75%;
	max-width:400px;
	top:-3%;
}
.loan_pt_inner{
	width:90%;
	margin:20px auto;
	display:block;
	padding-left:0;
}
.loan_pt_img{width:100%; text-align: center;}
.loan_pt_img img{
	width:40%;
	height:auto;
	border-radius:50%;
}
.loan_pt_text{width:100%; padding-top:10px;}
.loan_pt_text h3{
	background: url("../images/check.png") no-repeat left top 0.2em;
	background-size: 23px auto;
	font-size:20px;
	padding:0 0 0 1.8em;
	margin-bottom:0.6em;
}
img.point_illust01{
	width:15%;
	max-width:100px;
	height:auto;
	position: absolute;
	top:-5%;
	left:0;
	bottom:auto;
}
/* 金利
================================================== */
.kinri_wp{
	width:90%;
	margin:10px auto;
}
p.kr_subtitle{
	font-size:18px;
	margin-bottom:0.5em;
}
h2.kr_title{
	font-size:22px;
}
.kinri_01{
	margin:20px auto 15px;
	padding:30px 15px 30px;
}
.kinri_01 ul{
	display: block;
	margin-bottom:0;
}
.kinri_01 ul li{width:70%; max-width:250px; margin:0 auto 0.5em}
.kinri_01 p{font-size:14px;}
.kinri_02{
	width:100%;
	padding:40px 15px 15px;
}
img.kinri_arw{
	width:50%;
	max-width:200px;
	height:auto;
	position: absolute;
	top:-17%;
	right: 0;
  	left: 0;
	margin: 0 auto;
}
.kinri_eco{
	padding: 15px;
	display:block;
}
.eco_text{
	width:100%;
	text-align: center;
}
.eco_pd{
	background: none;
	padding-right:0
}
.eco_text h3{
	font-size:16px;
}
.eco_ps{
	width:100%;
	text-align: center;
	background: url("../images/arw_sp.png") no-repeat center top 0.2em;
	background-size:100% auto;
	padding-top:25px;
}
.eco_ps img{width:60%; max-width:120px; height:auto}

/* 比較
================================================== */
.diabl_bk{
	margin:20px auto 0;
	background: url("../images/diabl_sp.jpg") no-repeat center;
	background-size: cover;
	padding:35px 15px 40px;
}
.diabl_bk h2{
	background-image:url("../images/line-wt_l.png"),url("../images/line-wt_r.png");
	background-repeat:no-repeat, no-repeat;
	background-size:20px auto, 20px auto;
	background-position: left bottom, right bottom;
	font-size:18px;
	padding:0 1.5em 0;
	line-height: 1.5;
}
.diabl_bk h2 span{
	font-size:20px;
}
p.hikaku_p{
	font-size:15px;
	margin-bottom:0.7em;
}
.diabl_bk img{
	width:100%;
	max-width:500px;
	height:auto;
}
p.hikaku_tkp{
	font-size:23px;
	padding:0 0.2em 0.5em;
	border-bottom:dotted 3px #ffe100;
	margin-top:0;
}
p.hikaku_tkp span{font-size:28px; margin-left:0.1em}

.diawt-m_bk{
	width:100%;
	margin:0 auto;
	background: url("../images/diawt-m_sp.jpg") #eaeaea no-repeat top center;
	background-size: 100%;
	padding:35px 0 10px;
}
.hikaku_box{
	width:90%;
	margin:25px auto 35px;
	padding:20px 15px;
	display:block;
}
img.h-point{
	width:23%;
	max-width:85px;
	height:auto;
	position: absolute;
	top:-9%;
	left:-3%;
}
.hikaku_gb, .hikaku_dr{width:100%}
.hikaku_dr{margin-top:20px}
.hikaku_gb h3{
	font-size:17px;
	padding:0.5em 0.4em 0.5em 1.5em;
}
.hikaku_dr h3{
	font-size:16px;
	padding:0.5em;
}
.hikaku_inner{
	padding:0.7em 0.2em 0 0;
	display:flex;
	justify-content:space-between;
}
.hikaku_mark{width:10%;}
.hikaku_text{width:87%; padding-top:0.3em}
.hikaku_text h4{font-size:16px; margin-bottom:0.2em; line-height: 1.5em;}
.hikaku_text p{font-size:14px; line-height: 1.5em;}
.hikaku_last{width:90%; text-align:center; margin:0 auto 20px;}
.hikaku_last h2 img{
	width:90%;
	max-width:450px;
	height:auto;
	margin-bottom:0.2em
}
p.hikaku_lpt{
	font-size:22px;
	line-height:1.6em;
	margin-bottom:0.3em;
}
p.hikaku_lpt span.hp_01{font-size:22px}
span.marker {background: linear-gradient(transparent 75%, #f9f170 75%);}
p.hikaku_spt{font-size:16px;}

/* シミュレーション
================================================== */
.simulation_bk{
	width:100%;
	margin:0 auto;
	padding:60px 0 50px;
	position: relative;
}
.simulation_inner{
	width:90%;
	padding:50px 15px 25px;
}
img.simulation_l_btn{max-width:450px;}
.simulation_inner p{text-align: left;}
.simulation_bk h2 img{
	width:370px;
	height:auto;
	position: absolute;
	top:10px;
	right: 0;
  	left: 0;
	margin: 0 auto;
	z-index:99;
}
img.point_illust02{
	width:10%;
	max-width:50px;
	height:auto;
	position: absolute;
	right:2%;
	bottom:-45%;
}
@media screen and (max-width: 498px) {
	.simulation_bk h2 img{width:280px; top:25px;}
	img.simulation_l_btn{width:100%;}
	img.point_illust02{bottom:-35%;}
}
.simu_btn{
	width:90%;
	max-width:450px;
	margin:50px auto 0;
}
.ps_abs{
	position: absolute;
	bottom:-70px;
}
.simu_btn p{
	background-image:url("../images/line-nv_l.png"),url("../images/line-nv_r.png");
	background-size:10px auto, 10px auto;
	font-size:15px;
	padding:0 1.5em 0;
	margin-bottom:0.5em;
}
/* シミュレーション別途css
================================================== */
.simulationBox{margin-top:20px!important}
.simulationBox .leftSideArea {margin-bottom:10px!important}
.slider_info{
	font-size:10px;
	padding:3px 10px;
	line-height: 1.8em;
}
.sliderBox p.lead{
	color:#01a369;
}
/* 4つのポイント
================================================== */
.point_wp{
	width:85%;
	margin:70px auto 20px;	
}
.point_inner{
	width:100%;
	margin:20px auto 50px;
	display:block;
}
.pt_img{width:100%; min-height:140px; position: relative;}
img.ptw_img{
	width:70%;
	height:140px;
	object-fit: cover;
	float: right;
}
.pt_img img.pt_icon{
	position: absolute;
	width:18%;
	max-width:90px;
	height:auto;
	left:0;
	bottom:0;	
}
.pt_text{width:100%; clear: both;}
.pt_text h2{
	font-size:18px;
	margin-top:0.5em;
	margin-bottom:0.4em;
	padding:0.7em 0 0;
}
.pt_text p{padding:0; font-size:14px; line-height: 1.6em;}

/* 手続きの流れ
================================================== */
h2.step_title{font-size:20px; line-height: 1.5em;}
h2.step_title span{font-size:18px;}
.step_list{
	width:90%;
	margin:20px auto;
	flex-wrap:wrap;
}
.step_inner{
	width:48%;
	padding:0 0.5em 0.8em;
	margin-bottom:0.8em;
}
img.step_no{margin-bottom:0.3em}
.step_inner h3{font-size:16px; margin-bottom:0.3em}
.step_inner p{font-size:13px; line-height: 1.5em;}
.detail_bk{
	padding:30px 0;
}
.detail_wp{
	width:90%;
}
.detail_wp h2{font-size:20px; margin-bottom:0.5em;}
.detail_wp p.detail_jkn{font-size:15px; margin-bottom:0.5em; line-height: 1.6em;}
/* 詳細アコーディオン
================================================== */
.open_title{
	padding:0.8em 0.7em;
	font-size:17px;
	height:55px;
	letter-spacing: 0.05em;
}
.open_title::before{
	right:15px;
	top:17%;
	content: url("../images/open_icsp.png");
}
.open_title.close::before{
	right:15px;
	top:17%;
	content: url("../images/close_icsp.png");
}
.detail_inner {
	padding: 0 15px 20px;
}
.detail_inner h3{
	font-size:16px;
	padding:25px 0 10px;
}
.detail_inner .grn_pt{
	background: url("../images/grn_m.png") no-repeat left 0.2em top 0.4em;
	background-size: 13px auto;
	padding-left:20px;
	margin-botom:0.4em;
}
.dt_point{font-size:90%}
.detail_inner .gray_pt{
	background: url("../images/gray_m.png") no-repeat left 0.2em top 0.5em;
	background-size: 12px auto;
	padding-left:20px;
}
p.dtl_subpt{
	padding-left:0.2em;
	margin-top:0.7em;
}
.more_btn{margin-top:0.8em; margin-bottom:0.7em}
.more_btn a{
	background: url("../images/ylw_arw.png") #314c7a no-repeat right 1em center;
	background-size: 20px auto;
	padding:0.8em 3em 0.8em 1em;
}
.more_btn a:hover{
	background: url("../images/ylw_arw.png") #2b3568 no-repeat right 1em center;
	background-size: 20px auto;
	text-decoration: none;
}
table.detail_tb{
	width:100%;
	border-collapse: collapse;
}
table.detail_tb th, table.detail_tb td {
	border: 1px solid #ccc;
	padding: 0.5em;
}
table.detail_tb thead th{
	line-height: 1.4em;
	font-size:14px
}
table.detail_tb tbody th {font-size:14px}
table.detail_tb tbody td{font-size:16px}
span.dtl_nen{font-size:15px;}
.tb_plus img{ width:40px; height:auto;}
.detail_eco{
	width:100%;
	padding:0.7em;
}
.dteco_pt{font-size:15px;}
.dteco_nen{font-size:16px; margin-left:1.2em; margin-right:0.3em}
.dteco_mns{font-size:18px;}

/* フッター
================================================== */
#footer_wp{
	background: url("../images/footer-bk_sp.jpg") no-repeat top center;
	background-size: cover;
	padding:30px 15px 30px;
}
#footer_wp h2{font-size:18px; margin-bottom:0.7em;}
#footer_wp h3{font-size:15px; margin-bottom:0.3em}
#footer_wp img.tel{
	width:60%;
	max-width:270px;
	margin-bottom:0
}
.footer_copy{padding-top:0; margin:20px auto 90px}
.footer_copy img{
	width:35%;
	max-width:120px;
}
.footer_copy p{font-size:10px;}

/* フッター固定バナー
================================================== */
.fixed-btn {
	padding:1em;
	text-align: center;
	min-height:90px;
}
.fixed-btn ul{width:95%; margin:0 auto}

@media screen and (max-width: 598px) {
	.footer_copy{padding-top:0; margin:20px auto 75px}
	.fixed-btn {min-height:75px; padding:0.7em;}
	.fixed-btn ul{width:100%; max-width:420px; margin:0 auto}
	.fixed-btn ul li{width:49%;}
}
@media screen and (max-width: 398px) {
	.footer_copy{padding-top:0; margin:20px auto 70px}
	.fixed-btn {min-height:70px;}
}

}