@charset "utf-8";
/* DIV4：カードローンFV（骨組みは common.css「新方式のFV」） */
section#fv {
	background-color: #F7D9E2;
	background-image: url("/images/specialfeature/bgFv_card.webp"), linear-gradient(to right, #FBE3EA, #F7D9E2 50%, #F1C6D3);
	background-position: right -20vw bottom 1vw, 0 0;
	background-size: auto 65%, auto;
	background-repeat: no-repeat;
}
section#fv img#divIcon {
	margin: 0 3vw;
	background-image: url("/images/icon_card.png");
	background-size: 20vw;
	filter: drop-shadow(#A3335E 2px 2px 1px);
}
section#fv > div > p {
	font-size: 7.5vw;
	line-height: 1;
	text-shadow: 
		2px 2px 2px #A3335E , -2px -2px 2px #A3335E ,
		-2px 2px 2px #A3335E , 2px -2px 2px #A3335E ,
		0px 2px 2px #A3335E, 0 -2px 2px #A3335E ,
		-2px 0px 2px #A3335E , 2px 0 2px #A3335E;
}
section#fv > div > p em {
	color: #FFE400;
}

/* DIV4：カードローン見出し */
.content h1.first,
	.content h2 {
	color: #8C2350;
	background-image: url("/images/specialfeature/icon_card1.png");}
.content > section#pickup h1.first { background-image: url("/images/specialfeature/icon_card1.png");}
.content > section.area h2 { background-image: url("/images/specialfeature/icon_card2.png");}
.content > section#search h2 { background-image: url("/images/specialfeature/icon_card3.png");}
.content > section#beginner h2 { background-image: url("/images/specialfeature/icon_card4.png");}
.content > section#faq h2 { background-image: url("/images/specialfeature/icon_card7.png");}
.content > section#article h2 { background-image: url("/images/specialfeature/icon_card5.png");}
.content > section#lenders h2 { background-image: url("/images/specialfeature/icon_card6.png"); }

/* DIV4：ホバー時の枠色 */
#pickup > ul > li:hover,
section.area > ul > li:hover,
#search #results > ul.body > li.hover,
#article > ul > li:hover {
	border-color:#DA8A9E;
}

/* DIV4：はじめて借りるカードローン（#beginner） */
#beginner p:not(.lead) {
	margin: 0 4vw 1em 4vw;
	line-height: 1.7;
}
#beginner h3 {/* 記事ページの .content h2 と同じ見た目 */
	width: auto;
	margin: 0.5em 0;
	padding: .5em .5em;
	font-weight: bold;
	color: #555;
	background: #efefef;
	background: linear-gradient(#ffffff 0%, #efefef 50%, #e2e2e2 50%, #efefef 100%);
	border: 1px solid #ccc;
	border-width: 1px 0;
	letter-spacing: 0.05em;
}
#beginner h4 {/* 記事ページの .content div.main section h3 と同じ見た目（左右の余白は本文・説明リストと同じ 4vw） */
	margin: .75em 4vw .75em 4vw;
	padding: 0.25em 0.5em;
	font-size: 1rem;
	font-weight: bold;
	color: #333;
	background: none;
	border: none;
	border-left: 4px solid #c00;
	letter-spacing: 0.05em;
}
#beginner ul {
	margin: 0 4vw 1em 9vw;
	line-height: 1.7;
}
#beginner ul > li {
	list-style: disc;
}
#beginner dl {
	margin: 1em 4vw 1.5em 4vw;
	line-height: 1.7;
}
#beginner dt {/* 記事ページの .content div.main section h4 と同じ見た目 */
	margin: .75em 0 .75em 0;
	padding: 0.25em 0.5em;
	font-size: 1rem;
	line-height: 1.1;/* 記事ページの h4 は common.css の見出し共通指定を継承 */
	font-weight: bold;
	color: #444;
	background: none;
	border: none;
	border-left: 3px solid #ccc;
}
#beginner dd {
	margin: 0 0 0 .9em;
}
#beginner center {
	margin: 1em 4vw .5em 4vw;
}
#beginner center img {
	max-width: 100%;
}
#beginner p.note {
	font-size: 12px;
	color: #555;
}