@charset "utf-8";
/*=================================
contents.css
- heading
- column
- text
- link
- list
- table
- unique
- icon
clearfix
================================ */

/* KariruList 
-------------------------------- */
.KariruList {
	margin-bottom: 10px;
	height: 70px;
}
.KariruList:after{
	content : "";
	display : block;
	clear : both;
}
.KariruList li span {
	padding-left: 1em;
}
.KariruList li a {
	position: relative;
	display: table-cell;
	height: auto;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,	#ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,	#ffffff 0%,#eeeeee 100%);
	font-weight: bold;
	font-size: 0.857em;
	color: #EF4136;
	text-decoration: none;
	line-height: 1.2;
	text-align: center;
	min-width: 100px;
}
.KariruList li a:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 10px;
	height: 14px;
	margin-top: -1px;
	background: url(/common/img/com_bg01.png) no-repeat 0px -15px;
}
.KariruList li a:hover {
	background: #fde5e3;
}

/* KariruButton 
-------------------------------- */
.KariruButton01 {
	margin-bottom: 5px;
}
.KariruButton01:after{
	content : "";
	display : block;
	clear : both;
}

.KariruButton01 li a {
	background-color: #86BC1C;
	border-radius: 50px;
	display: block;
	height: 33px;
	font-size: 0.7rem;
	color: #FFF;
	border: 1px solid #E6E6E6;
	text-align: center;
	text-decoration: none;
	min-width: 95px;
	width: 70%;
	margin: auto;
}
.KariruButton01 li.KariruButton02 a{
	background-color: #A3E425;
	padding: 0.15em 0 0em;
	font-size: 1.2rem;
}
.KariruButton03 {
	font-size: 0.7rem;
}

/* リード文 
-------------------------------- */
.KariruLead {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
　	margin-bottom: 10px;
}

/* 背景色 
-------------------------------- */
.backcolorFDF6F6 {
	background-color: #FDF6F6;
	padding: 10px 3px 15px 3px;
}



/*=================================
 PC Only
==================================*/
@media screen and (min-width: 801px){
/* ローンアイコンの幅
-------------------------------- */
.backwidth {
	width: 1000px;
	margin: 0 auto;
}
/* 背景色 
-------------------------------- */
.backcolor777 {
	background-color: #777;
	padding: 15px 3px 8px 3px;
}
.KariruList li {
	position: relative;
	float: left;
	display: table;
	margin: 8px 0 0 8px;
	background-color: #ffffff;
	border: solid 1px #e6e6e6;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #a7a6a6;
	width: 32%;
	height: 100%;
}
.KariruButton01 li {
	float: left;
	display: inline-block;
	margin: 5px 0px 0px 8px;
	width: 32%;
}
.KariruList li.jutaku a:after {
	content: "";
	position: absolute;
	width: 38px;
	height: 36px;
	display: block;
	left: 43%;
	bottom: 2px;
	background: url(/common/img/com_bg01.png) no-repeat 0 -156px;
}
.KariruList li.mycar a:after {
	content: "";
	position: absolute;
	width: 50px;
	height: 36px;
	display: block;
	left: 43%;
	bottom: 2px;
	background: url(/common/img/com_bg01.png) no-repeat -43px -156px;
}
.KariruList li.education a:after {
	content: "";
	position: absolute;
	width: 41px;
	height: 36px;
	display: block;
	left: 43%;
	bottom: 2px;
	background: url(/common/img/com_bg01.png) no-repeat -98px -156px;
}
.KariruList li.freeloan a:after {
	content: "";
	position: absolute;
	width: 30px;
	height: 29px;
	display: block;
	left: 45%;
	bottom: 1px;
	background: url(/common/img/com_bg01.png) no-repeat  -143px -156px;
}
.KariruList li.life-support a:after {
	content: "";
	position: absolute;
	width: 39px;
	height: 36px;
	display: block;
	left: 43%;
	bottom: 2px;
	background: url(/common/img/com_bg01.png) no-repeat -214px -156px;
}
.KariruList li.kantacard a:after {
	content: "";
	position: absolute;
	width: 31px;
	height: 36px;
	display: block;
	left: 43%;
	bottom: 2px;
	background: url(/common/img/com_bg01.png) no-repeat -258px -156px;
}
.KariruList li.reform a:after {
	content: "";
	position: absolute;
	width: 39px;
	height: 36px;
	display: block;
	left: 43%;
	bottom: 2px;
	background: url(/common/img/com_bg01.png) no-repeat -172px -156px;
}

}
/*=================================
 SP Only
==================================*/
@media screen and (max-width: 800px){
/* ローンアイコンの幅
-------------------------------- */
.backwidth {
	width: 100%;
	margin: 0 auto;
}
/* 背景色 
-------------------------------- */
.backcolor777 {
	background-color: #777;
	padding: 13px 3px 7px 3px;
}
.KariruList li {
	position: relative;
	float: left;
	display: table;
	margin: 2.5px 0px 0px 2.5px;
	background-color: #ffffff;
	border: solid 1px #e6e6e6;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #a7a6a6;
	width: 32%;
	height: 100%;
}
.KariruButton01 li {
	float: left;
	display: inline-block;
	margin: 0px 0px 0px 7px;
	width: 31%;
}
.KariruList li.jutaku a:after {
	content: "";
	position: absolute;
	width: 38px;
	height: 36px;
	display: block;
	left: 35%;
	bottom: 2px;
	background: url(/common/img/com_bg01.png) no-repeat 0 -156px;
}
.KariruList li.mycar a:after {
	content: "";
	position: absolute;
	width: 50px;
	height: 36px;
	display: block;
	left: 32%;
	bottom: 2px;
	background: url(/common/img/com_bg01.png) no-repeat -43px -156px;
}
.KariruList li.education a:after {
	content: "";
	position: absolute;
	width: 41px;
	height: 36px;
	display: block;
	left: 34%;
	bottom: 2px;
	background: url(/common/img/com_bg01.png) no-repeat -98px -156px;
}
.KariruList li.freeloan a:after {
	content: "";
	position: absolute;
	width: 30px;
	height: 22px;
	display: block;
	left: 43%;
	bottom: 1px;
	background: url(/common/img/com_bg01.png) no-repeat  -143px -156px;
}
.KariruList li.life-support a:after {
	content: "";
	position: absolute;
	width: 39px;
	height: 36px;
	display: block;
	left: 40%;
	bottom: 2px;
	background: url(/common/img/com_bg01.png) no-repeat -214px -156px;
}
.KariruList li.kantacard a:after {
	content: "";
	position: absolute;
	width: 31px;
	height: 36px;
	display: block;
	left: 39%;
	bottom: 2px;
	background: url(/common/img/com_bg01.png) no-repeat -258px -156px;
}
}
.KariruList li.reform a:after {
	content: "";
	position: absolute;
	width: 39px;
	height: 36px;
	display: block;
	left: 40%;
	bottom: 2px;
	background: url(/common/img/com_bg01.png) no-repeat -173px -156px;

.pinkWrapSP {
    padding: 24px 0px;
}

}
/*=================================
 SP Only ここまで
==================================*/


.iconLink01 a {
	position: relative;
	display: inline-block;
	padding-left: 1em;
	margin-top: 0.3em;
	text-decoration: underline;
        color: #00619e;
        font-size: 13px;
}
.iconLink01 a:before {
	content: "";
	position: absolute;
	top: 0.3em;
	left: 0;
	display: inline-block;
	width: 10px;
	height: 14px;
	background: url(/common/img/com_bg01.png) no-repeat 0 0;
}