/* --------------------------------------------------------------
    layout
-------------------------------------------------------------- */
/* #global-header
----------------------------------------------------*/
#global-header {
  position: relative;
}

.link-about {
  background: url(../../images/rp/common/header_icon2.png) 0 center no-repeat;
  display: table-cell;
  vertical-align: middle;
  padding: 5px 30px 0 20px;
  font-size: 13px;
}
.link-dial {
  background: url(../../images/rp/common/header_dial.png) 0 center no-repeat;
  display: table-cell;
  vertical-align: middle;
  padding: 5px 30px 0 25px;
  font-size: 13px;
}

.header-btn1 {
  background-color: #54b5ea;
}
.header-btn2 {
  background-color: #46b573;
  vertical-align: middle;

}

.header-btn1:before {
  content: url(../../images/rp/common/header_icon1.png);
  margin-right: 10px;
}

/* #global-navi
----------------------------------------------------*/
#global-navi li.active {
  background: url(../../images/rp/common/navi_active.png) 0 bottom repeat-x;
}
#global-navi li > a {
  min-width: 80px;
  background-position: 0 bottom;
}
#global-navi li > a:hover {
  background: url(../../images/rp/common/navi_active.png) 0 bottom repeat-x;
}
#global-navi .sub-navi {
  width: 100%;
  position: absolute;
  top: 112px;
  left: 0;
  background: #54b5ea;
  height: 45px;
  line-height: 45px;
  z-index: 10;
  display: none;
}
#global-navi .sub-navi ul {
  text-align: left;
}
#global-navi .sub-navi li {
  display: inline-block;
  font-size: 14px;
  margin-right: 30px;
}
#global-navi .sub-navi a {
  color: #fff;
}
#global-navi .sub-navi a:before {
  content: url(../../images/rp/common/navi_icon.png);
  margin-right: 10px;
}
#global-navi .sub-navi.rp2 ul li:first-child {
  margin-left: 130px;
}
#global-navi .sub-navi.rp5 ul li:first-child {
  margin-left: 460px;
}
#global-navi .sub-navi.rp6 ul li:first-child {
  margin-left: 470px;
}
#global-navi .drop.on > a {
  background: url(../../images/rp/common/navi_active.png) 0 bottom repeat-x;
}

/* #main-img
----------------------------------------------------*/
#main-img {
  width: 100%;
  height: 420px;
  background: url(../../images/rp/top/main_img_bg.png) center 0 no-repeat;
  background-color: #FFFFFF;
}

#main-img h2 {
  padding: 25px 0px 12px 40px;
  margin: 0;
}


#caption {
	width: 550px;
	padding: 15px 0 0;
	text-align: center;
}
#caption #info{
	width: 550px;
	height: 65px;
	background: url(../../images/rp/top/btn_camp_bg.png) 0 0 no-repeat;
	position: relative;
}
#apDiv1 {
	position:absolute;
	width:550px;
	height:65px;
	z-index:1;
	left: 0px;
	top: 0px;
}


#main-img .main-info {
  padding: 13px 0  0 17px;
  margin: 0 0 5px 55px;
  width: 500px;
  height: 96px;
  background: url(../../images/rp/top/main_card_bg.png) 0 0 no-repeat;
}

#main-img .maiin_copy2 {
margin-top: 5px;
	float: left;
}

#main-img .main-info .btn-entry {
  background: url(../../images/rp/top/main_btn_bg.png) 0 0 no-repeat;
  width: 227px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
}
#main-img .main-info:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
#main-img .main-info-text {
  float: left;
  margin-left: 20px;
  margin-top: 5px;
}
#main-img .main-info-text .btn-entry {
  margin-top: 0px;
}
#main-img .main-point li {
  display: block;
  margin-left: 45px;
}

/* #global-footer
----------------------------------------------------*/
/* #footer-navi */
#footer-navi {
  background-color: #dee9f3;
}

/* #footer-info */
#footer-info {
  background-color: #aedfc2;
	position: relative;
}
#footer-info .footer-info-rp, #footer-info .footer-info-rpp {
  padding: 20px 25px;
}
#footer-info .footer-info-rp {
  float: left;
  background: url(../../images/rp/common/footer_bg_l.png) 0 0 no-repeat;
  width: 950px;
  height: 170px;
  position: relative;
}
#footer-info .footer-info-rp > img {
  float: left;
  margin-right: 20px;
}
#footer-info .footer-info-rp .info-rp-text {
	margin-top: 50px;
  float: right;
  width: 280px;
}
#footer-info .footer-info-rp .info-rp-text h5 {
  font-size: 20px;
  margin-bottom: 13px;
}
#footer-info .footer-info-rp .info-rp-text p {
  margin-bottom: 14px;
  font-size: 16px;
}
#footer-info .footer-info-rp .info-rp-text p img {
  float: left;
  margin-right: 10px;
}
#footer-info .footer-info-rp .info-rp-text .btn-entry {
  background: url(../../images/rp/common/footer_info_btn1.png) 0 0 no-repeat;
  width: 280px;
  height: 50px;
  line-height: 50px;
}
#footer-info .footer-info-rpp {
  float: right;
  background: url(../../images/rp/common/footer_bg_r.png) 0 0 no-repeat;
  width: 260px;
  height: 170px;
  position: relative;
}
#footer-info .footer-info-rpp .btn-rpp {
  background: url(../../images/rp/common/footer_info_btn2.png) 0 0 no-repeat;
  width: 170px;
  height: 70px;
  line-height: 1.5;
  font-size: 15px;
  padding-top: 13px;
  margin: 24px 0 0;
}
#footer-info .footer-info-rpp .info-rpp-gon {
  position: absolute;
  bottom: 16px;
  right: 8px;
}
#footer-info .footer-info-ttl {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	width: 650px;
	height: 40px;
	left: 352px;
	top: 15px;
}

/* #footer-tel */
#footer-tel {
  background-color: #54b5ea;
}

/* #footer-tel-rp */
#footer-tel-rp {
  background-color: #54b5ea;
}

/* #page-title
----------------------------------------------------*/
#page-title {
  background-color: #bae3f9;
}

/* subtit
----------------------------------------------------*/
.main-box > h4:before {
  content: url(../../images/common/subtit_l.png);
}
.main-box > h4:after {
  content: url(../../images/common/subtit_r.png);
}

/* --------------------------------------------------------------
    top
-------------------------------------------------------------- */
/* .top-list
----------------------------------------------------*/
.top-list .check-list li {
  background: url(../../images/rp/common/icon_check.png) 0 10px no-repeat;
}

/* .cm-list
----------------------------------------------------*/
.cm-list {
  margin: 0 auto;
}
.cm-list > div {
  float: left;
}
.cm-list > div p {
  margin: 40px 0 0;
}
.cm-list .cm-l {
  margin-right: 28px;
}
.cm-list .cm-r {
  margin-left: 28px;
}
.cm-list iframe {
  border: 0 none;
}
.cm-list:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

/* --------------------------------------------------------------
    speed
-------------------------------------------------------------- */
.rp_merit1_1 {
  width: 750px;
}
.rp_merit1_1:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
.rp_merit1_1 > div {
  float: left;
}
.rp_merit1_1 > img {
  float: right;
}

/* --------------------------------------------------------------
    how
-------------------------------------------------------------- */
.bold {
  font-weight: bold;
}

.sub {
  display: block;
  font-size: 24px;
  padding-top: 10px;
}

.main-box .check-list dd, .main-box .check-list li {
  background: url(../../images/rp/common/icon_check.png) 0 10px no-repeat;
}

/* merit2-1 */
.layout-img1-text.merit2-1 dl dt {
  margin-bottom: 10px;
}

/* merit2-2 */
.layout-img1-text.merit2-2 dl {
  padding-top: 20px;
}
.layout-img1-text.merit2-2 dl dt {
  margin-bottom: 20px;
}
.layout-img1-text.merit2-2 dl dd a {
  margin-right: 20px;
}

/* --------------------------------------------------------------
    flow
-------------------------------------------------------------- */
.layout-flow.nobor {
  background: #dee9f3;
}
.layout-flow.nobor:after {
  border-color: rgba(222, 233, 243, 0);
  border-top-color: #dee9f3;
}

.list2 {
  margin-left: 30px;
  margin-top: 15px;
}
.list2 dl {
  background: #dee9f3;
  padding: 30px;
  position: relative;
}
.list2 dl dt {
  float: left;
  font-size: 28px;
  font-weight: bold;
  margin-right: 30px;
  padding-top: 5px;
}


.bt-list li {
  padding-top: 20px;
  clear: both;
}
.bt-list .bt-l {
  width: 320px;
  height: 82px;
  vertical-align: middle;
  text-align: left;
  background: url(../../images/rp/flow/bg-btn-flow.png) 0 0 no-repeat;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}
.bt-list a {
  display: block;
  padding-right: 7px;
  padding-left: 35px;
  height: 82px;
  color: #fff;
  position: relative;
  z-index: 1;
}
.bt-list a:before {
  content: url(../../images/common/arrow_right.png);
  position: absolute;
  left: 14px;
  top: 36px;
  z-index: 2;
}
.bt-list a:after {
  content: url(../../images/common/ico_pdf.png);
  position: absolute;
  right: 12px;
  top: 31px;
}
.bt-list .line1 a {
  padding-top: 35px;
  height: 47px;
}
.bt-list .line2 a {
  padding-top: 25px;
  height: 57px;
}
.bt-list .line3 a {
  padding-top: 15px;
  height: 67px;
  font-size: 12px;
}
.bt-list .line4 a {
  padding-top: 10px;
  height: 67px;
  font-size: 12px;
  line-height:1.4em;
}

/* --------------------------------------------------------------
    gaiyou
-------------------------------------------------------------- */
.bt-pdf.bt-s a {
  width: 175px;
  background: url(../../images/rp/about/bg-bt-s.png);
}

.bt-pdf.bt-m a {
  width: 303px;
  background: url(../../images/rp/about/bg-bt-m.png);
}

.bt-pdf.bt-l a {
  width: 324px;
  background: url(../../images/rp/about/bg-bt-l.png);
}
/* --------------------------------------------------------------
    gaiyou（800万対応時修正）
-------------------------------------------------------------- */

/* -----小ボタン（1行）------ */
.bt-pdf1 {
  float: left;
  margin-right: 20px;
}
.bt-pdf1 a {
  display: block;
  padding-right: 7px;
  height: 47px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
.bt-pdf1 a:before {
  content: url(../../images/common/arrow_right.png);
  position: absolute;
  left: 14px;
  top: 27px;
  z-index: 2;
}
.bt-pdf1 a:after {
  content: url(../../images/common/ico_pdf.png);
  position: absolute;
  right: 12px;
  top: 25px;
}
.bt-pdf1.bt-s1 a {
  width: 152px;
  background: url(../../images/rp/about/bg-bt-s2.png);
text-align:left;
padding:28px 0px 0px 30px;
}

/* -----中ボタン（1行）------ */
.bt-pdf1.bt-m2 a {
  width: 280px;
  background: url(../../images/rp/about/bg-bt-m2.png);
text-align:left;
padding:28px 0px 0px 30px;
}

/* -----中ボタン（2行）------ */
.bt-pdf2 {
  float: left;
  margin-right: 20px;
}
.bt-pdf2 a {
  display: block;
  padding-right: 7px;
  height: 57px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
.bt-pdf2 a:before {
  content: url(../../images/common/arrow_right.png);
  position: absolute;
  left: 14px;
  top: 27px;
  z-index: 2;
}
.bt-pdf2 a:after {
  content: url(../../images/common/ico_pdf.png);
  position: absolute;
  right: 12px;
  top: 25px;
}
.bt-pdf2.bt-m2 a {
  width: 280px;
  background: url(../../images/rp/about/bg-bt-m2.png);
text-align:left;
padding:18px 0px 0px 30px;
}

/* -----中ボタン（3行）------ */
.bt-pdf3 {
  float: left;
  margin-right: 20px;
}
.bt-pdf3 a {
  display: block;
  padding-right: 7px;
  height: 68px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
.bt-pdf3 a:before {
  content: url(../../images/common/arrow_right.png);
  position: absolute;
  left: 14px;
  top: 27px;
  z-index: 2;
}
.bt-pdf3 a:after {
  content: url(../../images/common/ico_pdf.png);
  position: absolute;
  right: 12px;
  top: 25px;
}
.bt-pdf3.bt-l2 a {
  width: 280px;
  background: url(../../images/rp/about/bg-bt-m2.png);
text-align:left;
padding:7px 0px 0px 30px;
}

/* --------------------------------------------------------------
    faq
-------------------------------------------------------------- */
.layout-qa dl dt {
  background: url(../../images/rp/qa/ico_q.png) 0 5px no-repeat;
}
.layout-qa dl dd {
  background: url(../../images/rp/qa/ico_a.png) 0 0 no-repeat;
}

/* --------------------------------------------------------------
    cardloan
-------------------------------------------------------------- */
#page-title.title-overview {
  border-top: solid 20px #bae3f9;
}

.layout-overview {
  background: #bae3f9;
}
.layout-overview h3 span {
  padding-top: 110px;
  background: url(../../images/rp/overview/ico_hlQ.png) top center no-repeat;
}
.layout-overview:before {
  background: url(../../images/rp/overview/bg-bbox-top.gif) 0 0 no-repeat;
}
.layout-overview:after {
  background: url(../../images/rp/overview/bg-bbox-bottom.gif) left bottom no-repeat;
}
.layout-overview .layout-img2 {
  width: 860px;
}
.layout-overview .layout-img2 .layout-img2-img {
  margin-bottom: 20px;
}

/* --------------------------------------------------------------
    daial
-------------------------------------------------------------- */
.prosess {
  background: #dee9f3;
  padding: 30px;
	margin: 50px 60px 0 60px;
  position: relative;
}
.prosess h2 {
	text-align: center;
	margin-bottom: 10px;
}
.prosess .free-dial {
	background-image: url(../../images/rp/dial/img_freedial.png);
	background-repeat:no-repeat;
	background-position:left center;
	font-size: 46px;
	font-weight: bold;
	color: #54B5EA;
  padding-left: 80px;
  line-height:50px;
	margin: 30px 0px 20px 180px;
}
/* --------------------------------------------------------------
    mamber
-------------------------------------------------------------- */
.intro{
	border-bottom: dotted 1px #808080;
	margin-bottom: 30px;
}
.intro h5{
	font-size: 20px;
	color: #54b5ea;
	text-align: left;
	margin-bottom: 10px;
}
.list{
	font-size: 18px;
	text-align: left;
}
.list li {
  margin-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
}
.intro .note{
	text-align: left;
}
.acsess {
	font-size: 18px;
	font-weight: bold;
}
.acsess td{
	padding: 8px;
}
.download {
	background-image: url(../../images/rp/member/bg_download.png);
	width: 790px;
	height: 260px;
	margin: 0 auto 30px auto;
	position: relative;
}
.download .btn_apple{
	width: 153px;
	height: 45px;
	top: 134px;
	left: 65px;
	position: absolute;
}
.download .btn_google{
	width: 153px;
	height: 53px;
	top: 130px;
	left: 455px;
	position: absolute;
}
/* --------------------------------------------------------------
    zouwaku
-------------------------------------------------------------- */
#page-title.title-overview {
  border-top: solid 20px #bae3f9;
}

.layout-overview {
  background: #bae3f9;
}
.layout-overview h3 {
  position: relative;
  padding-top: 5px;
  width: 100%;
}
.layout-overview:before {
  background: url(../../images/rp/zouwaku/bg-box-top.gif) 0 0 no-repeat;
}
.layout-overview:after {
  background: url(../../images/rp/zouwaku/bg-box-bottom.gif) left bottom no-repeat;
}
.layout-overview .layout-overview-in-g {
  width: 660px;
  padding: 20px;
  margin: 0 auto;
  background: #54b5ea;
  position: relative;
  z-index: 3;
  color: #fff;
}
.layout-overview .layout-overview-in-g:before {
  background: url(../../images/rp/zouwaku/bg-boxIn-top.gif) 0 0 no-repeat;
  content: "";
  width: 700px;
  height: 10px;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 2;
}
.layout-overview .layout-overview-in-g:after {
  background: url(../../images/rp/zouwaku/bg-boxIn-bottom.gif) left bottom no-repeat;
  content: "";
  width: 700px;
  height: 10px;
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.layout-overview .layout-overview-in-g p {
  color: #fff;
  font-weight: bold;
}
.layout-overview .w700 {
  width: 700px;
  margin: 0 auto;
}
.layout-overview dl.ex {
  text-align: left;
  padding: 0 0 50px 40px;
  font-size: 15px;
}
.layout-overview dl.freeCall {
  text-align: left;
  width: 600px;
  margin: 0 auto;
}
.layout-overview dl.freeCall dt {
  width: 210px;
  padding: 1px 0;
  float: left;
  position: relative;
  background: #54b5ea;
  border: 3px solid #fff;
  text-align: center;
  line-hegiht: 1;
  font-weight: bold;
}
.layout-overview dl.freeCall dt:after, .layout-overview dl.freeCall dt:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.layout-overview dl.freeCall dt:after {
  border-color: rgba(70, 181, 115, 0);
  border-left-color: #54b5ea;
  border-width: 5px;
  margin-top: -5px;
}
.layout-overview dl.freeCall dt:before {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 9px;
  margin-top: -9px;
}
.layout-overview dl.freeCall dd {
  width: 360px;
  float: right;
}
.layout-overview dl.freeCall dd.num {
  font-size: 36px;
  padding-left: 67px;
  padding-top: 1px;
  background: url(../../images/rp/zouwaku/ico_freeCall.png) 0 0 no-repeat;
  width: 293px;
  line-height: 1;
  font-weight: bold;
}
.layout-overview dl.freeCall dd.info {
  padding-top: 0.5em;
  font-size: 13px;
}

.main-box.layout-overview .main-box-body .layout-overview-in-g p {
  text-align: center;
  margin-bottom: 35px;
}
.layout-overview dl.list {
  text-align: left;
  font-size: 15px;
}


/* （！）（リスト
////////////////////////////// */
.warn-box-atm {
	margin: -30px 0 40px;
	padding: 22px;
	border: 2px solid #c00;
}

ul.list-warn-atm {
	padding-left: 0;
}

ul.list-warn-atm > li {
	padding-left: 36px;
	color: #c00;
	list-style: none;
	text-align: left;
	font-size: 17px;}

ul.list-warn-atm > li + li {
	margin-top: 16px;
}

ul.list-warn-atm > li:before {
	display: inline-block;
	margin-right: 16px;
	margin-left: -36px;
	width: 20px;
	height: 20px;
	background-image: url(/surugabank/img/common/ico_warn.svg);
	background-position: 0 0;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	content: " ";
	vertical-align: middle;
}

ul.list-warn-atm > li a {
	color: #c00;
}

ul.list-warn-atm > li a:after {
	display: inline-block;
	margin: 0 4px;
	width: 12px;
	height: 12px;
	background-image: url(/surugabank/img/common/arw-warn.svg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	content: "";
	vertical-align: 0;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

ul.list-warn-atm > li time {
	margin-right: 16px;
}