@charset "UTF-8";
@import url("global_form.css");
/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
  loan
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.fv{
  background-color: #004ca4;
  margin-top: 70px;
}
.fv-in{
  width: 1200px;
  height: 200px;
  margin: auto;
  background: url(../../images/loan/fv.jpg) no-repeat 400px center;
  background-size: 70%;
}
.fv-in > h2{
  color: #fff;
  text-align: center;
  width: 400px;
  height: 200px;
  margin: 0 auto 0 0;
  display: table;
}
.fv-in > h2 > strong{
  display: table-cell;
  vertical-align: middle;
  font-size: 28px;
  font-weight: 400;
}
.fv-in > h2 > strong > span{
  font-size: 16px;
  font-weight: 600;
  display: block;
  padding-top: 8px;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.main{
  margin: 0 0 60px auto;
  width: 100%;
}
.main > .Manin_Title{
  text-align: center;
}
.Manin_Title > h2{
  font-size: 34px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 0.2em;
}
.Manin_Title > h2::after{
  content: '';
  width: 50px;
  height: 1px;
  display: block;
  margin: 10px auto;
  background-color: #061651;
}
.Manin_Title > p{
  text-align: center;
  color: #061651;
}
.mainloan_p{
  background-color: #e0e5ec;
  color: #061651;
  font-size: 16px;
  text-align: left;
  line-height: 1.7;
  margin: 60px auto;
  width: 880px;
  padding: 20px;
}
/*--------------*/
.LM-ulLink{
  width: 1100px;
  margin: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.LM-ulLink li{
  width: 32%;
}
.LM-ulLink li > a{
  display: block;
  text-align: center;
  padding: 20px 20px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  background-color: #061651;
  transition: all .3s;
  -webkit-transition: .3s;
  transition: .3s;
}
.LM-ulLink li > a:hover{
  opacity: .6;
  transition: all .4s;
  -webkit-transition: .4s;
  transition: .4s;
}
.LM-ulLink li:first-of-type > a{
  background-color: #004ba4;
}
.LM-ulLink li:nth-child(2) > a{
  background-color: #465a84;
}
.LM-ulLink li > a > span{
  display: block;
  letter-spacing: .1em;
  position: relative;
}
.LM-ulLink li > a > span::before{
  position: absolute;
  right: -10px;
  content: '';
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 50%;
}
.LM-ulLink li > a > span::after{
  position: absolute;
  right: -2px;
  top: 6px;
  content: '';
  width: 6px;
  height: 6px;
  border: 1.5px solid;
  border-color:  transparent transparent #061651 #061651;
  transform: rotate(-45deg);
}
.LM-ulLink li:first-of-type > a > span::before{
  position: absolute;
  right: -10px;
  content: '';
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 50%;
}
.LM-ulLink li:first-of-type > a > span::after{
  position: absolute;
  right: -2px;
  top: 6px;
  content: '';
  width: 6px;
  height: 6px;
  border: 1.5px solid;
  border-color:  transparent transparent #004ba4 #004ba4;
  transform: rotate(-45deg);
}
.LM-ulLink li:nth-child(2) > a > span::before{
  position: absolute;
  right: -10px;
  content: '';
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 50%;
}
.LM-ulLink li:nth-child(2) > a > span::after{
  position: absolute;
  right: -2px;
  top: 6px;
  content: '';
  width: 6px;
  height: 6px;
  border: 1.5px solid;
  border-color:  transparent transparent #465a84 #465a84;
  transform: rotate(-45deg);
}


/*----------------------------------------*/
.LM-Borrowing{
  margin: 120px auto 80px;
  width: 1000px;
}
.LM-Borrowing > h2{
  margin-bottom: 20px;
}
.LM-Borrowing > h2 > span{
  font-size: 30px;
  font-weight: 500;
  color: #061651;
  padding-left: 10px;
  letter-spacing: .1em;
  border-left: 10px solid #061651;
}
.LM-Borrowing > h3{
  padding: 60px 0 20px;
  text-align: center;
}
.LM-Borrowing > h3 > span{
  font-size: 30px;
  font-weight: 500;
  color: #061651;
  letter-spacing: .1em;
}
.LM-Borrowing > p{
  display: block;
  padding: 5px 0;
  font-size: 16px;
  text-align: right;
}
.LMS-div{
  width: 1000px;
  margin: auto;
  padding: 30px;
  background-color: #e2e8ed;
}
.LMS-table{
  width: 100%;
  margin: auto;
}
.LMS-table tr{
  border-bottom: 1px solid #9a9ca8;
}
.LMS-table tr:last-of-type{
  border-bottom: none;
}
.LMS-table th{
  width: 360px;
  padding: 20px 0;
  font-size: 16px;
  color: #061651;
  letter-spacing: .08em;
  text-align: left;
}
.LMS-table td{
  width: 580px;
  padding: 20px 0;
  letter-spacing: .08em;
}
.LMS-table td > span{
  font-size: 18px;
  padding-left: 5px;
}
.LMS-table td > i{
  font-size: 14px;
  padding-left: 20px;
}
.LMS-ul{
  margin: 0 auto;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.LMS-ul li{
  margin: auto 20px;
}

.LMS-tableAnswer{
  width: 100%;
  border: 2px solid #061651;
}
.LMS-tableAnswer th{
  font-size: 24px;
  font-weight: 500;
  color: #061651;
  width: calc(100% / 3);
  padding: 20px 0;
  letter-spacing: .08em;
  background-color: #e2e8ed;
  border: 1px solid #061651;
}
.LMS-tableAnswer td{
  border: 1px solid #061651;
  padding: 20px 0;
  text-align: center;
}
.LMS-tableAnswer td > span{
  display: inline-block;
  vertical-align: bottom;
  width: 70px;
  font-size: 24px;
  letter-spacing: .08em;
  color: #061651;
}
.LMS-tableAnswer td > strong{
  display: inline-block;
  vertical-align: bottom;
  width: 160px;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: .08em;
  text-align: right;
}

/*----------------------------------------*/
.LM-Repayment{
  margin: 120px auto 80px;
  width: 1000px;
}
.LM-Repayment > h2{
  margin-bottom: 20px;
}
.LM-Repayment > h2 > span{
  font-size: 30px;
  font-weight: 500;
  color: #061651;
  padding-left: 10px;
  letter-spacing: .1em;
  border-left: 10px solid #061651;
}
.LM-Repayment > h3{
  padding: 60px 0 20px;
  text-align: center;
}
.LM-Repayment > h3 > span{
  font-size: 30px;
  font-weight: 500;
  color: #061651;
}
.LM-Repayment > p{
  display: block;
  padding: 5px 0;
  font-size: 16px;
  text-align: right;
}

/*----------------------------------------*/
.LM-Diagnose{
  margin: 140px auto 40px;
}
.LM_p{
  background-color: #e0e5ec;
  color: #061651;
  font-size: 16px;
  text-align: left;
  line-height: 1.7;
  margin: 60px auto;
  width: 880px;
  padding: 20px;
}
.LM-Diagnose > h3{
  padding: 40px 0;
  text-align: center;
}
.LM-Diagnose > h3 > span{
  font-size: 34px;
  font-weight: 500;
  color: #061651;
}
.LM-ul{
  width: 1000px;
  margin: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.LM-ul li{
  width: 300px;
  height: 260px;
  display: table;
  border: 2px solid #061651;
}
.LM-ul li > p{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.LM-ul li > p > img{
  width: 40%;
}
.LM-ul li > p > strong{
  display: block;
  font-size: 22px;
  color: #061651;
  padding-top: 10px;
  line-height: 1.7;
  letter-spacing: .08em;
}
.LM-div{
  background-color: #e0e5ec;
  line-height: 1.7;
  margin: 60px auto;
  width: 1000px;
  padding: 20px 20px 30px;
  text-align: center;
}
.LM-div > strong{
  font-size: 24px;
  color: #004ba4;
  display: block;
}
.LMP-ul{
  width: 900px;
  margin: auto;
  padding-top: 20px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  display: -webkit-flex;
  display: flex;
}
.LMP-ul li{
  font-size: 20px;
  text-align: left;
  width: 450px;
}


.SearchArea{
  margin: auto;
  text-align: center;
}
.SearchArea > a{
  margin: auto;
  width: 500px;
  display: block;
  background-color: #071752;
  transition: all .4s;
  -webkit-transition: .4s;
  transition: .4s;
}
.SearchArea > a:hover{
  opacity: 0.6;
  transition: all .4s;
  -webkit-transition: .4s;
  transition: .4s;
}
.SearchArea > a > span{
  display: inline-block;
  letter-spacing: 0.5em;
  font-size: 24px;
  padding: 24px;
  width: 100%;
  color: #fff;
  
}
/*----------------------------------------*/
.InputText01{
  width: 240px;
  font-size: 16px;
  padding: 12px 12px;
  border: 1px solid #061651;
}
.InputText02{
  width: 120px;
  font-size: 16px;
  padding: 12px 12px;
  border: 1px solid #061651;
}

/*---------------------------------------------
BreadCrumb
---------------------------------------------*/
.BreadCrumb{
  margin-top: 10px;
}