@charset "UTF-8";

/* -------------------------------------------------------------
　タイトル
------------------------------------------------------------- */

/* brand_common.css（タイトル）に記載
下記は各調整 */

#page_title {
	background:url(/img/bestrate/h1_bg.jpg) 75% top no-repeat;
	background-size: cover;
}



/* 補足説明
------------------------------------------------------------- */
.attention {
	font-size: 12px;
	text-align: center;
	line-height: 1.7;
	margin:0 0 30px;
	padding: 0 10px;
}

.attention .caution {
	display: inline;
	font-size: 11px;
	font-weight: 300;
}




/* -------------------------------------------------------------
　ベストレート保証条件、ベストレート保証の対象外、ベストレート保証に関するお申し出
------------------------------------------------------------- */

#list_bl dl dt {
	padding: 10px 0 10px 20px;
	background: #1E2B30;
}

#list_bl dl dt h2 {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
}

#list_bl dl dd {
	padding: 20px 20px 30px;
}

#list_bl dl dd ul.list_item {
	margin: 0 0 1.5em 1em;
}
#list_bl dl dd#not ul.list_item {
	margin: 0 0 0 1em;
}

#list_bl dl dd ul.list_item li {
	text-indent: -1.2em;
	margin: 0 0 0 1.2em;
}
#list_bl dl dd ul.list_item li::before {
	content: '● ';
}

#list_bl dl dd .ssttl {
	text-indent: -2.2em;
	margin: 0 0 0 2.2em;
}




/* -------------------------------------------------------------
　よくあるご質問
------------------------------------------------------------- */

#faq_bl {
	margin: 0 0 80px;
}


#faq_bl .ttl_bl h2 {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 20px;
	padding: 10px 0 10px 20px;
	background: #1E2B30;
}


#faq_bl dl.acdn_item {
	margin: 0 20px;
	border-bottom: 1px solid #707070;
}

#faq_bl dl.acdn_item dt {
	color: #1E2B30;
	font-size: 14px;
	font-weight: 400;
	padding: 12px 55px;
	background: url(/img/common/mk_plus_blue.svg) 95% 50% no-repeat,
	url(/img/common/mk_q.svg) 15px 50%/auto 28px no-repeat;
	border-top: 1px solid #707070;
	cursor: pointer;
}

#faq_bl dl.acdn_item dt.open {
	background: url(/img/common/mk_minus_blue.svg) 95% 50% no-repeat,
	url(/img/common/mk_q.svg) 15px 50%/auto 28px no-repeat;
}

#faq_bl dl.acdn_item dd {
	font-size: 12px;
	padding: 15px;
	border-top: 1px solid #707070;
}









/* media Queries  //////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- 810px */
@media screen and (min-width:810px), print {

/* -------------------------------------------------------------
　タイトル
------------------------------------------------------------- */

#page_title {
	background:url(/img/bestrate/h1_bg.jpg) center top no-repeat;
	background-size:cover;
}



/* 補足説明
------------------------------------------------------------- */
.attention {
	max-width: 1040px;
	font-size: 16px;
	line-height: 1.8;
	margin: 0 auto 80px;
	padding: 0 20px;
}

.attention .caution {
	font-size: 14px;
}




/* -------------------------------------------------------------
　ベストレート保証条件、ベストレート保証の対象外、ベストレート保証に関するお申し出
------------------------------------------------------------- */

#list_bl {
	max-width: 1000px;
	margin: 0 auto;
}

#list_bl dl dt {
	padding: 9px 0 8px 30px;
}

#list_bl dl dt h2 {
	font-size: 22px;
}

#list_bl dl dd {
	padding: 30px 20px 80px;
}

#list_bl dl dd ul.list_item {
	margin: 0 0 1.8em 1em;
}




/* -------------------------------------------------------------
　よくあるご質問
------------------------------------------------------------- */

#faq_bl {
	max-width: 1000px;
	margin: 0 auto 180px;
}

#faq_bl .ttl_bl h2 {
	font-size: 22px;
	margin: 0 0 25px;
}

#faq_bl dl.acdn_item {
	margin: 0;
}

#faq_bl dl.acdn_item dt {
	font-size: 16px;
	padding: 20px 75px;
	background: url(/img/common/mk_plus_blue.svg) 97% 50% no-repeat,
	url(/img/common/mk_q.svg) 3% 50% no-repeat;
}
#faq_bl dl.acdn_item dt.open {
	background: url(/img/common/mk_minus_blue.svg) 97% 50% no-repeat,
	url(/img/common/mk_q.svg) 3% 50% no-repeat;
}

#faq_bl dl.acdn_item dd {
	font-size: 14px;
	padding: 20px 65px 20px 75px;
}






}/* 810 */