@charset "Shift_JIS";

/* 共通 */
.col2 {
  overflow: hidden;
}

.col2 li {
  width: 50%;
  box-sizing: border-box;
  float: left;
}

/* ご融資までの流れ
--------------------------------------*/
/*事前審査のお申込み*/
#flow .howto h3 {
  background: #0358b7;
}

#flow .howto .netentry .inner_width img {
  width: 100%;
  position: static;
}

#flow .howto .netentry .btn_undertext {
  font-size: 89%;
  line-height: 1.5;
  text-align: left;
}

/*事前審査結果のご連絡*/
#flow p.indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}

#flow .contact {}

#flow .contact li {
  width: 49%;
  border: 2px solid #e5e5e5;
}

#flow .contact li:nth-child(odd) {
  margin-right: 1%;
}

#flow .contact li:nth-child(even) {
  margin-left: 1%;
}

#flow .contact div img {
  width: 50%;
}

#flow .attention {
  margin: 3% 0;
}

#flow .attention h3 {
  margin: 0 0 3%;
  padding: 1%;
  background: #f3f3f3;
  border: 1px solid #0358b7;
  color: #0358b7;
  text-align: center;
}

#flow .attention li {
  position: relative;
  padding-left: 4%;
}

#flow .attention li:before {
  position: absolute;
  top: 0.1em;
  left: 0;
  content: "\25CF";
  display: block;
  width: 1em;
  height: 1em;
  color: #0358b7;
  font-size: 70%;
}

/*正式お申込み*/
#flow .contract {
  padding: 0 0 8%;
}

#flow .contract h4 {}

#flow .contract .box {
  padding: 3%;
  margin: 3% 0 5%;
  background: #fefaf1;
  color: #036fba;
}

#flow .contract .box li {
  display: inline-block;
  position: relative;
  padding-left: 4%;
  margin-right: 3%;
}

#flow .contract .box li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\25CF";
  display: block;
  width: 1em;
  height: 1em;
  color: #0358b7;
}

#flow .contract .clr01 {
  color: #f12121;
}

#flow .contract .clr02 {
  color: #036fba;
}

#flow .contract .attention {
  margin-top: 8%;
}

#flow .proper .notes {
  margin-top: 2%;
}

#flow .proper .notes li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 90%;
}

#flow .contract .attention dt {
  padding: 2%;
  background: #d9d9d9;
  text-align: center;
  font-weight: bold;
  font-size: 110%;
  line-height: 1.0;
}

#flow .contract .attention dd {
  padding-top: 3%;
}

#flow .contract .attention dd li {
  line-height: 150%;
}

#flow .contract .attention dd li:before {
  content: "\30FB";
  color: #000000;
}

#flow .contract .attention dd p {
  line-height: 150%;
  position: relative;
  padding-left: 4%;
}

#flow .contract .attention dd p:before {
  position: absolute;
  top: 0.1em;
  left: 0;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 70%;
  content: "\203B";
  color: #000000;
}

#flow .contract .proper .inner {
  padding: 5% 3%;
}

/*カードローン*/
#flow .contract .card .toggle_area {
  position: relative;
  margin-top: -2%;
  border: 2px solid #f5a159;
  border-top: none;
}

#flow .contract .card h4 {
  background: #f5a159;
}

#flow .contract .card .box {
  border: 1px solid #f5a159;
  border-radius: 5px;
}

#flow .contract .card .proper h4 {
  padding: 3%;
  background: none;
  border-top: 2px solid #f5a159;
}

#flow .contract .card .proper .block {
  padding-bottom: 8%;
  background: url(../../flow/img/img_step_card.png) no-repeat center bottom;
}

/*フリーローン*/
#flow .contract .free .toggle_area {
  position: relative;
  margin-top: -2%;
  border: 2px solid #f09696;
  border-top: none;
}

#flow .contract .free h4 {
  background: #f09696;
}

#flow .contract .free .box {
  border: 1px solid #f09696;
  border-radius: 5px;
}

#flow .contract .free .proper h4 {
  padding: 3%;
  background: none;
  border-top: 2px solid #f09696;
}

#flow .contract .free .proper .block {
  padding-bottom: 8%;
  background: url(../../flow/img/img_step_free.png) no-repeat center bottom;
}

/*おまとめローン*/
#flow .contract .omatome .toggle_area {
  position: relative;
  margin-top: -2%;
  border: 2px solid #e25857;
  border-top: none;
}

#flow .contract .omatome h4 {
  background: #e25857;
}

#flow .contract .omatome .box {
  border: 1px solid #e25857;
  border-radius: 5px;
}

#flow .contract .omatome .proper h4 {
  padding: 3%;
  background: none;
  border-top: 2px solid #e25857;
}

#flow .contract .omatome .proper .block {
  padding-bottom: 8%;
  background: url(../../flow/img/img_step_omatome.png) no-repeat center bottom;
}

/*マイカーローン*/
#flow .contract .mycar .toggle_area {
  position: relative;
  margin-top: -2%;
  border: 2px solid #82c7b5;
  border-top: none;
}

#flow .contract .mycar h4 {
  background: #82c7b5;
}

#flow .contract .mycar .box {
  border: 1px solid #82c7b5;
  border-radius: 5px;
}

#flow .contract .mycar .proper .note-list{
  border-top: 2px solid #82c7b5;
  padding: 3% 3% 0 3%;
}

#flow .contract .mycar .proper .note-list li{
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.4;
}

#flow .contract .mycar .proper h4 {
  padding: 3%;
  background: none;
}

#flow .contract .mycar .proper .block {
  padding-bottom: 8%;
  background: url(../../flow/img/img_step_mycar.png) no-repeat center bottom;
}

#flow .contract .mycar .list_title{
	margin: 3% 0 2%;
	font-weight: bold;
}

#flow .contract .mycar .list{
	margin-left: 1em;
	text-indent: -1em;
	line-height: 1.4;
}

/*教育ローン*/
#flow .contract .education .toggle_area {
  position: relative;
  margin-top: -2%;
  border: 2px solid #b5cc4f;
  border-top: none;
}

#flow .contract .education h4 {
  padding: 0 20px;
  background: #b5cc4f;
}

#flow .contract .education .box {
  border: 1px solid #b5cc4f;
  border-radius: 5px;
}

#flow .contract .education .proper h4 {
  padding: 3%;
  background: none;
  border-top: 2px solid #b5cc4f;
}

#flow .contract .education .proper .block {
  padding-bottom: 8%;
  background: url(../../flow/img/img_step_education.png) no-repeat center bottom;
}

/*リフォームローン*/
#flow .contract .reform .toggle_area {
  position: relative;
  margin-top: -2%;
  border: 2px solid #7dccd6;
  border-top: none;
}

#flow .contract .reform h4 {
  background: #7dccd6;
}

#flow .contract .reform .box {
  border: 1px solid #7dccd6;
  border-radius: 5px;
}

#flow .contract .reform .proper h4 {
  padding: 3%;
  background: none;
  border-top: 2px solid #7dccd6;
}

#flow .contract .reform .proper .block {
  padding-bottom: 8%;
  background: url(../../flow/img/img_step_reform.png) no-repeat center bottom;
}