/*----------------------------------------------

top.css
target HTML; /loan/webwari/
date created; Nov, 2015

----------------------------------------------*/
*{
	box-sizing:border-box;
}
article {background: url(/loan/webwari/imgs/bg_top01.gif) 0 0 repeat-x;}

.mainvisual {
	background: url(/loan/webwari/imgs/bg_top02.png) center top no-repeat;
	text-align: center;
	padding-top: 35px;
}

.mainvisual h1 {height: 335px;}

.mainvisual p.period {
	background: #f36006;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	height: 55px;
	line-height: 55px;
}

.mainvisual p.period > a{
	color: #fff;
	display: inline-block;
	text-decoration: none;
}

.mainvisual p.period > a:hover{
	text-decoration: underline;
}

.mainvisual p.period > a::before{
	display: inline-block;
    margin-right: 15px;
    content: "";
    background: url(/common/images/arrow_link_r_white.png);
    width: 13px;
    height: 13px;
}

.mainvisual p.period > a::after{
	display: inline-block;
    margin-left: 15px;
    content: "";
    background: url(/common/images/icon_pdf_white.png);
    width: 32px;
    height: 16px;
    vertical-align: middle;
}

.contents {
	padding-top: 45px;
	background: url(/loan/webwari/imgs/bg_bottom01.gif) left bottom repeat-x;
}

.contents .inner {
	background: url(/loan/webwari/imgs/bg_bottom02.png) center bottom no-repeat;
	padding-bottom: 50px;
}

.section_loan {margin-right: -25px;}

.section_loan li{width:455px; text-align: center; float: left; margin:25px 25px 0 0; position:relative}
.section_loan li .icon_new01{
 position: absolute;
 top: -5px;
 left:2px;
 z-index: 1;
}
.section_loan li .icon_new01 img{
 background: none;
}
.section_loan li .icon_deer{position: absolute; top:-25px; right:-15px; z-index:10; background: url(/loan/webwari/imgs/icon_deer01_on.png) 0 0 no-repeat;}
.section_loan li.loan02 .icon_deer{position: absolute; top:-25px; right:-15px; z-index:10; background:url(/loan/webwari/imgs/icon_deer02_on.png) 0 0 no-repeat;}
.section_loan li.loan03 .icon_deer{position: absolute; top:-15px; right:-15px; z-index:10; background:url(/loan/webwari/imgs/icon_deer03_on.png) 0 0 no-repeat;}
.section_loan li.loan04 .icon_deer{position: absolute; top:-3px; right:-25px; z-index:10; background:url(/loan/webwari/imgs/icon_deer04_on.png) 0 0 no-repeat;}
.section_loan li.loan05 .icon_deer{position: absolute; top:-10px; right:-25px; z-index:10; background:url(/loan/webwari/imgs/icon_deer05_on.png) 0 0 no-repeat;}
.section_loan li.loan06 .icon_deer{position: absolute; top:-10px; right:-15px; z-index:10; background:url(/loan/webwari/imgs/icon_deer06_on.png) 0 0 no-repeat;}
.section_loan li a .icon_deer img{background:none;}
.section_loan li a:hover .icon_deer img{visibility:hidden;}
.section_loan li a{
	display: block;
	border: 2px solid #a6c523;
	width: 451px;
	background: #fff;
	padding:2px;
	text-decoration:none;
	color:#333;
}
.section_loan li.loan02 a {border: 2px solid #16b7b9;}
.section_loan li.loan03 a {border: 2px solid #e9bb02;}
.section_loan li.loan04 a {border: 2px solid #9e62b4;}
.section_loan li.loan05 a {border: 2px solid #ed6d1f;}
.section_loan li.loan06 a {border: 2px solid #2397c5;}

.section_loan li a:hover{border-color:#bcd45a;}
.section_loan li.loan02 a:hover{border-color:#50c9cb;}
.section_loan li.loan03 a:hover{border-color:#efcc41;}
.section_loan li.loan04 a:hover{border-color:#b689c7;}
.section_loan li.loan05 a:hover{border-color:#f29257;}
.section_loan li.loan06 a:hover{border-color:#3fa8d2;}

.section_loan li h2{width:447px; height:100px;margin:0 auto;}
.section_loan li a:hover h2 img{visibility:hidden;}

.section_loan li h2{
	font-size:32px;
	width:100%;
	height:90px;
	line-height:90px;
	background:#000;
	font-weight:bold;
	position:relative;
	margin-bottom:24px;
	background:#A6C523;
	color:#fff;
}
.section_loan li h2::after{
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 12.5px 0 12.5px;
	border-color: #A6C523 transparent transparent transparent;
	position:absolute;
	bottom:-13px;
	left:50%;
	margin-left:-12.5px;
}
.section_loan li h2:hover{
	opacity:0.8;
}
.section_loan li.loan02 h2{
	background:#16B7B9;
}
.section_loan li.loan02 h2::after{
	border-color: #16B7B9 transparent transparent transparent;
}

.section_loan li.loan03 h2{
	background:#E9BB02;
}
.section_loan li.loan03 h2::after{
	border-color: #E9BB02 transparent transparent transparent;
}

.section_loan li.loan04 h2{
	background:#9E62B4;
}
.section_loan li.loan04 h2::after{
	border-color: #9E62B4 transparent transparent transparent;
}

.section_loan li.loan05 h2{
	background:#ED6D1F;
}
.section_loan li.loan05 h2::after{
	border-color: #ED6D1F transparent transparent transparent;
}
.section_loan li.loan06 h2{
	background:#2397c5;
}
.section_loan li.loan06 h2::after{
	border-color: #2397c5 transparent transparent transparent;
}

.section_loan li a:hover .lead{
	opacity:0.8;
}
.lead{
	padding:0 20px 20px;
}
.leadText{
	font-size:22px;
	color:#333333;
	font-weight:bold;
}
.leadText-lh25{
	line-height:25px;
}
.leadText-red{
	font-size:26px;
	color:#E40000;
	font-weight:bold;
}
.leadText-big{
	font-size:30px;
	font-weight:bold;
}
.leadText-gr{
	color:#98B810;
}
.leadText-ye{
	color:#E9BB02;
}
.leadText-bg{
	color:#16B7B9;
}
.leadText-pp{
	color:#9E62B4;
}
.leadText-or{
	color:#ED6D1F;
}
.leadText-bu{
	color:#2397c5;
}
.leadText-point{
	font-size:15px;
	margin-top:10px;
}
.leadText-kinri{
	font-size:90px;
	color:#E40000;
	font-weight:bold;
    letter-spacing: -8px;
	padding-right:5px;
     line-height: 100px;
}
.leadText-kinri-medium{
	font-size:70px;
}
.leadText-fs30{
	font-size:30px;
}


.section_loan li a p.btn{background:#f1fbc8; width:451px; height: 90px; display:table-cell; vertical-align:middle;}
.section_loan li.loan02 p.btn {background: #ddfafa;}
.section_loan li.loan03 p.btn {background: #faf2d3;}
.section_loan li.loan04 p.btn {background: #f4e7f9;}
.section_loan li.loan05 p.btn {background: #f7d9c7;}
.section_loan li.loan06 p.btn {background: #daeaf1;}
.section_loan li a p.btn img{background:#f1fbc8;}
.section_loan li.loan02 p.btn img {background: #ddfafa;}
.section_loan li.loan03 p.btn img {background: #faf2d3;}
.section_loan li.loan04 p.btn img {background: #f4e7f9;}
.section_loan li.loan05 p.btn img {background: #f7d9c7;}

.section_notice{background: #f6f6f6; padding:30px 0; line-height: 1.9;}

.openCampaginTxt{
	margin: 15px auto 0;
	padding: 5px;
	border: #E40000 3px solid;
	border-left: #E40000 20px solid;
	border-right: #E40000 20px solid;
	color: #E40000;
	border-radius: 5px;
	width: 90%;
	font-size: 1.2em;
	font-weight: bold;
	background: rgba(228, 0, 0, 0.05);
}