/* CSS Document */

.travel_ttl_area h1{
	text-align:center;
	margin-top:20px;	
}

.block01{
	text-align:center;
	margin-top:60px;
	background:#eaffe3;	
}

.block02 h3{
	text-align:center;
	margin-top:60px;	
}

.block02 ul.list01{
	width:750px;
	margin:40px auto 0;	
}

.block02 ul.list01 li{
	margin-bottom:20px;
	border-bottom:solid 2px #007440;
	padding:0 0 10px 80px;
	font-size: 20px;
	line-height: 1.85;
	position:relative;
	font-weight:bold;
}

.block02 ul.list01 li span{
	display:block;
	font-size:15px;
	font-weight:normal;
}

.block02 ul.list01 li:before{
	content:"";
	display:block;
	width:61px;
	height:61px;
	background:url(../images/loan/reverse_mortgage/block02_icon01.png) no-repeat left top;
	background-size:100% auto;
	position:absolute;
	left:0;
	top:5px;
}


.block02 ul.list01 li:nth-child(2),
.block02 ul.list01 li:nth-child(3){
	line-height: 1.7;
	padding-bottom:20px;
}

.block02 ul.list01 li:nth-child(2):before{
	background:url(../images/loan/reverse_mortgage/block02_icon02.png) no-repeat left top;
	background-size:100% auto;	
}

.block02 ul.list01 li:nth-child(3):before{
	background:url(../images/loan/reverse_mortgage/block02_icon03.png) no-repeat left top;
	background-size:100% auto;	
}

.block02 ul.list01 li:nth-child(2):before,
.block02 ul.list01 li:nth-child(3):before{
	top:-0px;
}

.block02 .image01{
	text-align:center;
	margin-top:40px;	
}

.block02 .inner1,
.block02 .inner2,
.block02 .inner3{
	width:800px;
	height:125px;
	margin:60px auto 0;
	background:url(../images/loan/reverse_mortgage/block02_bg01.png) no-repeat left top;
	background-size:100% auto;	
	padding-left:80px;
	box-sizing:border-box;
}



.block02 .inner2{
	background:url(../images/loan/reverse_mortgage/block02_bg02.png) no-repeat left top;
	background-size:100% auto;
	margin-top:35px;
}
.block02 .inner3{
	background:url(../images/loan/reverse_mortgage/block02_bg03.png) no-repeat left top;
	background-size:100% auto;
	margin-top:35px;
	height:167px;
}

.block02 .inner1 ul li,
.block02 .inner1 p,
.block02 .inner2 ul li,
.block02 .inner2 p,
.block02 .inner3 ul li,
.block02 .inner3 p{
	font-size: 20px;
	color: rgb(0, 0, 0);
	font-weight: bold;
	line-height: 1.85;
}

.block02 .inner3 ul.mt0{
	margin-top:0;
	padding-top:0;	
}

.block02 .inner1 p,
.block02 .inner3 p{
	font-size:15px;
	font-weight:normal;
	line-height:1.5;	
}

.block02 .inner1 ul li,
.block02 .inner2 ul li,
.block02 .inner3 ul li{
	padding-left:1em;
	text-indent:-1em;	
}

.block02 .inner2 ul{
	padding-top:25px;	
}

.block02 .inner3 ul{
	padding-top:0px;	
}

.block02 .inner4{
	width:800px;
	margin:40px auto 0;	
	background:#f2f2f2;
	padding:28px 35px 25px;
	box-sizing:border-box;
}

.block02 .inner4 .ttl{
	font-size:15px;
	font-weight:bold;
	position:relative;
}

.block02 .inner4 .ttl:before{
	content:"";
	display:inline-block;
	background:url(../images/loan/reverse_mortgage/block02_icon04.png) no-repeat left top;
	background-size:100% auto;
	width:28px;
	height:24px;
	position:relative;
	margin-right:7px;
	top:3px;
}

.block02 .inner4 ul{
	margin-top:6px;	
}

.block02 .inner4 ul li{
	font-size: 14px;
	line-height: 1.929;
}

.block02 .inner1 ul,
.block02 .inner2 ul,
.block02 .inner3 ul,
.block02 .inner3 p{
	padding-left:100px;	
	position:relative;
}

.block02 .inner1 ul{
	position:relative;
}	

.block02 .inner1 ul.li01:before,
.block02 .inner2 ul.li01:before{
	content:"Ⅰ・Ⅱ・Ⅲ";
	display:block;
	width:100px;
	text-align:right;
	position:absolute;
	left:-10px;
	top:3px;
	font-size:20px;
}

.block02 .inner1 ul.li02,
.block02 .inner2 ul.li02{
	margin-top:10px;
	padding-top:0;	
}

.block02 .inner2 ul.li01{
	padding-top:0;	
}

.block02 .inner1 ul.li02:before,
.block02 .inner2 ul.li02:before{
	content:"Ⅳ";
	display:block;
	width:100px;
	text-align:right;
	position:absolute;
	left:-10px;
	top:3px;
	font-size:20px;
}

.block02 .inner1 p{
	padding-left:100px;	
}

.block02 .inner1{
	height:270px;
	border-bottom:solid 2px #00a5e3;
	background:none;
	position:relative;
}

.block02 .inner1:before{
	content:"";
	display:block;
	width:60px;
	height:270px;
	background:url(../images/loan/reverse_mortgage/block02_bg01_new.png) no-repeat left center #00a5e3;	
	background-size:60px auto;
	position:absolute;
	left:0;
	top:0;
}


.block02 .inner2{
	height:135px;
	border-bottom:solid 2px #f6ab00;
	background:none;
	position:relative;
}

.block02 .inner2:before{
	content:"";
	display:block;
	width:60px;
	height:135px;
	background:url(../images/loan/reverse_mortgage/block02_bg02_new.png) no-repeat left center #f6ab00;	
	background-size:60px auto;
	position:absolute;
	left:0;
	top:0;
}

.block02 .inner3{
	height:135px;
	border-bottom:solid 2px #8ec555;
	background:none;
	position:relative;
}

.block02 .inner3:before{
	content:"";
	display:block;
	width:60px;
	height:135px;
	background:url(../images/loan/reverse_mortgage/block02_bg03_new.png) no-repeat left center #8ec555;	
	background-size:60px auto;
	position:absolute;
	left:0;
	top:0;
}

.block02 .inner3 ul{
	padding-top:20px;	
}

@media (max-width:1050px) {
	
	.block02 .inner1:before,
	.block02 .inner2:before,
	.block02 .inner3:before{
		display:none;
	}	
	
	.block02 .inner1 ul:before,
	.block02 .inner2 ul:before,
	.block02 .inner3 ul:before{
		display:block !important;
		position:relative !important;
		left:-4vw !important;
		top:auto !important;
		width:100% !important;
		text-align:left !important;
		font-size: 4.2vw !important; 
	}	
	
	.block02 .inner1 ul,
	.block02 .inner2 ul,
	.block02 .inner3 ul,
	.block02 .inner1 ul li,
	.block02 .inner2 ul li,
	.block02 .inner3 ul li,
	.block02 .inner1 p,
	.block02 .inner2 p,
	.block02 .inner3 p{
		padding-left:0 !important;
	}	
	
	.block02 .inner1 ul,
	.block02 .inner2 ul,
	.block02 .inner3 ul{
		padding-left:4vw !important;
		
	}
	
	.block02 .inner1,
	.block02 .inner2,
	.block02 .inner3{
		padding-bottom:5vw  !important;	
	}	
	
	.reverse_mortgage img{
		width:100%;
		height:auto;	
	}
	
	
	
	.travel_ttl_area h1{
		text-align:center;
		margin-top:5%;	
	}
	
	.block01{
		text-align:center;
		margin-top:8vw;
	}
	
	.block02 h3{
		text-align:center;
 		margin:8vw auto 0;	
		width:90%;
	}
	
	
	.block02 .image01{
		width:90%;
		margin:8vw auto 0;
		text-align:center;
	}
	
	.block02 .image01 img{
		width:100%;
		height:auto;	
	}
	
	.block02 .inner1,
	.block02 .inner2,
	.block02 .inner3{
		width:90%;
		height:auto;
		margin:8vw auto 0;
		background:url(../images/loan/reverse_mortgage/block02_bg01_sp.png) no-repeat left top;
		background-size:10vw auto;	
		padding-left:14vw;
		box-sizing:border-box;
	}
	
	.block02 .inner2{
		background:url(../images/loan/reverse_mortgage/block02_bg02_sp.png) no-repeat left top;
		background-size:10vw auto;
		margin-top:8vw;
	}
	.block02 .inner3{
		background:url(../images/loan/reverse_mortgage/block02_bg03_sp.png) no-repeat left top;
		background-size:10vw auto;
		margin-top:8vw;
		height:auto;
	}
	
	.block02 .inner1 ul li,
	.block02 .inner1 p,
	.block02 .inner2 ul li,
	.block02 .inner2 p,
	.block02 .inner3 ul li,
	.block02 .inner3 p{
		font-size: 4.2vw;
	}
	
	.block02 .inner1 p,
	.block02 .inner3 p{
		font-size:3.6vw;
	}
	
	.block02 .inner1 ul li,
	.block02 .inner2 ul li,
	.block02 .inner3 ul li{
		padding-left:1em;
		text-indent:-1em;	
	}
	
	.block02 .inner2 ul{
		padding-top:0;	
	}
	
	.block02 .inner3 ul{
		padding-top:0;	
	}
	
	.block02 .inner4{
		width:90%;
		margin:8vw auto 0;	
		background:#f2f2f2;
		padding:4vw 5vw 3.5vw;
		box-sizing:border-box;
	}
	
	.block02 .inner4 .ttl{
		font-size:3.6vw;
		font-weight:bold;
		position:relative;
	}
	
	.block02 .inner4 .ttl:before{
		content:"";
		display:inline-block;
		background:url(../images/loan/reverse_mortgage/block02_icon04.png) no-repeat left top;
		background-size:100% auto;
		width:6vw;
		height:6vw;
		position:relative;
		margin-right:3vw;
		top:2vw;
	}
	
	.block02 .inner4 ul{
		margin-top:2vw;	
	}
	
	.block02 .inner4 ul li{
		font-size: 3.4vw;
		padding-left:1em;
		text-indent:-1em;	
	}
}

.block03{
	width:950px;
	margin:90px auto 0;	
}

.block03 h3{
	text-align:center;	
}

.block03 .inner{
	border-style: solid;
	border-width: 5px;
	border-color: rgb(255, 146, 146);
	border-radius: 20px;
	background-color: rgb(255, 255, 255);
	position:relative;
	padding:45px 130px 40px;
	margin-top:70px;
}

.block03 .inner.inner2{
	border-color:#f4a419;	
}
.block03 .inner.inner3{
	border-color:#579dd2;	
}

.block03 .inner.inner4{
	border-color:#3a9840;	
}

.block03 .inner h4{
	position:absolute;	
	width:100%;
	text-align:center;
	top:-30px;
	left:0;
}

.block03 .inner h5{
	margin-top:15px;
	font-size:18px;
	color:#ff9292;
	border-bottom:solid 2px #ff9292;
	padding-bottom:6px;	
}

.block03 .inner.inner2 h5{
	color:#f4a419;
	border-bottom:solid 2px #f4a419;	
}
.block03 .inner.inner3 h5{
	color:#579dd2;
	border-bottom:solid 2px #579dd2;	
}
.block03 .inner.inner4 h5{
	color:#3a9840;
	border-color:#3a9840;	
}

.block03 .inner ul{
	margin-top:10px;	
}

.block03 .inner ul li{
	font-size: 16px;
	color: rgb(0, 0, 0);
	line-height: 1.875;
}

.block03 .inner ul li.ttl{
	font-weight:bold;	
}

@media (max-width:1050px) {
	.block03{
		width:90%;
		margin:12vw auto 0;	
	}
	
	.block03 h3{
		text-align:center;	
	}
	
	.block03 .inner{
		border-style: solid;
		border-width: 3px;
		border-color: rgb(255, 146, 146);
		border-radius: 20px;
		background-color: rgb(255, 255, 255);
		position:relative;
		padding:8vw 10vw 6vw;
		margin-top:70px;
	}
	
	.block03 .inner.inner2{
		border-color:#f4a419;	
	}
	.block03 .inner.inner3{
		border-color:#579dd2;	
	}
	
	.block03 .inner h4{
		position:absolute;	
		width:70%;
		text-align:center;
		top:-11vw;
		left:50%;
		margin-left:-35%;
	}
	
	
	.block03 .inner h5{
		margin-top:2vw;
		font-size:3.8vw;
		color:#ff9292;
		border-bottom:solid 2px #ff9292;
		padding-bottom:2vw;	
	}
	
	.block03 .inner.inner2 h5{
		color:#f4a419;
		border-bottom:solid 2px #f4a419;	
	}
	.block03 .inner.inner3 h5{
		color:#579dd2;
		border-bottom:solid 2px #579dd2;	
	}
	
	.block03 .inner ul{
		margin-top:3vw;	
	}
	
	.block03 .inner ul li{
		font-size: 3.6vw;
		padding-left:1em;
		text-indent:-1em;	
	}
	
}

.tab_area{
	margin-top:80px;	
}

.tab_area.active1{
	border-bottom:solid 5px #ff9292;	
}

.tab_area.active2{
	border-bottom:solid 5px #f4a419;
}

.tab_area.active3{
	border-bottom:solid 5px #579dd2;	
}

.tab_area.active4{
	border-bottom:solid 5px #3a9840;	
}

.tab_area ul{
	width:980px;
	margin:0 auto;	
}

.tab_area ul li{
	width:230px;
	float:left;	
	margin-right:20px;
	float:left;
	position:relative;
	top:4px;
}
/*
.tab_area ul li:nth-child(1){
	top:11px;	
}
*/
.tab_area ul li.active{
	top:0;
}

.tab_area ul li:last-child{
	margin-right:0;	
}

@media (max-width:1050px) {
	.tab_area{
		margin-top:12vw;	
	}
	
	.tab_area.active1{
		border-bottom:solid 3px #ff9292;	
	}
	
	.tab_area ul{
		width:98.4vw;
		margin:0 auto;	
	}
	
	.tab_area ul li{
		width:24vw;
		float:left;	
		margin-right:0.8vw;
		top:auto !important;
	}
	
	.tab_area ul li.active{
		top:auto;
	}
	
	.tab_area ul li:last-child{
		margin-right:0;	
	}

}

.tab_block{
	width:1000px;
}

.tab_block h4{
	font-size:18px;
	color:#ff9292;
	border-bottom:solid 2px #ff9292;
	padding-bottom:6px;		
}

.tab_block.tab2 h4{
	border-color:#f4a419;
	color:#f4a419;
}

.tab_block.tab3 h4{
	border-color:#579dd2;
	color:#579dd2;
}

.tab_block.tab4 h4{
	border-color:#3a9840;
	color:#3a9840;
}

.tab_block h4 span{
	font-size:14px;	
}

.tab_block .inner{
	margin-top:40px;
}

.tab_block .inner.mt0{
	margin-top:0;	
}

.tab_block .inner .inner_l{
	width:470px;
	float:left;	
}

.tab_block .inner .inner_r{
	width:470px;
	float:right;	
}

.tab_block .inner ul{
	margin-top:10px;	
}

.tab_block .inner ul li{
	font-size: 14px;
	color: rgb(0, 0, 0);
	line-height: 1.875;
	padding-left:1em;
	text-indent:-1em;	
}

.tab_block .inner ul li.ttl{
	font-size: 16px;
	font-weight:bold;	
}

.tab_block .inner p{
	font-size: 14px;
	color: rgb(0, 0, 0);
	line-height: 1.875;
	margin-top:10px;	
}

.tab_block .inner p.min{
	font-size:12px;	
}

span.min2{
	display:block;
	font-size:12px;	
}

@media (max-width:1050px) {
	.tab_block{
		margin:0 auto 0;
		width:100%;
	}
	
	.tab_block h4{
		font-size:3.8vw;
		color:#ff9292;
		border-bottom:solid 2px #ff9292;
		padding-bottom:2vw;	
	}
	
	.tab_block.tab2 h4{
		border-color:#f4a419;
		color:#f4a419;
	}
	
	.tab_block.tab3 h4{
		border-color:#579dd2;
		color:#579dd2;
	}
	
	.tab_block h4 span{
		font-size:3.4vw;	
	}
	
	.tab_block .inner{
		margin-top:5vw;
	}
	
	.tab_block .inner.mt0{
		margin-top:0;	
	}
	
	.tab_block .inner .inner_l{
		width:100%;
		float:none;	
	}
	
	.tab_block .inner .inner_r{
		width:100%;
		float:none;	
		margin-top:2vw;
	}
	
	.tab_block .inner ul{
		margin-top:3vw;	
	}
	
	.tab_block .inner ul li{
		font-size: 3.4vw;
		padding-left:1em;
		text-indent:-1em;	
	}
	
	.tab_block .inner ul li.ttl{
		font-size: 3.6vw;
		font-weight:bold;	
	}
	
	.tab_block .inner p{
		font-size: 3.4vw;
		margin-top:2vw;	
	}	
	
	.tab_block .inner p.min{
		font-size:3.2vw;	
	}
	
	span.min2{
		display:block;
		font-size:3.2vw;	
	}
}

.tab_block .inner2{
	background:#f2f2f2;	
	margin-top:70px;
}

.tab_block .inner2 .inner2_l{
	width:58px;
	text-align:center;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	height:100%;
	padding-top:110px;
}

.tab_block .inner2 .inner2_l.long{
	padding-top:130px;	
}

.tab_block .inner2 .inner2_r{
	width:940px;
	float:right;	
	border-left:solid 2px #FFF;	
	padding:28px 0 22px;
}

.tab_block .inner2 .inner2_r .txt01{
	 text-align:center;	
	 font-size:14px;
}

.tab_block .inner2 .inner2_r table{
	width:830px;
	margin:23px auto 0;	
}

.tab_block .inner2 .inner2_r table th,
.tab_block .inner2 .inner2_r table td{
	background:#FFF;
	border-right:solid 2px #f2f2f2;
	border-bottom:solid 2px #f2f2f2;
	padding:13px 0 11px;
}	

.tab_block .inner2 .inner2_r table th{
	font-size:12px;
	text-align:center;	
}

.tab_block .inner2 .inner2_r table th.th1{
	width:38px;	
}
.tab_block .inner2 .inner2_r table th.th3,
.tab_block .inner2 .inner2_r table th.th4{
	width:110px;	
}

.tab_block .inner2 .inner2_r table td{
	font-size:12px;
	text-align:center;	
}

.tab_block .inner2 .inner2_r table td span{
	font-size:10px;	
}

.tab_block .inner2 .inner2_r table td.td1{
	font-weight:bold;
}

.tab_block .inner2 .inner2_r table td.td2{
	text-align:left;
	padding-left:15px;	
}

.tab_block .inner2 .inner2_r ul{
	width:830px;
	margin:13px auto 0;		
}

.tab_block .inner2 .inner2_r ul li{
	font-size: 10px;
	color: rgb(0, 0, 0);
	line-height: 1.8;		
	padding-left:1em;
	text-indent:-1em;	
}

.tab_block .caution{
	margin-top:50px;	
}

.tab_block .caution li{
	font-size: 10px;
	color: rgb(0, 0, 0);
	line-height: 1.8;
}

@media (max-width:1050px) {
	.tab_block{
		overflow-x:hidden;	
	}
	.tab_block .inner2{
		margin-top:8vw;
		width:100%;
		
	}
	
	.tab_block .inner2 .inner2_l{
		width:100%;
		text-align:center;
		float:none;
		font-size:3.4vw;
		font-weight:bold;
		line-height:1.3;
		height:auto;
		padding-top:5vw !important;
		box-sizing:border-box;
	}
	
	.tab_block .inner2 .inner2_l br{
		display:none;	
	}
	
	.tab_block .inner2 .inner2_r{
		width:100%;
		float:none;	
		border-left:solid 2px #FFF;	
		padding:2vw 0 5vw;
		box-sizing:border-box;
	}
	
	.tab_block .inner2 .inner2_r .txt01{
		 text-align:center;	
		 font-size:3.4vw;
	}
	
	.tab_block .inner2 .inner2_r table{
		width:95%;
		margin:4vw auto 0;	
	}
	
	.tab_block .inner2 .inner2_r table th,
	.tab_block .inner2 .inner2_r table td{
		background:#FFF;
		border-right:solid 2px #f2f2f2;
		border-bottom:solid 2px #f2f2f2;
		padding:3vw 0 2.5vw;
	}	
	
	.tab_block .inner2 .inner2_r table th{
		font-size:3.2vw;
		text-align:center;	
	}
	
	.tab_block .inner2 .inner2_r table th.th1{
		width:7vw;	
	}
	.tab_block .inner2 .inner2_r table th.th3,
	.tab_block .inner2 .inner2_r table th.th4{
		width:18vw;	
	}
	
	.tab_block .inner2 .inner2_r table td{
		font-size:3.2vw;
		text-align:center;	
	}
	
	.tab_block .inner2 .inner2_r table td span{
		font-size:3vw;	
	}
	
	.tab_block .inner2 .inner2_r table td.td1{
		font-weight:bold;
	}
	
	.tab_block .inner2 .inner2_r table td.td2{
		text-align:left;
		padding-left:2vw;	
	}
	
	.tab_block .inner2 .inner2_r ul{
		width:95%;
		margin:3vw auto 0;		
	}
	
	.tab_block .inner2 .inner2_r ul li{
		font-size: 3vw;
		padding-left:1em;
		text-indent:-1em;		
	}
	
	.tab_block .caution{
		margin-top:8vw;	
	}
	
	.tab_block .caution li{
		font-size: 3vw;
		padding-left:3em;
		text-indent:-3em;
	}	
}

span.r{
	color:#d60000;
	text-decoration:underline;
}

.tab_block.tab1,
.tab_block.tab2,
.tab_block.tab3,
.tab_block.tab4{
	transition: all 0.4s;
	
}

.tab_block_ov{
	position:relative;
	margin:45px auto 0;	
	width:1000px;
}

.tab_block.tab1,
.tab_block.tab2,
.tab_block.tab3,
.tab_block.tab4{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
}

.tab_block.tab1{
	position:relative;
}	

.tab_block.tab1.active,
.tab_block.tab2.active,
.tab_block.tab3.active,
.tab_block.tab4.active{
	opacity:1;
}

.tab_block.tab1{
	 padding-bottom:50px;	
}

@media (max-width:1050px) {
	.tab_block_ov{
		position:relative;
		margin:5vw auto 0;	
		width:90%;
	}
	.tab_block.tab1{
		 padding-bottom:10vw;	
	}
}







