@charset "Shift_JIS";
/* ページベース
--------------------------------------*/
body {
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Verdana,sans-serif;
	font-size:70%;
	color:#444444;
}
img {
	width:100%;
}
#wrapper {
	width: 100%;
	margin:0 auto;
	position:relative;
}
header {
	z-index:1000;
	position: relative;
}
/* ヘッダーバー */
header .head_bar {
	overflow:hidden;
	background: #FFF;
	border-bottom: 2px solid #0358b7;
}
header .head_bar .title {
	width:72.5%;
	margin-left:21.25%;
}
header .head_bar .btn_navi {
	position: absolute;
	top: 0;
	left: 0;
	width:14.68%;
}
/*
header .head_bar .btn_navi.active img {
	visibility:hidden;
}
*/
/* ヘッダー メニュー */
header nav {
	background: #FFF;
	position:absolute;
	top:3%;
	width:100%;
	padding:0;
	box-sizing:border-box;
	z-index:1000;
	display:none;
}
header nav .col1 {
	margin-top: 5%;
}
header nav .col1 li {
	width:100%;
	padding:1% 2%;
	box-sizing:border-box;
}
header nav .close {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 5%;
	padding-top: 11%;
	background: #0358b7 url(../img/btn_close.png) no-repeat center center;
	background-size: 4.84% auto;
}
/* メニューオープン時 コンテンツ */
#overlay {
	display:none;
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	opacity: 0.4;
	background: #000;
	z-index: 900;
}
#contents.active {
	position:fixed;
}
/* フッター */
footer {
	padding-top: 11.2%;
	background: #f5f5f5;
}
footer .foot_msg {
	color:#ffffff;
	line-height:150%;
	padding:3% 0;
}
footer .foot_contact {
	position: relative;
	margin-bottom: 2%;
	border:2px solid #eeeeee;
	border-top: none;
	background: #FFF;
}
	footer .foot_contact:before {
		position: absolute;
		top: 0;
		left: -0.5%;
		display: block;
		content: "";
		width: 101%;
		height: 0;
		border-top: 5px solid #b4ce46;
	}
footer .foot_contact .ttl {
	padding: 2.6% 0 8%;
	text-align: center;
}
footer .foot_contact .ttl img {
	width: 64.33%;
}
footer .foot_contact h3 {
	padding-bottom: 3%;
	border-bottom: 2px solid #7f7f7f;
}
footer .foot_contact h3 img {
	width: 100%;
}

footer .foot_contact {
	padding:4% 0 6%;
}
footer .foot_contact .time {
	overflow:hidden;
	width:100%;
	margin-top:2%;
}
footer .foot_contact .time dt {
	display:block;
	padding:2%;
	text-align:center;
	font-weight:bold;
}
footer .foot_contact .time dd {
	display:block;
	text-align: center;
}
footer .foot_copy {
	background: #FFF url(../img/foot_bdr.png) no-repeat center top;
	background-size: 100% auto;
}
footer .foot_copy .logo {
	padding: 5% 0 2%;
	text-align: center;
}
footer .foot_copy img {
	width: 34.68%;
}
footer .foot_copy .address {
	text-align:center;
	padding:1% 0;
	font-size:78%;
}
footer .foot_copy .copyright {
	text-align:center;
	padding:1% 0;
	font-size:78%;
}

#btn_gotop{
	padding:5% 0 12%;
	position:relative;
}
#btn_gotop a {
	width:17%;
	display:none;
	position:fixed;
	right: 4%;
	bottom: 8%;
}




/* 共通パーツ
--------------------------------------*/
.base_width {
	width:92%;
	margin:0 auto;
	box-sizing:border-box;
}
.inner_width {
	width:96%;
	margin:0 auto;
	box-sizing:border-box;
}
.text {
	line-height:150%;
}
.bg_cream {
	background: #fffef0;
}
.bg_beige {
	background: #f5ebcb;
}
.bg_white {
	background-color:#ffffff;
}
.bg_gray {
	background-color:#edeeed;
}
/*Q&A*/
.qa .scroll {
	/* height: 320px; */
	margin-bottom: 22px;
	overflow-y: auto;
}
.qa .scroll li {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 2%;
}
.qa .scroll li table {
	width: 100%;
}
.qa .scroll li table .question {
	width: 100%;
	height: 52px;
	background: url(../img/ico_q.png) no-repeat 0 0.5em;
	background-size: 38px 38px;
	vertical-align: middle;
	padding: 0 0 0 15%;
	font-size: 114%;
	line-height: 150%;
}
.qa .scroll li table .answer {
	width: 100%;
	height: 52px;
	background: url(../img/ico_a.png) no-repeat 0 0.5em;
	background-size: 38px 38px;
	vertical-align: middle;
	padding: 0 0 0 15%;
	font-size: 114%;
	line-height: 150%;
}

#free .qa {
  padding: 6% 0;
  background: #fefaf1;
}

/* トップページ
--------------------------------------*/
/* ローン一覧 */
#index .loantype {
	padding:6.4% 2% 1%;
}
#index .loantype li{
	margin-bottom:2.3%;
}

/* 申込みボタン */
#index .area_formbtn {
	padding:3% 0;
	color:#ffffff;
}
#index .area_formbtn .btn {
	border-radius:3px;
	padding:0 0 3%;
}
#index .area_formbtn p{
text-align: center;
color:#444444;
}
#index .qa .scroll {
	height: 220px;
}

/* 下層共通
--------------------------------------*/
.notes {
}
.notes li {
	line-height: 1.3;
	text-indent: -2.8em;
	padding-left: 2.8em;
}
.notes_item {
	line-height: 1.8;
}
/* ローン概要 */
.about {
	padding-top: 5%;
	padding-bottom: 4%;
	background: url(../../card/img/bg_about.png) no-repeat center top;
	background-size: 100% auto;
	box-shadow: 0 -8px 5px -5px #e0e0e0 inset;
}

#card .about {
	background: url(../../card/img/bg_about.png) repeat-y center top;
}
	.about .area_formbtn {
		position: relative;
		margin-top: -2%;
	}
		.about .area_formbtn .btn {
			width: 87.33%;
			position: absolute;
			left: 6.335%;
			bottom: 7%;
		}

/* お申し込み方法 */
.howto h3 {
	width: 100%;
	text-align: center;
	padding: 10px 0 12px;
}
	.howto h3 img {
		width: 47.33%;
	}
.howto .guide h3 {
	width: 100%;
	background: none;
	padding: 0;
}
	.howto .guide h3 img {
		width: 100%;
	}

.howto .netentry,
.howto .telentry,
.howto .fax,
.howto .reception,
.howto .guide {
	border:1px solid #e5e5e5;
}
.howto .netentry .inner_width img {
	width: 107%;
	position: relative;
	left: -5%;
	padding-top: 10px;
}
.howto .bdr-btm {
	padding-bottom: 3%;
	border-bottom: 2px solid #7f7f7f;
}
.howto .cs-shop img {
	width: 63.83%;
}
.howto .howto_notes {
	margin: -5px 0 15px;
}

/* アコーディオンエリア */
#contents .toggle_area {
	display:none; 
}
/* 角丸のタイトルボックス */
.round_tit {
	padding: 2% 0;
	border-radius: 13px;
	color:#FFF;
	font-size: 122%;
	text-align: center;
}
/* 注意事項 */
.attention ul.list li {
	line-height: 1.5;
	text-indent: -1em;
	padding-left: 1em;
}
.attention table.list {
	width: 100%;
	border: 1px solid #666;
	margin: 3% 0;
}
.attention table.list th {
	border: 1px solid #666;
	text-align: left;
	padding: 3%;
}
.attention table.list td {
	border: 1px solid #666;
	text-align: right;
	padding: 3%;
}
.attention .readme {
	border: 1px solid #ea0f04;
}
.attention .readme dt {
	background: #ea0f04;
	color: #fff;
	text-align: center;
	padding: 3%;
}
.attention .readme dd {
	border: 1px solid #ea0f04;
	padding: 3%;
}


/* カードローン
--------------------------------------*/
#card .payback .catch img {
	width: 68.83%;
}

#card .payback table {
	width: 100%;
}
#card .payback th {
	background: #ff6a00;
	border: 1px solid #ff6a00;
	border-right: 1px solid #fff;
	text-align: center;
	color: #fff;
	padding: 8px 0px;
}
#card .payback th.price {
	border: 1px solid #ff6a00;
	border-right: 1px solid #ff6a00;
}
#card .payback td {
	border: 1px solid #a29f9f;
	text-align: right;
	padding: 8px 10px;
	background: #FFF;
}
#card .payback td.price {
	background: #fff2e7;
}
#card .round_tit {
	background: #ff6a00;
}

#card .howto {
	background: #fefaf1;
	padding: 6% 0;
}
#card .howto h3 {
	background: #f99f52;
}


/* フリーローン
--------------------------------------*/
#free .payback .catch img {
	width: 68.83%;
}

#free .payback table {
	width: 100%;
}
#free .payback th {
	background: #ff6a00;
	border: 1px solid #ff6a00;
	border-right: 1px solid #fff;
	text-align: center;
	color: #fff;
	padding: 8px 0px;
}
#free .payback th.price {
	border: 1px solid #ff6a00;
	border-right: 1px solid #ff6a00;
}
#free .payback td {
	border: 1px solid #a29f9f;
	text-align: right;
	padding: 8px 10px;
	background: #FFF;
}
#free .payback td.price {
	background: #fff2e7;
}
#free .round_tit {
	background: #ff6a00;
}

#free .howto {
	background: #fefaf1;
	padding: 6% 0;
}
#free .howto h3 {
	background: #ef9392;
}

#free .manual {
  margin: 3% auto 6%;
  width: 92%;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
}
#free .manual > div {
  padding: 10px;
  border-top: 1px solid #333333;
}
#free .manual > div p {
  line-height: 1.8;
}

/* マイカー
--------------------------------------*/
#mycar .payback .catch img {
	width: 68.83%;
}

#mycar .payback table {
	width: 100%;
}
#mycar .payback th {
	background: #ff6a00;
	border: 1px solid #ff6a00;
	border-right: 1px solid #fff;
	text-align: center;
	color: #fff;
	padding: 8px 0px;
}
#mycar .payback th.price {
	border: 1px solid #ff6a00;
	border-right: 1px solid #ff6a00;
}
#mycar .payback td {
	border: 1px solid #a29f9f;
	text-align: right;
	padding: 8px 10px;
	background: #FFF;
}
#mycar .payback td.price {
	background: #fff2e7;
}
#mycar .round_tit {
	background: #ff6a00;
}

#mycar .howto {
	background: #fefaf1;
	padding: 6% 0;
}
#mycar .howto h3 {
	background: #71c2ac;
}
#mycar .point_table {
  margin-top: 3%;
  border-collapse: collapse;
  line-height:1.8;
}
#mycar .point_table td {
  padding:10px;
  border:1px solid #333333;
}

/* リフォーム
--------------------------------------*/
#reform .payback .catch img {
	width: 68.83%;
}

#reform .payback table {
	width: 100%;
}
#reform .payback th {
	background: #ff6a00;
	border: 1px solid #ff6a00;
	border-right: 1px solid #fff;
	text-align: center;
	color: #fff;
	padding: 8px 0px;
}
#reform .payback th.price {
	border: 1px solid #ff6a00;
	border-right: 1px solid #ff6a00;
}
#reform .payback td {
	border: 1px solid #a29f9f;
	text-align: right;
	padding: 8px 10px;
	background: #FFF;
}
#reform .payback td.price {
	background: #fff2e7;
}
#reform .round_tit {
	background: #ff6a00;
}

#reform .howto {
	background: #fefaf1;
	padding: 6% 0;
}
#reform .howto h3 {
	background: #7dccd6;
}

#reform .notice {
	border: 1px solid #ea0f04;
}
	#reform .notice h3 {
		padding: 2% 0;
		background: #ea0f04;
		color: #FFF;
	}
	#reform .notice p {
		padding: 2%;
	}

.attention table.list {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #a29f9f;
	margin: 2% 0 1% 2%;
}
.attention .list th {
	border: 1px solid #a29f9f;
	text-align: left;
	padding: 3% 5%;
	box-sizing: border-box;
}
.attention .list td {
	border: 1px solid #a29f9f;
	text-align: right;
	padding: 3% 5%;
	box-sizing: border-box;
}


/* 教育
--------------------------------------*/
#education .payback .catch img {
	width: 68.83%;
}

#education .payback table {
	width: 100%;
}
#education .payback th {
	background: #ff6a00;
	border: 1px solid #ff6a00;
	border-right: 1px solid #fff;
	text-align: center;
	color: #fff;
	padding: 8px 0px;
}
#education .payback th.price {
	border: 1px solid #ff6a00;
	border-right: 1px solid #ff6a00;
}
#education .payback td {
	border: 1px solid #a29f9f;
	text-align: right;
	padding: 8px 10px;
	background: #FFF;
}
#education .payback td.price {
	background: #fff2e7;
}
#education .round_tit {
	background: #ff6a00;
}

#education .howto {
	background: #fefaf1;
	padding: 6% 0;
}
#education .howto h3 {
	background: #b4ce46;
}


/* 返済共通 */
.about_return{
	width:92%;
	margin:0 auto;
	box-sizing:border-box;
	padding: 5% 0 8% 0;
}

.about_return h3{
	font-weight: bold;
	font-size: 125%;
	color:#fff;
	padding: 15px 0;
}

.about_return p{
	font-size: 116%;
	line-height: 1.5;
	color: #000;
	text-indent: -1em;
	margin-left:1em;
}
.about_return p.ed_eturn-bold{
	font-weight: bold;
}
.about_return table {
	width: 100%;
}
.about_return td{
	padding: 20px 15px 20px 10px;
}
.about_return .return_fw{
	color: #000;
	font-weight: bold;
}

.about_return .ed_return{
	color: #000;
	font-weight: bold;
}

/* フリー該当するすべての費用を含むローンの総費用の代表例 */
#free .about_return table{
	border: solid 2px #ef9392;
}
#free .about_return th {
  width: 50%;
	background: #ef9392;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  color: #fff;
  font-size: 114%;
  line-height: 1.4;
  vertical-align: middle;
}
#free .about_return td {
  width: 50%;
  border-bottom: 1px solid #ef9392;
  border-left: 1px solid #ef9392;
  box-sizing: border-box;
  font-size: 114%;
  line-height: 1.4;
  vertical-align: middle;
}
#free .about_return .ex th {
  padding: 10px 5px;
  width: 20%;
  background: #ef9392;
  border-left: 1px solid #ffffff;
  color: #fff;
  text-align: center;
}
#free .about_return .ex tr th.price {
  background: #f8d7d7;
  border-bottom: 1px solid #ef9392;
  color: #000;
}
#free .about_return .ex td {
  padding: 10px 5px;
  width: 20%;
  text-align: center;
}
.about_return .txt {
  margin: -4% 0 5%;
  text-align: center;
}

/* フリーご返済について */
#free .loan_text {
	margin: 5% auto 10%;
	width: 100%;
}
#free .loan_text div {
	margin: 0 auto 20px;
	width: 92%;
	font-size: 0;
	line-height: 0;
}
#free .loan_text div p {
	display: inline-block;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 1px;
  text-align: center;
	vertical-align: middle;
}
#free .loan_text div > p:nth-child(1) {
  margin-bottom: 3%;
	width: 100%;
	background-color: #ef9392;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
}
#free .loan_text div > p:nth-child(1) span {
	font-weight: 700;
}
#free .loan_text div > p:nth-child(2) {
	width: 100%;
	font-size: 16px;
	font-weight: 700;
  line-height: 1;
	white-space: nowrap;
}
#free .loan_text div > p:nth-child(2) span {
	font-size: 28px;
	font-weight: 700;
}
#free .loan_text > div:nth-child(1) {
	margin: 0 auto 20px;
	text-align:center;
}
#free .loan_text > div:nth-child(1) p {
	display:inline-block;
	margin:0;
	padding:0 0 10px 0;
	width:auto;
	background-color:transparent;
	border-bottom:6px solid #ef9392;
	border-radius:0;
	color:#333333;
	font-size:20px;
	line-height:20px;
}
#free .loan_text > div:nth-child(1) p span {
	font-size:40px;
	line-height:40px;
}
#free .loan_text > div:nth-child(1) p > span:nth-child(1),
#free .loan_text > div:nth-child(1) p > span:nth-child(2) {
	position:relative;
	font-size:20px;
	line-height:20px;
}
#free .loan_text > div:nth-child(1) p > span:nth-child(1):after,
#free .loan_text > div:nth-child(1) p > span:nth-child(2):after {
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	position:absolute;
	top:-20px;
	left:50%;
	margin:0 0 0 -5px;
	background-color:#ef9392;
}

/* フリーキャンペーン実施中 */
#free .campaign {
	margin: 0 auto 8%;
	padding: 5%;
	background: #fef6f6;
	border-top: 3px solid #ef9392;
	border-bottom: 3px solid #ef9392;
	text-align: center;
}

/* 自動車返済*/
#mycar .about_return table{
	border: solid 2px #71c2ac;
}

#mycar .about_return h3{
	background: #71c2ac;
}

/* リフォーム*/
#reform .about_return table{
	border: solid 2px #7dccd6;
}

#reform .about_return h3{
	background: #7dccd6;
}

/* 教育ローン*/
#education .about_return table{
	border: solid 2px #b4ce46;
}

#education .about_return h3{
	background: #b4ce46;
}

/* おまとめローン*/
#omatome .about_return table{
	border: solid 2px #e25857;
}

#omatome .about_return h3{
	background: #e25857;
}

.loan_detail{
	width:92%;
	margin:0 auto;
	box-sizing:border-box;	
	padding: 5% 0 10% 0;
}
.loan_detail img{
	padding-bottom: 15px;
}

.loan_detail li{
	line-height: 1.5;
	text-indent: -1em;
	margin-left:1em;
}

.loan{
	line-height: 1.3;
	text-indent: -1em;
	margin-left:1em;
	padding-bottom: 50px;
}

.t_bold { font-weight:bold !important; }
.t_navy { color:#00336e; }
.font-m { font-size:100% !important; }
.font-s { font-size:90% !important; }
.font-ss { font-size:80% !important; }
.font-color1 { color:#ff0033 !important; }
.f115 {
	font-size:115%;
}

.mt00 { margin-top:0% !important; }
.mt02_1 { margin-top:2% !important; }
.mt02 { margin-top:2% !important; }
.mt03 { margin-top:3% !important; }
.mt04 { margin-top:4% !important; }
.mt05 { margin-top:5% !important; }
.mt06 { margin-top:6% !important; }
.mt08 { margin-top:8% !important; }

.mt02_1 { font-size:110% !important; }

.mb00 { margin-bottom:0% !important; }
.mb02 { margin-bottom:2% !important; }
.mb03 { margin-bottom:3% !important; }
.mb03_1 { margin-bottom:1% !important; 
          font-size:110% !important;}
.mb04 { margin-bottom:4% !important; }
.mb05 { margin-bottom:5% !important; }
.mb08 { margin-bottom:8% !important; }

.pt05 { padding-top:5% !important; }
.pb05 { padding-bottom:5% !important; }

.ta-c { text-align: center;}
.ta-r { text-align: right;}

/* 引き下げ幅折り返し禁止 */
.nowrap {
	display: block;
	margin-right: 5px;
	white-space: nowrap;
}