@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  住宅ローンのご相談
**************************************************
--------------------------------------------------*/
.img_r {
	float: right;
}
.img_l {
	float: left;
}
/* ----- box-shadow ----- */
.effect280 {
	width: 280px;
	position: relative;
}
.effect280:before, .effect280:after {
	background: none repeat scroll 0 0 #777777;
	bottom: 18px;
	box-shadow: 0 15px 10px #777777;
	content: "";
	left: 10px;
	max-width: 280px;
	position: absolute;
	top: 80%;
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	width: 50%;
	z-index: -1;
}
.effect280:after {
    left: auto;
    right: 10px;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
}
.loan_box .catch_copy {
	font-size: 30px;
	color: #333;
	font-family:'ヒラギノ角ゴ Std W8','Hiragino Kaku Gothic Std';
}
#loan_list {
	width: 700px;
	height: 600px;
	background: url(../imgs/loan_bg.jpg) no-repeat;
	position: relative;
}
#loan_list p {
	position: absolute;
	left: 20px;
	top: 420px;
	width: 430px;
	font-family:'ヒラギノ角ゴ Std W8','Hiragino Kaku Gothic Std';
	font-size: 18px;
	line-height: 1.8em;
}
#loan_list p span {
	color: #92870f;
	font-size: 1.3em;
}
#reason_list img {
  border: 1px solid #333;
}
.loan_title {
	font-family:'ヒラギノ角ゴ Std W8','Hiragino Kaku Gothic Std';
	background: #1ABE82;
	line-height: 2.2em;
	color: #FFF;
	font-size: 24px;
	box-shadow: 0 3px 0 #0c9362;
}
#reason_list {
	font-family:'ヒラギノ角ゴ Std W8','Hiragino Kaku Gothic Std';
/*  background: url(../imgs/loan_bg02.jpg) no-repeat right bottom;	*/
/*  background-size: 50% auto;	*/
}
#reason_list dl dt {
	font-size: 20px;
	padding-bottom: 8px;
	padding-left: 10px;
	border-bottom: 3px dotted #382219;
	color: #d15b0c;
}
#reason_list dl dd {
	margin-top: 20px;
	padding-left: 10px;
	font-size: 16px;
	color: #382219;
	line-height: 1.6em;
}

.current_event article p:not(:first-child){
	margin-top:10px;
}

.loan_box .end_text {
	padding: 15px;
  font-family:'ヒラギノ角ゴ Std W8','Hiragino Kaku Gothic Std';
  background: #f1b600;
  font-size: 16px;
  line-height: 1.8em;
  color: #FFF;
  border-radius: 6px;
  box-shadow: 0 3px 0 #b48a08;
}






.title_1 span{
	font-size:16px;
	float:right;
}

.download_box{
	position:relative;
}

.download_btn{
	position:relative;
	top:10px;
	left:220px;
	display:inline-block;
	width:300px;
	margin:0 auto;
	padding:8px 0;
	background-color:#ff9000;
	border-radius:4px;
	text-align:center;
	font-size:15px;
	color:#fff;
}
	.download_btn:after{
		position:absolute;
		content:"";
		display:block;
		width:9px;
		height:9px;
		border-top:1px solid #fff;
		border-right:1px solid #fff;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:25px;
		right:12px;
	}

.download_free{
	position:relative;
	left:240px;
	padding:10px 15px;
	border:#9dca3a 1px solid;
	border-radius:20px;
	font-weight:bold;
	color:#9dca3a;
}

.loan_point{
	list-style-type:disc;
	min-height:175px;
	padding:40px 15px 0;
	background:url("../imgs/loan_tel.png") no-repeat center right;
	background-size:350px 175px;
}
.loan_point li{margin-top:5px;}


.neta_btn{
	position:relative;
	top:10px;
	left:220px;
	display:inline-block;
	width:300px;
	margin:20px auto 0;
	padding:8px 0;
	background-color:#979c9a;
	border-radius:4px;
	text-align:center;
	font-size:15px;
	color:#fff;
}
	.neta_btn:after{
		position:absolute;
		content:"";
		display:block;
		width:9px;
		height:9px;
		border-top:1px solid #fff;
		border-right:1px solid #fff;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:14px;
		right:12px;
	}


/*--------------------------------------------------
**************************************************
  過去の時事ネタ一覧
**************************************************
--------------------------------------------------*/

.neta_list article{
	margin-top:20px;
	padding-bottom:40px;
	border-bottom:#ddd 1px solid;
}

.neta_list article h2{
	margin:5px 0;
	font-size:20px;
}

.neta_list article .desc{
	line-height:1.6em;
}

.neta_list article > a{
	position:relative;
	top:10px;
	left:220px;
	display:inline-block;
	width:300px;
	margin:10px auto 0;
	padding:8px 0;
	background-color:#979c9a;
	border-radius:4px;
	text-align:center;
	font-size:15px;
	color:#fff;
}
	.neta_list article > a:after{
		position:absolute;
		content:"";
		display:block;
		width:9px;
		height:9px;
		border-top:1px solid #fff;
		border-right:1px solid #fff;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:14px;
		right:12px;
	}


/*--------------------------------------------------
**************************************************
  時事ネタ詳細
**************************************************
--------------------------------------------------*/

.left_catch .catch{
	margin-right:30px;
	float:left;
}

.right_catch .catch{
	margin-left:30px;
	float:right;
}

.catch{
	width:290px;
	margin-bottom:20px;
}

.catch img{
	max-width:290px;
	height:auto;
}

.title_1{
	margin-top:40px;
	padding-bottom:10px;
	font-size:20px;
}

.sentence_box p{
	line-height:1.6em;
}

.sentence_box p:not(:first-child){
	margin-top:20px;
}

.next_btn,
.go_list_btn{
	position:relative;
	display:block;
	width:200px;
	height:35px;
	line-height:35px;
	text-align:center;
}
	.next_btn:after,
	.go_list_btn:after{
		position:absolute;
		content:"";
		display:block;
		width:7px;
		height:7px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:14px;
	}

.next_btn{
	background-color:#1bb8ce;
	color:#fff;
	float:right;
}
	.next_btn:after{
		border-top:1px solid #fff;
		border-right:1px solid #fff;
		top: 14px;
		right:10px;
	}

.go_list_btn{
	background-color:#979c9a;
	float:left;
}
	.go_list_btn:after{
		border-left:1px solid #333;
		border-bottom:1px solid #333;
		left:10px;
	}