@charset "UTF-8";
/* CSS Document */
/*===================================================
	ドキュメンツ
===================================================*/
/* --------------------------------------------------
	#maincontents
-------------------------------------------------- */
#maincontents {
	background-color: #fcfcfc;
}
/* --------------------------------------------------
	.maincontents-top
-------------------------------------------------- */
.maincontents-top .searchform {
	background: -webkit-gradient(linear, left top, right top, from(#daf7e0), to(#f2f7da));
	background: -webkit-linear-gradient(left, #daf7e0, #f2f7da);
	background: -o-linear-gradient(left, #daf7e0, #f2f7da);
	background: linear-gradient(to right, #daf7e0, #f2f7da);
	background-size: cover;
	margin: 30px 0 0;
	padding: 0 10px;
	position: relative;
}

.maincontents-top .searchform h1 {
	position: relative;
	top: -15px;
	font-size: 21px;
	color: #6fb42c;
}

.maincontents-top .searchform > div {
	max-width: 1180px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 62px;
}

.maincontents-top .searchform > div p {
	padding: 0;
	margin: 0 0 30px;
	line-height: 1.7;
	letter-spacing: 0;
}

/* --------------------------------------------------
	.maincontentsWrap
-------------------------------------------------- */
.maincontentsWrap {
	padding: 15px 10px;
}

/* --------------------------------------------------
	#maincontentsLinklist
-------------------------------------------------- 
#maincontentsLinklist .container > ul {
	margin-bottom: 40px;
}
#maincontentsLinklist .container > ul > li {
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	position: relative;
	display: block;
	padding: 10px 10px 15px;
	line-height: 1.3;
}
#maincontentsLinklist .container > ul > li + li {
	margin-top: 30px;
}
#maincontentsLinklist .container > ul > li > span {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 2px 10px;
	font-family: 'Roboto';
	font-weight: 700;
	font-size: 16px;
	color: #ffffff;
	background: #f0ba17;
}
#maincontentsLinklist .container > ul > li img {
	display: inline-block;
	margin-bottom: 20px;
}
#maincontentsLinklist .container > ul > li p {
	overflow: hidden;
}
#maincontentsLinklist .container > ul > li p span {
	float: left;
}
#maincontentsLinklist .container > ul > li p time {
	float: right;
	color: #888888;
}
#maincontentsLinklist .container > ul > li h2 {
	margin: 10px 0;
	font-size: 18px;
	color: #42a420;
}
#maincontentsLinklist .container > ul > li h2 a {
	color: #42a420;
}
#maincontentsLinklist .container > ul > li div {
	overflow: hidden;
}
#maincontentsLinklist .container > ul > li div a:first-child {
	float: left;
	padding: 4px 2px 1px;
	background: #eeeeee;
}
#maincontentsLinklist .container > ul > li div p:nth-child(2) {
	float: right;
	padding-left: 20px;
	background: url("../../images/fp/icon-pen.png") left center no-repeat;
	background-size: 16px auto;
}
*/
/* --------------------------------------------------
	.maincontents-title
-------------------------------------------------- 
.maincontents-title {
	padding: 10px 10px 0;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.maincontents-title > div {
	overflow: hidden;
	margin-bottom: 5px;
}
.maincontents-title > div p {
	float: left;
}
.maincontents-title > div p span {
	font-size: 15px;
	color: #6fb42c;
	letter-spacing: 0.05em;
}
.maincontents-title > div p em {
	font-family: 'Roboto';
	font-weight: 700;
	display: inline-block;
	margin-left: 10px;
	padding: 0 10px;
	color: #ffffff;
	line-height: 1.4;
	background: #ee5b5b;
}
.maincontents-title > div time {
	float: right;
	color: #888888;
}
.maincontents-title h1 {
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-size: 19px;
	color: #6fb42c;
	letter-spacing: 0.05em;
	border-bottom: 2px solid #72b52b;
}
.maincontents-title dl {
	padding: 0 15px;
	font-size: 16px;
	background: #f0f0f0;
}
.maincontents-title dl dt {
	position: relative;
	padding: 10px 0 10px 40px;
	border-bottom: 1px solid #cccccc;
}
.maincontents-title dl dt:before {
	content: 'Q.';
	font-family: 'Josefin Sans';
	font-size: 30px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 25px;
	margin: auto 0;
	color: #aaaaaa;
	line-height: 25px;
}
.maincontents-title dl dd {
	position: relative;
	overflow: hidden;
	padding: 10px 0 10px 40px;
}
.maincontents-title dl dd:before {
	content: 'A.';
	font-family: 'Josefin Sans';
	font-size: 30px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 25px;
	margin: auto 0;
	color: #6fb42c;
	line-height: 25px;
}
.maincontents-title dl dd figure {
	float: right;
	margin-left: 10px;
	text-align: center;
}
.maincontents-title dl dd figure img {
	display: inline-block;
	width: 65px;
	margin-bottom: 5px;
}
.maincontents-title dl dd figure a {
	color: #42a420;
}

dl.resume{
	margin: 0 0 0 0;
	paddnig: 0 0;}
dl.resume dt{
	clear: both;
	margin: .5em 0 0 0;
	paddnig: 0 0;
	font-weight: bold;
	color: #666;}
dl.resume dd {
	margin: .5em 0 0 0;
	paddnig: 0 0;}
*/
/* --------------------------------------------------
	#readings
-------------------------------------------------- */
#readings .container {
	margin-bottom: 50px;
}
#readings .container img {
	display: inline-block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin-bottom: 25px;
}
	#readings .container img.img_ranking { width: 100%;margin-right: auto; margin-left: auto;}

.readings-main { margin-bottom: 20px;}
.readings-main a { color: #42a420;}
.readings-main h2 {
	clear: both;
	margin-bottom: 10px;
	font-size: 19px;
	letter-spacing: 0.025em;
}
	.readings-main p + h2,
	.readings-main ul + h2,
	.readings-main ol + h2 {
		margin-top: 1em;}
.readings-main h3 {
	clear: both;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 0 0;
}
	body#taguse .readings-main h3 {
	clear: both;
	margin-bottom: 10px;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 0.025em;
	border: none;
	}
.readings-main h4 {
	clear: both;
	font-size: 16px;
	margin: 16px 0;
	font-weight: bold;
}
.readings-main > p {
	text-indent: 1em;
}
.readings-main > p + p {
	margin-top: .5em;
}
.readings-btm {
	padding-bottom: 40px;
	border-bottom:1px solid #cccccc;
}
.readings-btm > p {
	margin-bottom: 20px;
	text-align: right;
}
.readings-btm > p a {
	color: #42a420;
}
.readings-btm > dl {
	margin-bottom: 25px;
}
.readings-btm > dl ul li {
	padding-left: 15px;
	background: url("../../images/fp/link-arrow_grey.png") left center no-repeat;
	background-size: 5px auto;
}
.readings-btm > dl ul li a {
	color: #42a420;
	line-height: 1.7;
}
.readings-btm > ul {
	clear: both;
	margin: -10px -10px 0 0;
	font-size: 0;
}
.readings-btm > ul li {
	display: inline-block;
	margin: 10px 10px 0 0;
}
.readings-btm > ul li a{
	background: #eeeeee;
	font-size: 14px;
	display: inline-block;
	padding: 2px 4px;
}
/* --------------------------------------------------
	利用規約：段落＆文字修飾
-------------------------------------------------- */
div#regulationText ol, div#regulationText ul {
	width: auto;
	margin: 0.5em 0em 0.5em .5em;
	padding-left: 0em;}
div#regulationText li {
	float: none;
	width: auto;
	margin-left: .7em;
	padding-left: 0em;
	text-indent: -.7em;}
div#regulationText li ol, div#regulationText li ul {
	margin-bottom:0; }
div#regulationText li li {
	margin-left: 2em;
	text-indent: -1.5em;
	margin-bottom: 0;}
div#taguseText ul li {
	list-style: disc;
	margin-left: 2em;}

div#regulationText dl {
	width: auto;
	margin: 0.5em 0em 0.5em 0em;
	padding-left: 0em;}
	div#regulationText dt {
		margin: 1em 0 .5em 0;
		font-size: 110%;
		font-weight: bold;
		color:#336;}
	div#regulationText dd {
	float: none;
	width: auto;
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;}

/* --------------------------------------------------
	.infoList お知らせ（#maincontents-news）
--------------------------------------------------*/
.infoList {
	padding: 0 0 0 0;
}
.infoList > a {
	display: none;
}
.infoList ul {
	max-width: 1010px;
	margin: 0 auto 30px;
	border-top: 1px solid #cccccc;
}
.infoList ul li {
	border-bottom: 1px solid #cccccc;
}
.infoList ul li a {
	display: block;
	padding: 10px;
}
.infoList ul li a div {
	margin-bottom: 10px;
}
.infoList ul li a div span {
	display: inline-block;
	min-width: 90px;
	padding: 2px 4px;
	color: #ffffff;
	text-align: center;
}
.infoList ul li a div time {
	display: inline-block;
	padding-left: 20px;
	color: #444;
}
.infoList ul li a p {
	color: #3f9322;
	text-indent: 0;
}
/* --------------------------------------------------
	news：タグ背景色一括指定
-------------------------------------------------- */
.infoList ul li a div .category-new,
	.infoList ul li a div .category-lender,
	.infoList ul li a div .category-product { background: #6fb42c;}
.infoList ul li a div .category-fpadvice,
	.infoList ul li a div .category-fp { background: #279b9a;}
.infoList ul li a div .category-eloan,
	.infoList ul li a div .category-eloantimes { background: #c7a145;}
.infoList ul li a div .category-ranking { background-color: #C16868;}
.infoList ul li a div .category-ratetrend { background-color: #4060BF;}
.infoList ul li a div .category-other { background-color: #BF40BF;}

/* --------------------------------------------------
	サイトマップ
-------------------------------------------------- */
div.sitemap-section1,
div.sitemap-section2 {}
div.sitemap-section1:after,
div.sitemap-section2:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}
div.sitemap-section1 dl,
div.sitemap-section2 dl {
	margin-top: 3px;
	padding: 14px 16px;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	border-radius: 3px;
}
div.sitemap-section1 dt,
div.sitemap-section2 dt {
	margin: 0 0 0 0;
	line-height: 1;
	padding: 0 0 10px 0px;
	display: block;
	margin-bottom: 15px;
	border-bottom: 1px solid #6fb42c;
}
div.sitemap-section1 dl dt > a,
div.sitemap-section2 dl dt > a {
background-size: 5px auto;
	display: block;
	font-size: 18px;
	line-height: 23.4px;
	letter-spacing: 0.1em;
	padding-right: 10px;
	position: relative;}
div.sitemap-section1 dl dt > a:before,
div.sitemap-section2 dl dt > a:before {
	width: 6px;
	height: 6px;
	box-shadow: 1px 1px #afafaf;
	content: "";
	position: absolute;
	top: 50%;
	right: 2px;
	transform: translateY(-50%) rotateZ(-45deg);
}
div.sitemap-section1 dl dd a,
div.sitemap-section2 dl dd a {
	display: block;
	margin-bottom: 4px;
	padding-left: 13px;
	background: url("../../images/common/gray-arrow.png") no-repeat left 4px;
	background-size: 5px auto;
	color: #3f9322;
	line-height: 1.3;}
div.sitemap-section1 dl,
div.sitemap-section2 dl {
	width: 100%;}
/*** ***/
.sitemapList > ul {
	margin-bottom: 24px;}
.sitemapList > ul > li {
	display: block;
	vertical-align: top;
	width: 100%;
	margin-bottom: 15px;
	padding: 15px 20px;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	border-radius: 3px;
}
.sitemapList > ul > li > a,
.sitemapList > ul > li > span { /* タイトル*/
	display:block;
	line-height: 24px;
	font-size: 18px;
	font-weight: bold;
	/*
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #6fb42c;
	*/
	}
	.sitemapList > ul > li > a {
	padding-right: 13px;
	background: url("/images/common/gray-arrow.png") no-repeat right center;
	background-size: 5px auto;
	}
.sitemapList > ul > li > ul {/* 下位リスト */
	border-top: 1px solid #6fb42c;
	margin-top: 8px;
	padding-top: 12px;}
.sitemapList > ul > li > ul > li {/* 下位リスト */}
.sitemapList > ul > li > ul > li > a {
	display: block;
	margin-bottom: 4px;
	padding-left: 13px;
	background: url("/images/common/gray-arrow.png") no-repeat left 4px;
	background-size: 5px auto;
	color: #3f9322;
	line-height: 1.6;
}

/* --------------------------------------------------
	サイドバー
-------------------------------------------------- */
.sidenav{
	clear: both;
	margin-top: 50px;
  padding: 0 10px;
}
.sidenav > dl {
  margin: 40px 0 0;
}

.sidenav > dl > dt {
  font-size: 16px;
  letter-spacing: 0.05em;
  padding-left: 22px;
  border-left: 3px solid #6fb42c;
  margin: 0 0 15px;
}

.sidenav > dl dd a {
  margin: 10px 0 0;
  display: inline-block;
  color: #3f9322;
  background: url(../../images/common/gray-arrow.png) no-repeat left top 5px;
  background-size: auto 9px;
  padding-left: 15px;
}

.sidenav > dl dd table {
  width: 100%;
  font-size: 14px;
  border-top: 1px solid #ccc;
  margin: 0 0 10px;
}

.sidenav > dl dd table tbody tr {
  border-bottom: 1px solid #ccc;
}

.sidenav > dl dd table tbody tr th {
  padding: 8px 0;
  line-height: 1;
  vertical-align: middle;
  width: 90px;
}

.sidenav > dl dd table tbody tr td {
  padding: 8px 0;
  line-height: 1;
  vertical-align: middle;
  color: #f28d33;
}

.sidenav > dl dd table tbody tr td:last-of-type {
  text-align: right;
}

.sidenav > dl dd table tbody tr td a {
  margin: 0;
}

.sidenav > dl dd > p {
  text-align: right;
  color: #888;
}

.sidenav > dl dd dl dt span,
.sidenav .sidebar-title-primary a{
  width: 100%;
  display: block;
  height: 30px;
  line-height: 30px;
  letter-spacing: 0;
  border-radius: 7.5px;
  padding-left: 30px;
  background: url(../../images/common/gray-arrow.png) no-repeat left 15px center;
  background-size: auto 9px;
  background-color: #eee;
}
.sidenav .sidebar-title-primary a{
  color: inherit;
}

.sidenav > dl dd ul {
  margin: 10px 0 0;
}

.sidenav > dl dd ul li {
  margin-bottom: 5px;
  display: inline-block;
  line-height: 1;
  padding-right: 5px;
  margin-right: 5px;

}

.sidenav > dl dd ul li:not(:last-of-type) {
  border-right: 1px solid #ccc;
}

.sidenav > dl dd ul li a {
  background: none;
  padding: 0;
  margin: 0;
}

.sidenav > dl dd dd + dt {
  margin: 20px 0 0;
}

.sidenav > dl:last-of-type {
  margin: 40px 0;
}

.banner{
  max-width: 300px;
  margin: 0 auto;
}

.banner li + li {
  margin-top: 10px;
}
.sidenav .banner > li > a{
  display: inline-block;
}

/* --------------------------------------------------
	about
-------------------------------------------------- */
body#about .cardLayout > ul > li ul.linkList li {
	display: inline-block;
	padding-left: 0;
	line-height: 1.3;}
body#about .cardLayout#ctgList > ul > li ul.linkList li {
	width: 49%;}
body#about .cardLayout#lenderList > ul > li ul.linkList li:not(:last-child) {
	border-right: 1px solid #cccccc;}
body#about .cardLayout#lenderList > ul > li ul.linkList li a {
	background-image: none;
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 10px;}



.cardLayout#onTrademark > ul > li > div {
	margin-top: 10px;
	width: 100%;
	border-bottom: none;}
.cardLayout#onTrademark > ul > li > div > span,
.cardLayout#onTrademark > ul > li > div > p {
	display: block;
	vertical-align: middle;
	margin-right:0;
	}
.cardLayout#onTrademark > ul > li > div > p {
	margin-top:10px;
}
	.cardLayout#onTrademark > ul > li > div > span > img {
		width: auto;
		margin-bottom: 0px;}
.cardLayout#onTrademark > ul > li > dl.resume {
	margin-bottom: 1.5em;}

/*	.faqList

------------------------------- */
section.toc { display: none;}

.faqList {}
.faqList h2 {
	line-height: 1;
	margin: 0 0 0 0;
	padding: 20px 0;
	font-size: 18px;
	background: url("/images/common/icon-plus.png") no-repeat right 0 center;
	background-size: 14px auto;
	border-bottom: 1px solid #cccccc;
	letter-spacing: .1em;}
.faqList h2.opened {
	background-image: url("/images/common/icon-minus.png");
	border-bottom: none;}
/*
.faqList dl {
	display: block;
	width: 100%;
	clear:both;
	margin: 0 0 1em 0;
	padding: 15px 10px;
	line-height: 2;
	background: #ffffff;
	box-shadow: 1px 2px 8px rgba(0,0,0,0.1);
	}
.faqList dl:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}
.faqList dl dt {
	float: left;
	display: block;
	width:48px; }
.faqList dl dt.question {
	color:#336699;
	font-weight:bold; }
.faqList dl dt.answer {
	color:#CC0000;
	font-weight:bold; }
.faqList dl dd {
	float: left;
	display: block;
	width: calc(100% - 50px);}
.faqList dl dd ul.linkList {
	margin: 0 0;
	padding: 0 0;}
.faqList dl dd ul.linkList li {
	padding-left: 0;}
.faqList dl dd a {
	color: #3f9322;}
*/


/* -------------------------------------------------- --------------------------------------------------
	FAQ欄追加 20191216
 ---------------------------------------------------------------------------------------------------- */
.faqList {
	position: relative;
}
.faqList div.faq {
	border-bottom: 1px solid #ddd;
}
.faqList dl {
	display: block;
	width: 100%;
	clear:both;
	margin: 0 0 .5em 0;
/*	margin: 0 0 1em 0;*/
	padding: 15px 10px;
	line-height: 1.4;
	background: #ffffff;
	box-shadow: 1px 2px 8px rgba(0,0,0,0.1);
	}
.faqList dl:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}
.faqList dl > dt > em,
.faqList dl > dd > em {/* トピック番号 */
	font-family: 'Josefin Sans';
	font-weight: 500;
	clear: left;
	float: left;
	display: block;
	width: 2.5em;
	padding: 6px 0 5px 0;
	font-size: 14px;
	text-align: center;
	color: #fff;
	border-radius: 4px;}
	div.faqList dl dt em {
		background-color:#f28d33;
		}
	div.faqList dl dd em {
		background-color:#6fb42c;
		margin-top: 6px;}
div.faqList dl dt span,
div.faqList dl dd span {/* 本文枠 */
	float: left;
	display: block;
	width: calc(100% - 50px);
	margin: 6px 0 0 10px;
	}
	div.faqList dl dt span { margin-top:0;}
	
	/* FAQ回答部分の開閉 */
div.faqList dl > dt,
div.faqList dl > dd {
	width: 100%;
	clear: both;
	}

div.faqList dl > dt {
	min-height: 30px;
	cursor: pointer;
	}

	div.faqList dl > dd { }
/*	div.faqList dl > dt.active + dd { display: block;}*/


	div.faqList dl > dd:after { 
		display: block;
		content:"";
		width: 1px;
		height: 1px;
		clear: both;}

/****** FAQリスト内の書式 ******/

div.faqList dl > dd > span h3 {
	margin: 0 0;
	padding: .5em 0;
	font-weight: bold;}
div.faqList dl > dd > span p { margin: 0 0 .5em 0;}
div.faqList dl > dd > span dl { 
	margin: 0 0 .5em 0;
	padding: .75em .75em;
	background-color: #f2f2f2;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-shadow: rgb(229, 229, 229) 0px 3px 2px 0px;
	-webkit-box-shadow: rgb(229, 229, 229) 0px 3px 2px 0px;
	-moz-box-shadow: rgb(229, 229, 229) 0px 3px 2px 0px;}
div.faqList dl > dd > span dt { 
	margin: 0 0 .25em 0;font-weight: bold;}
div.faqList dl > dd > span dd { margin: 0 0 .5em 0;}
div.faqList dl > dd > span table { 
	margin: 0 auto .5em auto;
	width: 100%;
	border: 1px solid #ccc;
	max-width:300px;
	text-align: center;}
div.faqList dl > dd > span caption { 
	font-size: 13px;
	text-align: center;}
div.faqList dl > dd > span thead tr { background-color: #f3f3f3;}
div.faqList dl > dd > span thead th { }
div.faqList dl > dd > span thead td { }
div.faqList dl > dd > span tbody th { }
div.faqList dl > dd > span tbody td {}
div.faqList dl > dd > span tbody td:nth-of-type(1) { padding-right:.5em; }
div.faqList dl > dd > span tbody td:nth-of-type(2) { padding-right:1em; }
div.faqList dl > dd > span th,
	div.faqList dl > dd > span td { 
	font-size: 13px;
	border: 1px solid #ddd;
	text-align: center;}
div.faqList dl > dd > span tbody td { 
	text-align: right;}

div.faqList dl > dd > span ul {
list-style-type: none;
margin-left: .75em;
padding-left: .5em;
}
div.faqList dl > dd > span li {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
	margin-left: 0px;
outline: 0;
padding: 0;
}
div.faqList dl > dd > span ul.linkList {
	margin: 0 0;
	padding: 0 0;}
div.faqList dl > dd > span ul.linkList li {
	padding-left: 0;}
div.faqList dl > dd > span ul.linkList a {
	color: #3f9322;
	width: 100%;
	display: inline-block;
	padding-left: 15px;
	background: url("/images/common/link-arrow_grey.png") left center no-repeat;
	background-size: 5px auto;}



	
/* --------------------------------------------------
	リンクリスト
-------------------------------------------------- */
ul.linkList {
	margin: .5em 0em .5em 1em;
	padding-left: 0.5em;}
ul.linkList li {
	margin-left: 0em;
	padding-left: 15px;
	position: relative;}
ul.linkList a {
	width: 100%;
	color: #3f9322;
	display: inline-block;
	padding-left: 15px;
	background: url("/images/common/link-arrow_grey.png") left center no-repeat;
	background-size: 5px auto;}


/* -------------------------------------------------- --------------------------------------------------
	利用者情報の外部送信について #externalXmission	2023.06.13
	利用者情報の取得と外部送信について #userInfo 	2023.07.14
 ---------------------------------------------------------------------------------------------------- */
.hidden__sp {
	display: none;
}
#root,
#__next {
	isolation: isolate
}

body#externalTransmission {/* 利用者情報の外部送信について */}
body#userInfo {/* 利用者情報の取得と外部送信について */}
body.docs div.container > p {/* 「本サイトでは、お客さまのウェブ体験の向上や、～」 */
	margin-top: .5em;
	text-indent: 1em;}
	body.docs div.container > p:nth-of-type(1) { margin-top: 0;}
body.docs div.container > p.note {
	padding-left:1em;
	text-indent:-1em;}
body.docs div.container > p em {
	font-weight:bold;
	text-decoration:underline;}
/*
	.inner {
		width: 100%;
		padding: 0 15px;
	}

	.intro {
		width: 100%;
	}

	.intro__text {
		text-align: left !important;
	}
*/
.service__list {
	padding: 0;
	list-style: none;
}
.service__list .list__item {/* 箱 */
	margin: 4vw 0 2vw 0;
	padding: 4vw;
	font-size: 3.75vw;
	border-radius: 5px;
	border: solid 2px #c2c2c2;
	background: #f2f2f2;
	line-height: 1.3;
}

dl.service__list__table {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2vw;}
.service__list__table dt,
	.service__list__table dd {
	margin-bottom: 3vw;
}
.service__list__table dt {
	width: 6.5em;
	font-weight: bold;
}
.service__list__table dd {
	width: calc(100% - 6.5em);
}
	/* tag */
.service__list__table dd .classification {
	display: inline-block;
	margin-top: 1vw;
	padding: .25em 1.5em;
	font-size: 3.3vw;
	color: #fff;
	font-weight: normal;
	text-align: center;
	border-radius: 2em;
	line-height: 1;
	letter-spacing: -0.075em;
	}
.classification.strictly__necessary { background: #82b446;}
.classification.performance { background: #2c98da;}
.classification.functional { background: #fa8231;}
.classification.targeting { background: #fd5b65;}
.classification.social__media { background: #f7b731;}
.classification.unknown { background: #a5b1c2;}
.classification.onetrust { background: #6cc04a;}

.service__link__list {
	display: flex;
	justify-content: space-around;
}
.service__link__list a {
	color: #3f9322;
	font-size: 3vw;
	padding: 0px 0;
}

/* -------------------------------------------------- --------------------------------------------------
	Webプッシュ通知について #aboutWebPushNotification 	2023.07.14
 ---------------------------------------------------------------------------------------------------- */
body#aboutWebPushNotification .container > a {/* ローンに関する新着情報を受け取る */
	display: block;
	margin: 4vw 4vw 8vw 4vw;
	padding: 14px 0;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	line-height: 1;
	letter-spacing: .1em;
	border-radius: 22px;
	background-color: #6fb42c !important;}
body#aboutWebPushNotification .container > div {
	margin-top:40px;
}

body#aboutWebPushNotification .container > div > h4 {
	margin: 1em 0 0 0;
	padding: 0 0;
	font-size: 18px;
	font-weight: bold;}
body#aboutWebPushNotification .container > div > p {}

body#aboutWebPushNotification .container > div > ol/* iPhoneやiPadをお使いのお客さま */,
body#aboutWebPushNotification .container > div > dl/* 通知の設定 */ {
	margin: .5em 0 1.5em 0;
	padding: 1.5em 1em;
	width: auto;
	line-height: 1.6;
	background: #fff;
	box-shadow: 1px 2px 8px rgba(0,0,0,.1);}

body#aboutWebPushNotification .container > div > ol {
	list-style: decimal;
	padding-left: 2.5em;}
body#aboutWebPushNotification .container > div > ol > li {
	}
body#aboutWebPushNotification .container > div > ol ul {
	list-style: disc;
	margin-left: .25em;}
body#aboutWebPushNotification .container > div > ol ul li {}
body#aboutWebPushNotification .container > div > dl {/* 通知の設定 */
	display: flex;
	flex-wrap: wrap;}
body#aboutWebPushNotification .container > div > dl dt {
	width: 8.5em;}
body#aboutWebPushNotification .container > div > dl dd {
	width: calc(100% - 8.5em);
	margin-bottom: .5em;}
body#aboutWebPushNotification .container > div a {
	color: #3f9322;}

/* -------------------------------------------------- --------------------------------------------------
	イー・ローンからのお知らせ 	2023.10.03
 ---------------------------------------------------------------------------------------------------- */
body.docs.news .maincontents-top .maincontents-top-box time {
	display: block;
	margin: 0 2vw;
	text-align: right;}
body.docs.news section.cardLayout { 
	margin-top: 2vw;
	margin-bottom: 2vw;}
body.docs.news section.cardLayout.merged > ul {
	margin: 2vw 0;
	padding: 4vw 4vw 2vw 4vw;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border-radius: 3px;}
body.docs.news section.cardLayout.merged > ul > li {
	margin-bottom: 2vw;
	padding: 0 0 0 0;
	font-size: 100%;
	background-color: transparent;
	box-shadow: none;}