@charset "UTF-8";
@media screen and (min-width: 768px) {
.ct_wrap {
	max-width: 960px;
  margin: 0 auto;
  padding: 0 2.0rem;
}
.h1_sub{
	font-size: x-large;
	/* padding-bottom: 5.0rem; */
}
.ct_tl_h2 {
  border-left: .2rem solid #005bac;
  font-size: x-large;
  margin: 0 0 4.0rem;
  padding: 0 0 0 2.0rem;
}
/*----- hd -----*/
#hd .pt2 {
  background: url(../img/lend/mv_lend.jpg) no-repeat top center / cover;
  font-size: x-large;
  padding: 10% 0 10% 15%;
}
/*----- lend -----*/
.lend .flow {
  display: flex;
  margin: 0 0 8.0rem;
}
.lend .flow li {
  align-items: stretch;
  display: flex;
  width: 25%;
 }
.lend .flow li a {
  display: flex;
  width: 100%;
}
.lend .flow li .bg {
  align-items: center;
  background: #78a5ce;
  color: #fff;
  display: flex;
  font-size: large;
  justify-content: center;
  padding: 3.0rem 1.0rem;
  text-align: center;
  width: 90%;
}
.lend .flow li .arrow {
  border-left: 2.0rem solid #f0f0f0;
  border-top: 2.0rem solid transparent;
  border-bottom: 2.0rem solid transparent;
  display: flex;
  height: 0;
  width: 0;
  margin: auto 5%;
}
.lend .step {
  margin: 0 0 8.0rem;
}
.lend .step li {
  border: .2rem solid #cecece;
  margin: 0 0 4.0rem;
}
.lend .step li div {
  padding: 2.0rem;
}
.lend .step li:first-child {
  background: url(../img/lend/lend_flow01.jpg) no-repeat left / 25%;
  padding: 0 0 0 25%;
}
.lend .step li:nth-child(2) {
  background: url(../img/lend/lend_flow02.jpg) no-repeat left / 25%;
  padding: 0 0 0 25%;
}
.lend .step li:nth-child(3) {
  background: url(../img/lend/lend_flow03.jpg) no-repeat left / 25%;
  padding: 0 0 0 25%;
}
.lend .step li:last-child {
  background: url(../img/lend/lend_flow04.jpg) no-repeat left / 25%;
  margin: 0;
  padding: 0 0 0 25%;
}
.lend .step li h3 {
  font-size: x-large;
  margin: 0 0 1.0rem;
}
.lend .step li h3 span {
  color: #005bac;
  font-size: xx-large;
}
.lend .step li p {
  font-size: medium;
}
.lend .step li .blue {
  color: #005bac;
  display: block;
  font-size: large;
  font-weight: bold;
}
.lend .point {
  margin: 0 0 8.0rem;
}
.lend .point .indent {
  padding-left: 1rem;
}
.lend .point li {
  border: .2rem solid #cecece;
  margin: 0 0 4.0rem;
}
.lend .point li div {
  padding: 2.0rem;
}
.lend .point li {
  display: flex;
}
.lend .point li img {
  width: 100%;
}
.lend .point li:nth-child(2) img,
.lend .point li:nth-child(3) img {
  padding: 1em;
}
/*
.lend .point li:first-child {
  background: url(../img/lend/lend_point01.jpg) no-repeat left / 25%;
  padding: 0 0 0 25%;
}
*/
/* .lend .point li:nth-child(2) {
  background: url(../img/lend/lend_point02.jpg) no-repeat center 10% / contain;
  padding: 45% 0 0;
} */
/* .lend .point li:nth-child(3) {
  background: url(../img/lend/lend_point03.png) no-repeat center 10% / contain;
  padding: 35% 0 0;
} */
.lend .point li .w-quarter {
  width: 27%;
}
.lend .point li h3 {
  font-size: x-large;
  margin: 0 0 1.0rem;
}
.lend .point li p {
  font-size: medium;
}
.lend .point li .blue {
  color: #005bac;
  display: block;
  font-size: large;
  font-weight: bold;
}
.lend .point li .red {
  background: #e60505;
  color: #fff;
  display: inline-block;
  margin: 1.0rem 0 0;
  padding: 1.0rem 2.0rem;
  widows: 100%
}
.lend .point li .red_txt {
    width: 100%;
    padding-right: 3.0rem;
}
.lend .company_box {
  margin: 4.0rem 0;
}
.lend .company_box div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lend .company_box h3 {
  font-size: x-large;
  margin: 0 0 2.0rem;
}
.lend .company_box ul{
	width: 33%;
}
.lend .company_box li {
  margin: 0 0 1.0rem;
  width: 100%;
}
.lend .annotation{
	font-size: small;
}
}
@media screen and (max-width: 767px) {
.ct_wrap {
  padding: 0 2.0rem;
}
.h1_sub{
		font-size: large;
		text-align: justify;
		/* padding-bottom: 4.0rem; */
	}
.ct_tl_h2 {
  border-left: .2rem solid #005bac;
  font-size: large;
  margin: 0 0 2.0rem;
  padding: 0 0 0 2.0rem;
}
/*----- hd -----*/
#hd .pt2 {
  background: url(../img/lend/mv_lend.jpg) no-repeat top center / cover;
  font-size: small;
  margin: 2.0rem 0 0;
  padding: 10% 2.0rem 10%;
  text-align: center;
}
/*----- lend -----*/
.lend .flow {
  margin: 0 0 4.0rem;
}
.lend .flow li .bg {
  background: #78a5ce;
  color: #fff;
  display: block;
  font-size: large;
  padding: 3.0rem 1.0rem;
  text-align: center;
}
.lend .flow li .arrow {
  display: block;
  border-top: 2.0rem solid #f0f0f0;
  border-right: 2.0rem solid transparent;
  border-left: 2.0rem solid transparent;
  height: 0;
  width: 0;
  margin: 3% auto;
}
.lend .step {
  margin: 0 0 4.0rem;
}
.lend .step li {
  border: .2rem solid #cecece;
  margin: 0 0 4.0rem;
}
.lend .step li div {
  padding: 2.0rem;
}
.lend .step li:first-child {
  background: url(../img/lend/lend_flow01.jpg) no-repeat center 3% / 40%;
  padding: 35% 0 0;
}
.lend .step li:nth-child(2) {
  background: url(../img/lend/lend_flow02.jpg) no-repeat center 3% / 40%;
  padding: 35% 0 0;
}
.lend .step li:nth-child(3) {
  background: url(../img/lend/lend_flow03.jpg) no-repeat center 3% / 40%;
  padding: 35% 0 0;
}
.lend .step li:last-child {
  background: url(../img/lend/lend_flow04.jpg) no-repeat center 3% / 40%;
  margin: 0;
  padding: 35% 0 0;
}
.lend .step li h3 {
  font-size: large;
  margin: 0 0 1.0rem;
}
.lend .step li h3 span {
  color: #005bac;
  font-size: large;
}
.lend .step li .blue {
  color: #005bac;
  display: block;
  font-size: medium;
  font-weight: bold;
}
.lend .point .indent {
  padding-left: 1rem;
}
.lend .point li {
  border: .2rem solid #cecece;
  margin: 0 0 4.0rem;
}
.lend .point li div {
  padding: 2.0rem;
}
.lend .point li:nth-child(2) img,
.lend .point li:nth-child(3) img {
  padding: 2em;
}
/*
.lend .point li:first-child {
  background: url(../img/lend/lend_point01.jpg) no-repeat center 3% / 40%;
  padding: 35% 0 0;
}
*/
/* .lend .point li:nth-child(2) {
  background: url(../img/lend/lend_point02.jpg) no-repeat center 3% / contain;
  padding: 45% 0 0;
} */
/* .lend .point li:nth-child(3) {
  background: url(../img/lend/lend_point03.png) no-repeat center 3% / contain;
  padding: 35% 0 0;
} */
.lend .point li h3 {
  font-size: large;
  margin: 0 0 1.0rem;
}
.lend .point li .blue {
  color: #005bac;
  display: block;
  font-size: medium;
  font-weight: bold;
}
.lend .point li .red {
  background: #e60505;
  color: #fff;
  display: block;
  margin: 1.0rem 0 0;
  padding: 1.0rem 2.0rem;
}
.lend .point li .red_txt {
    width: 100%;
    display: block;
}
.lend .point {
  margin: 0 0 4.0rem;
}
.lend .company_box {
  margin: 4.0rem 0;
}
.lend .company_box h3 {
  font-size: large;
  margin: 0 0 1.0rem;
}
.lend .company_box li {
  display: inline-block;
  margin: 0 1.0rem 1.0rem 0;
}
.lend .company_box li:before {
  content: "・";
}
.lend .annotation{
	font-size: small;
}
}