@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: calc(50% + 415px) center, 0 0;/* 画像（高さ180px＝幅391px）の左端を、中央から右へ220pxの位置に置く */
	background-size: auto 90%, auto;
	background-repeat: no-repeat;
}
section#fv > div {
	justify-content: flex-start;
	box-sizing: border-box;
	/*padding-right: 280px; */
}
section#fv img#divIcon {
	margin: 0 20px 0 0;
	background-image: url("/images/icon_card.png");
	filter: drop-shadow(#A3335E 3px 3px 2px);
}
section#fv > div > p {
	font-size: 50px;
	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,
#article > ul > li:hover {
	border-color:#DA8A9E;
}
#search #results > ul.body > li.hover > ul > li {
	border-top:1px solid #DA8A9E;
	border-bottom:1px solid #DA8A9E;
}
#search #results > ul.body > li.hover > ul > li:first-child {
	border-left:1px solid #DA8A9E;
}
#search #results > ul.body > li.hover > ul > li:last-child {
	border-right:1px solid #DA8A9E;
}

/* DIV4：はじめて借りるカードローン（#beginner） */
#beginner p:not(.lead) {
	margin: 0 0 1em 0;
	font-size: 16px;
	line-height: 1.8;
}
#beginner h3 {/* 記事ページの .content h2 と同じ見た目 */
	display: flex;
	align-items: center;
	width: auto;
	margin: 15px 0;
	padding: 9px 0 6px 12px;
	font-size: 18px;
	font-weight: bold;
	color: #555;
	background: linear-gradient(to bottom, #fefefe 0%, #fefefe 49%, #efefef 50%, #EBEBEB 100%);
	border: 1px solid #ccc;
}
#beginner h3::before {
	content: "";
	display: block;
	width: 20px;
	height: 22px;
	background: url("/images/h3_bg.png") 0 0 no-repeat;
}
#beginner h4 {/* 記事ページの .content div.main section h3 と同じ見た目 */
	margin: .75em 0 .75em 0;
	padding: 0.25em 0.5em;
	font-size: 1rem;
	font-weight: bold;
	color: #333;
	background: none;
	border: none;
	border-left: 4px solid #c00;
}
#beginner ul {
	margin: 0 0 1em 1.5em;
	font-size: 16px;
	line-height: 1.8;
}
#beginner ul > li {
	list-style: disc;
}
#beginner dl {
	margin: 1em 0 1.5em 0;
	font-size: 16px;
	line-height: 1.8;
}
#beginner dt {/* 記事ページの .content div.main section h4 と同じ見た目 */
	margin: .75em 0 .75em 0;
	padding: 0.25em 0.5em;
	font-size: 1rem;
	line-height: 100%;/* 記事ページの h4 は common.css の見出し共通指定を継承 */
	font-weight: bold;
	color: #444;
	background: none;
	border: none;
	border-left: 3px solid #ccc;
}
#beginner dd {
	margin: 0 0 0 1.2em;
}
#beginner center {
	margin: 1em 0 .5em 0;
}
#beginner center img {
	max-width: 100%;
}
#beginner p.note {
	font-size: 13px;
	color: #666;
}