@charset "utf-8";
@import url("../../apo/apo.css");

h1 {
	display: block;
    margin: 20px 0;
    padding: 0 0 5px;
    border-bottom: solid 2px #187C00;
    font-size: 22px; font-weight: bold; line-height: 1.3em;}


h2 {
	margin: 50px 0 10px; padding: 5px 10px;
	border: solid #76D33C; border-width: 0 0 0 5px;
	font-size: 18px;}
/**============================================================================================**/
/* かんたんローン審査 */
#loan > p.m-t30 { padding: 30px 0 0; border-top: solid #ddd 1px;}
#loan a { text-decoration: underline;}

/* かんたんローン審査とは？ */
#loan .check li { position: relative; margin: 30px 0 0; padding-left: 35px;}
#loan .check li::before {
	content: '';
	display: block; position: absolute; top: 0; left: 0;
	width: 25px; height: 25px;
	background: url("../images/check_w40.png");
	background-size: 100% auto;}

/* こんな方におすすめ */
#loan .step li {
	display: table; table-layout: fixed;
	width: 100%; margin: 0 0 10px;}

#loan .step li:nth-child(odd) {background: #FCFFD3;}

#loan .step li > * { display: table-cell; padding: 10px; vertical-align: middle;}

#loan .step div { width: 95px;}

#loan .step p > * { display: block;}

#loan .step strong { margin: 0 0 5px;}
#loan .step span { margin-left: 1em; text-indent: -1em;}

@media screen and (max-width:699px){
	#loan .step li > * { padding: 10px 5px;}
	#loan .step div { width: 60px; vertical-align: top;}
}

/**============================================================================================**/
/* 必須未入力のアラート */
#form .alrt { 
	display: block; 
	margin: 5px 0 0; 
	color: #FF0000; font-size: 13px;}

/* ご希望の信販会社 */
#form label { display: inline-block; margin: 0 0 15px;}

#form input[type="radio"] { 
	display: inline-block; 
	height: auto; margin: 0 10px 0 0;
	vertical-align: middle;}

#form strong {
	display: block;
	margin: 0 0 15px 1em;
	color: #e00; text-indent: -1em;}

#form .posi-rlt { margin: 20px 0 0;}

/* ジャックス（金利3.9％） */
#form label[for="jaccs"] { margin-left: 24px;}
#jaccs { position: absolute; top: 6px; left: 0;}

/* アコーディオン 表示・非表示エリア */
.area {
  overflow-y: hidden;
  height: 0; margin: 0; padding:0; border:none; opacity: 0;
/*  
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
*/
}

/* アコーディオンをクリックした場合 */
#jaccs:checked ~ .area { height:auto; margin: 0 0 0 20px; opacity: 1;}

/* メールフォームから正常にメールが送れない場合……… */
#form a[href="mailto:neospo@jsp21.co.jp"] { color: #000;}
#form a[href="mailto:neospo@jsp21.co.jp"]:hover { color: #c1272d;}



/* LastUp2025.06.05_kimata */