@charset "UTF-8";
#mm-main a, 
#mm-links a { color: #0047BB;}
#mm-main a:hover, 
#mm-links a:hover { text-decoration: none;}

#mm-main *,
#mm-footer * {
	margin-block:0;
	margin-inline:0;
}
section.mm-section {
    max-width: 100vw;
    margin: 0 auto;
}
#mm-main {
	margin-top: 4vw;
}
#mm-main h2,
#mm-links h2 {
    padding: 4vw 1vw 2vw 1vw;
    text-align: left;
    color: #6fb42c;
    font-size: 6.2vw;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: -0.25vw;
}
	#mm-main .items h2 {}
section.mm-section h3,
#mm-main h3 {
    color: #4E5F6E;
    padding: 0 1vw 2vw 1vw;
    font-size: 5.8vw;
    font-weight: bold;
    line-height: 1.3;
	text-align: left;
}
#mm-main div.main-block,
#mm-main div.post-block {
	margin-top: 8vw;
	padding-right: 2vw;
	padding-left: 2vw;
}
#mm-footer {
	margin-top: 10vw;
	padding-right: 2vw;
	padding-left: 2vw;
}
#mm-main div.items + div.items,
#mm-main div.other-area,
#mm-main div.content {
	margin-top:40px;
}
#mm-main .description {
	margin: 0 0;
	padding: 0 0 2vw 0;
	font-size: 4vw;
}
/************* ************* ************* *************
	div.lead-block リードブロック
************* ************* ************* *************/
	/************* 共通 *************/
#mm-main div.lead-block {
    font-size: 16px;
    padding: 0 2vw 0 2vw;
}
#mm-main div.lead-block > p {
	margin: 2vw 2vw;
}
#mm-main div.lead-block > ul,
#mm-main div.lead-block > dl {
}
#mm-main div.lead-block > ul > li,
#mm-main div.lead-block > dl > div {
	margin: 0 0  2vw 0;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 6px;}
	/* 便利で安心。フリーローンのココが魅力♪ */
#mm-main div.lead-block dt,
#mm-main div.lead-block dd {

}
#mm-main div.lead-block dt {
	padding: 1vw 2vw;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
#mm-main div.lead-block dd {
	padding: 1vw 2vw;
	margin: 0 0 0vw 0;
}
#mm-main div.lead-block .point-useful dt {
		background-color: #BFD8B8;
}
#mm-main div.lead-block .point-reassurance dt {
		background-color: #C8A2C8;
}
#mm-main div.lead-block .point-useful { border-color: #AEB5AE}
#mm-main div.lead-block .point-reassurance { border-color: #B8AEB8}
#mm-main div.lead-block .point-useful dt { color: #4A5D4A; background-color: #BFD8B8;}
#mm-main div.lead-block .point-reassurance dt { color: #5A4E5A; background-color: #C8A2C8;}
#mm-main div.lead-block .free-feature { border-color: #AEB5AE;}
#mm-main div.lead-block .free-feature dt { color: #4A5D4A; background-color: #BFD8B8;}
#mm-main div.lead-block .free-feature dd { text-align:left;;}
	/*ビジネスローンの3つのメリット♪*/
#mm-main div.lead-block > ul {
	padding: 0 1vw;
}
#mm-main div.lead-block > ul > li {
	display: flex;
	justify-content: flex-start;
	align-items:center;
	padding: 3vw;
	text-align: left;
	font-size: 4.75vw;
	font-weight: bold;
	line-height: 1;
	border-radius: 8px;
	border: none;
	color: #555;
	background-color: #eee;
}
	#mm-main div.lead-block > ul > li span { display: block; width: 63vw;}
	#mm-main div.lead-block > ul > li::before {
		display: block;
		content:"";
		margin: 0 3vw 0 0;
		width: 15vw;
		min-width: 15vw;
		height: 10vw;
		flex-grow: 0;
		color: #fff;
		background-position: center center;
		background-repeat:  no-repeat;
		background-size: contain;
	}
#mm-main div.lead-block > ul > li:nth-of-type(1) { background: #E3F2FD; color: #224466;}
#mm-main div.lead-block > ul > li:nth-of-type(2) { background: #FFF3E0; color: #6B4A1F;}
#mm-main div.lead-block > ul > li:nth-of-type(3) { background: #F9Eeee; color: #5A2A3A;}
	/* アイコン指定 */
	/* omatome1 */
#mm-page-omatome1 .lead-block > ul > li:nth-of-type(1)::before { background-image: url('/images/mm/page/common/grph_rate.svg');}
#mm-page-omatome1 .lead-block > ul > li:nth-of-type(2)::before { background-image: url('/images/mm/page/common/grph_consolidation.svg');}
#mm-page-omatome1 .lead-block > ul > li:nth-of-type(3)::before { background-image: url('/images/mm/page/common/grph_percentage.svg');}
	/* omatome2 */
#mm-page-omatome2 .lead-block > ul:nth-of-type(1) > li:nth-of-type(1)::before { content: none;}
#mm-page-omatome2 .lead-block > ul:nth-of-type(1) > li:nth-of-type(2)::before { content: none;}
#mm-page-omatome2 .lead-block > ul:nth-of-type(1) > li:nth-of-type(3)::before { content: none;}
#mm-page-omatome2 .lead-block > ul:nth-of-type(1) > li:nth-of-type(4)::before { content: none;}
#mm-page-omatome2 .lead-block > ul:nth-of-type(2) > li:nth-of-type(1)::before { background-image: url('/images/mm/page/common/grph_consolidation.svg');}
#mm-page-omatome2 .lead-block > ul:nth-of-type(2) > li:nth-of-type(2)::before { background-image: url('/images/mm/page/common/grph_rate.svg');}
#mm-page-omatome2 .lead-block > ul:nth-of-type(2) > li:nth-of-type(3)::before { background-image: url('/images/mm/page/common/grph_percentage.svg');}
	/* business1 */
#mm-page-business1 .lead-block > ul > li:nth-of-type(1)::before { content: none}
#mm-page-business1 .lead-block > ul > li:nth-of-type(2)::before { content: none}
#mm-page-business1 .lead-block > ul > li:nth-of-type(3)::before { content: none}
#mm-page-business1 .lead-block > ul > li:nth-of-type(4)::before { content: none}
	/* business2 */
#mm-page-business2 .lead-block > ul > li:nth-of-type(1)::before { background-image: url('/images/mm/page/common/grph_speed.svg');}
#mm-page-business2 .lead-block > ul > li:nth-of-type(2)::before { background-image: url('/images/mm/page/common/grph_flexibility.svg');}
#mm-page-business2 .lead-block > ul > li:nth-of-type(3)::before { background-image: url('/images/mm/page/common/grph_unsecured.svg');}
	/* card5 */
#mm-page-card5 .lead-block > ul > li:nth-of-type(1)::before { background-image: url('/images/mm/page/common/grph_protection.svg');}
#mm-page-card5 .lead-block > ul > li:nth-of-type(2)::before { background-image: url('/images/mm/page/common/grph_percentage.svg');}
#mm-page-card5 .lead-block > ul > li:nth-of-type(3)::before { background-image: url('/images/mm/page/common/grph_online.svg');}
#mm-page-card5 .lead-block > ul > li:nth-of-type(4)::before { background-image: url('/images/mm/page/common/grph_speed.svg');}
	/* card7 */
#mm-page-card7 .lead-block > ul > li:nth-of-type(1)::before { background-image: url('/images/mm/page/common/grph_rate.svg');}
#mm-page-card7 .lead-block > ul > li:nth-of-type(2)::before { background-image: url('/images/mm/page/common/grph_protection.svg');}

/**************************/

#mm-main ul.items > li {
	border:1px solid #ccc;
	border-radius:10px;
	padding:10px 10px;
	position:relative;
}
#mm-main ul.items > li:hover {
	border-color:#aaa;
}
#mm-main ul.items > li:nth-of-type(n+2) {
	margin-top:20px;
}
#mm-main ul.items img.logo {
	width:160px;
}
#mm-main ul.items > li > div:nth-of-type(2) > span {
	display:block;
}
#mm-main ul.items > li > div:nth-of-type(2) > span:nth-of-type(1) a {
	font-size: 5.8vw;
	color:#0047BB;
	font-weight:bold;
	line-height: 1.2;
}
#mm-main ul.items > li > div:nth-of-type(2) > span:nth-of-type(2) {
	font-size: 5.4vw;
	font-weight:bold;
}
#mm-main ul.items div.appeal {
	margin-bottom: 2vw;
}
#mm-main ul.items div.appeal > span {
	text-decoration: none;
	font-size:16px;
	font-style: normal;
	background: linear-gradient(transparent 60%,#ffff00 60%);
}
#mm-main ul.items div.tags > ul {
	display:flex;
/*	justify-content: center;*/
}
#mm-main ul.items div.tags > ul > li {
	background-color:#4682b4;
	border-radius:5px;
	margin:0 2px;
	padding:2px 5px;
	color:white;
}
#mm-main ul.items div.spec > dl {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:1em 0;
	gap:5px;
}
#mm-main ul.items div.spec > dl > div {
	flex-grow:1;
	width:calc((100% - 5px) / 2);
}
#mm-main ul.items div.spec > dl > div.spec-receiving-method-convenience-stores ul,
#mm-main ul.items div.spec > dl > div.spec-payment-method-convenience-stores ul {
	display:flex;
        justify-content: center;
}
#mm-main ul.items div.spec > dl > div.spec-receiving-method-convenience-stores ul li+li:before,
#mm-main ul.items div.spec > dl > div.spec-payment-method-convenience-stores ul li+li:before {
	content:"／";
}
#mm-main ul.items div.spec > dl > div.spec-application_area {
	width:100%;
}
#mm-main ul.items div.spec > dl > div > dt {
	background-color:#ccc;
	border:1px solid #ccc;
	border-radius:5px 5px 0 0;
	text-align:center;
	padding:5px 10px;
}
#mm-main ul.items div.spec > dl > div > dd {
	background-color:white;
	border:1px solid #ccc;
	border-radius:0 0 5px 5px;
	text-align:center;
	padding:12px 10px;
}
#mm-main ul.items div.updated_on {
	position:absolute;
	top: 35px;
	right: 1.5vw;
	font-size: 13px;
}

/************* ************* ************* *************
	div.lead-block リードブロック
************* ************* ************* *************/
	/************* 共通 *************/


	/************* *************
		body#mm-page-free1 地方銀行のフリーローン特集
		body#mm-page-business2 急な資金調達が必要なら資金調達ガイド
	/************* *************/
	#mm-main .lead-block h2.icon {
		display: flex;
		justify-content: center;
		margin: 4vw 0;
		padding: 4vw 4vw;
		line-height: 1;
		border-radius: 14px;
		text-align: center;
		color: #2E7D32;
		font-weight: bold;
		letter-spacing: .02em;
		background: #E8F5E9;
		box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	}
	#mm-main .lead-block h2.icon span { display: block;}
	#mm-main .lead-block h2.icon::before {
		display: block;
		content:"icon";
		width: 30px;
		height: 30px;
		color:#fff;
		font-size: 16px;
		vertical-align: middle;
		background-color: #2E7D32;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;}

/************* ************* ************* *************
	.main-block メインブロック
************* ************* ************* *************/
#mm-main div.other-area ul {
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 1vw;
	font-size: 4vw;
}
#mm-main div.other-area ul > li {
/*	flex-grow:1;*/
	padding: 0 0;
/*	flex-basis: 45vw;*/
}
#mm-main div.other-area ul > li a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3vw 6vw;
	background-color: #fff;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	font-weight:bold;
	text-align:center;
	color: #555;
        background: linear-gradient(to bottom, #fff 0%, rgba(255, 250, 205, 0.5) 100%);
	/* box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); */
}
#mm-main div.other-area ul > li a span { display: block;}
#mm-main div.other-area ul > li a::after {
/*
	display: block;
	content:"";
	width: 4em;
	height: 4em;
	background-image: url("https://preact.www.eloan.co.jp/images/mm/page/common/icon_pin-blue.svg"); 
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center;
*/
}

#mm-footer ul.guardWording > li {
	letter-spacing: -.7px;
	line-height: 1.7;
	padding-left: 1.25em;
	position: relative;
}
#mm-footer ul.guardWording > li:before {
	width: 1em;
	height: 1em;
	content: "※";
	position: absolute;
	top: 0px;
	left: 0px;
}

/************* ************* ************* *************
	.post-block 後続
	#mm-page-business1 ビジネスローン特集
	#mm-page-business2 資金調達ガイド
************* ************* ************* *************/
/* スピーディな資金繰りをお考えなら、ファクタリングを検討してみては？ */
#mm-main div.post-block {
	margin: 4vw 0 0 0;
	padding: 2vw 2vw;
	border-radius: 3px;
}
#mm-main div.post-block div.layoutBox {
	margin: 0;
	padding: 0;
	width: auto;
	border: none;
	background-color: #fff8ca;
	border-radius: 10px;
}
#mm-main div.post-block h2 {
	margin: 0;
	margin-top: 0 !important;
	padding: 3vw 2vw;
	text-align: center;
	color: #fff;
	font-size: 5.5vw;
	font-weight: bold;
	line-height: 1.2;
	background-color: #124a9b;
	border-radius: 6px 6px 0 0;
}
#mm-main div.post-block p {
		margin: 0 0;
		padding: 2vw 3vw;
		text-align: left;
		font-size: 16px;
		line-height: 1.2;}
#mm-main div.post-block p em {
		color: var(--textEm);
		font-style: normal;
		font-weight: bold;}
#mm-main div.post-block div.productBox {}

#mm-main div.post-block div.productBox p { padding: 0 3vw;}
#mm-main div.post-block div.productBox h4 {
    margin: 0 0;
    padding: 0.25em 0 0.5em 0;
    text-align: center;
    font-size: 4.25vw;
    font-weight: bold;
    color: #000;
}
#mm-main div.post-block div.productBox dl {
		display: flex;
		flex-direction: column;
		margin: 0 0;
		padding: 1px 3vw;
		font-size: 16px;
}
#mm-main div.post-block div.productBox dl > div {
		display: block;
		flex-basis: 100%;
		margin: 0 0 2vw 0;
		padding: 2vw 3vw;
		border-radius: 20px;
		border: 2px solid #325078;
		background-color: #fff;
}
#mm-main div.post-block div.productBox dl dt {
		margin: 0 0;
		padding: 0.15em 0.5em;
		width: auto;
		text-align: center;
		font-size: 1.25rem;
		font-weight: bold;
		color: #095DB5;
		background-color: #E0EDFF;
}
#mm-main div.post-block div.productBox dl dd {
	padding: 0.5em 0 0 0;
	font-size: 16px;}

/*  */
#mm-links {
	margin-top: 8vw;
	padding-right: 1vw;
	padding-left: 1vw;
}

#mm-links > dl {
}
#mm-links > dl > div {
	margin: 0 1vw 2vw 1vw;
	padding: 2vw 4vw;
	border:1px solid #ccc;
	border-radius: 6px;
}
#mm-links > dl dt {
	margin-bottom: 2vw;
	padding: 0 0 1vw 0;
	font-size: 5vw;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
#mm-links > dl dd a,
#mm-links > dl dd.selected > span {
	display: inline-block;
	padding-left: 12px;
/*	font-size: var(font-size);*/
	font-size: 16px;
	text-decoration: none;
	background: url("/images/common/gray-arrow.png") 0 4px no-repeat;
    background-size: auto;
	background-size: 5px auto;
}
#mm-links > dl dd.selected span {
	color: #2A2A2A;
}

#mm-page-card7 #to-howto ul {}
#mm-page-card7 #to-howto ul li {
	position:relative;
	overflow: hidden;
	height: 30vw;
	margin: 2vw 0;
}
#mm-page-card7 #to-howto ul li a { 
	display: block;
	color: #fff;}

#mm-page-card7 #to-howto ul li span {
	position:absolute;
	display:block;
	width: 100%;
	padding:5vw 0;
	text-align: center;
	font-weight:bold;
	font-size: 5vw;
	top: 50%;
	transform: translate(0%, -50%);
	background-color:rgba(0,0,0,0.45);}

#mm-main ul.items div.spec > div {
	text-align:center;
	margin-top:10px;
	margin-bottom:6px;
}
#mm-main ul.items div.spec > div > a {
	color:blue;
}
#mm-main ul.items div.spec > div > a:before {
	content:"▼";
}
#mm-main ul.items div.spec > div.opened > a:before {
	content:"▲";
}
/************* ************* ************* *************
	ボタン一覧
************* ************* ************* *************/
#mm-main ul.items div.apply {
	text-align:center;}
#mm-main div.post-block div.button {
	margin: 0 0;
	padding: 1em 0 1.5em 0;
	text-align: center;
}
#mm-main ul.items div.apply a[data-link="appl-1"],
#mm-main div.post-block div.button a {
	display: inline-block;
	padding:1.15em 4em;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border-radius: 4em;
	background: linear-gradient(to left, #c2182d 0%, #f26d27 100%);
	line-height: 1.1;
	letter-spacing: 0.05em;
}
#mm-main div.post-block div.button a {
	max-width: 90vw;
	padding:1.25em 2em;
}

/************* ************* ************* *************
	#mm-header  FV 
************* ************* ************* *************/
/* ************* 共通指定 *************/
#mm-header {
	background-image: url("/images/mm/page/div/mv_card1.webp");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 1px solid #ddd;
}
#mm-header > header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
    margin: 0 auto;
	padding: 6vw 0;
	line-height: 1.4;
}
#mm-header > header > #pageTitle {
	width: 94vw;
	margin: 0 auto;
	padding: 4vw 4vw;
	border-top: 1px solid rgba(244, 247, 226, 0.75);
	border-bottom: 1px solid rgba(244, 247, 226, 0.75);
	background-image: linear-gradient(
		180deg, 
		rgba(244, 247, 226, 0.65), 
		rgba(255, 255, 255, 0.8) 50%, 
		rgba(244, 248, 225, 0.65));
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
#mm-header > header > #pageTitle > span {/* キャッチコピー */
	display: block;
	margin: 0 0;
	padding: 0 0;
	color: #555;
	font-size: 4.5vw;
	font-weight: bold;
	line-height:1.1;
	letter-spacing: -0.025em;}
#mm-header > header > #pageTitle > span:before,
#mm-header > header > #pageTitle > span:after {
	content:"～";
}
	#mm-header > header > #pageTitle > span em { color: #FB8106}
#mm-header h1 {/* ページタイトル */
	display: block;
	margin: 0 0;
	padding: 2.5vw 0 0.5vw 0;
	font-size: 8vw;
	letter-spacing: -0.025em;
	color: #377101;
	font-weight:bold;
	line-height: 1.2;}
	#mm-header h1 > span { /*display: block;*/}
#mm-header > header time {/* yyyy年mm月dd日版 */
	display: block;
	padding: 0 0;
	font-size: 3.4vw;
	font-weight: bold;
	text-align: right;
	color: #555;
	letter-spacing: 0;
}
	/* 写真の一括指定 */
	#mm-page-car1 #mm-header { background-image: url("/images/mm/page/div/mv_car1.webp");}
	#mm-page-education1 #mm-header { background-image: url("/images/mm/page/div/mv_education1.webp");}
	#mm-page-omatome1 #mm-header { background-image: url("/images/mm/page/div/mv_omatome1.webp"); background-position: left bottom;}
	#mm-page-omatome2 #mm-header { background-image: url("/images/mm/page/div/mv_omatome2.webp");}
	#mm-page-free1 #mm-header { background-image: url("/images/mm/page/div/mv_free1.webp");}
	#mm-page-free2 #mm-header { background-image: url("/images/mm/page/div/mv_free2.webp"); background-position: left center;}
	#mm-page-business1 #mm-header { background-image: url("/images/mm/page/div/mv_business1.webp");}
	#mm-page-business2 #mm-header { background-image: url("/images/mm/page/div/mv_business2.webp"); background-position: left center;}
	#mm-page-card1 #mm-header { background-image: url("/images/mm/page/div/mv_card1.webp");}
	#mm-page-card2 #mm-header { background-image: url("/images/mm/page/div/mv_card2.webp");}
	#mm-page-card3 #mm-header { background-image: url("/images/mm/page/div/mv_card3.webp");}
	#mm-page-card4 #mm-header { background-image: url("/images/mm/page/div/mv_card4.webp"); background-position: left center;}
	#mm-page-card5 #mm-header { background-image: url("/images/mm/page/div/mv_card5.webp"); background-position: left center;}
	#mm-page-card6 #mm-header { background-image: url("/images/mm/page/div/mv_card6.webp"); background-position: left bottom;}

	/* mm-page-card7  銀行カードローン特集 */
#mm-page-card7 #mm-header {
	background-image: linear-gradient(
		180deg, 
		rgba(219, 234, 129), 
		rgba(244, 248, 225, 1));
	border-bottom: 1px solid #ddd;
}
#mm-page-card7 #mm-header > header {
	min-height: 50vw;
}
#mm-page-card7 #mm-header > header::after {
		content:"";
		position: absolute;
		display: block;
		width: 34vw;
		height: 49vw;
		bottom: 0;
		right: -11vw;
		background: url("/images/mm/page/div/mv_card7.webp") right bottom no-repeat;
		background-size: 34vw auto;		
	}
#mm-page-card7 #mm-header > header > #pageTitle {
	padding: 6vw 4vw;
	background-color: rgba(255, 255, 255, 0.5);}
#mm-page-card7 #mm-header > header > #pageTitle > span {/* キャッチコピー */
	font-size: 5vw;}
#mm-page-card7 #mm-header h1 {
	padding: 2.5vw 0 2.5vw 0;
	font-size: 7vw;
	line-height: 1;
}
#mm-page-card7 #mm-header > header time {/* yyyy年mm月dd日版 */
	text-align: left;
}
#mm-page-card7 #flow img {
	border:1px solid #eee;
}