@charset "Shift_JIS";
/* Updated 2023/03/01.T */
/* Updated 2023/02/03.T */

._mt60 {
	margin-top: 60px !important;
}

.cardLoan-section {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-right: auto;
	margin-left: auto
}

.cardLoan-section:not(._cardLoanFull) {
	max-width: 1280px
}

.cardLoan-points {
	display: flex
}

.cardLoan-pointsList {
	display: flex
}

.cardLoan-pointsNum {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	color: #004831;
	background-image: url(/kojin/smbc-id/imgs/index_img_05.svg);
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center
}

.cardLoan-pointsNum>.point {
	font-size: 1.3rem;
	line-height: 1
}

.cardLoan-pointsNum>.num {
	font-size: 2.9rem;
	font-weight: 700;
	line-height: 1
}

.cardLoan-pointsImage {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.cardLoan-pointsCaption {
	font-size: 2.4rem;
	font-weight: 700;
	color: #004831;
	text-align: center
}

@media all and (min-width:768px) {
	.cardLoan-points {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: -20px 0;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify
	}

	.cardLoan-pointsList {
		flex-basis: 50%;
		justify-content: space-between;
		max-width: 50%;
		padding: 20px 0;
		-ms-flex-preferred-size: 50%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify
	}

	.cardLoan-pointsList:nth-child(odd) {
		padding-right: 20px
	}

	.cardLoan-pointsList:nth-child(even) {
		padding-left: 20px
	}

	.cardLoan-pointsNum {
		flex-basis: 80px;
		flex-shrink: 0;
		max-width: 80px;
		-ms-flex-preferred-size: 80px;
		-ms-flex-negative: 0
	}

	.cardLoan-pointsImage {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		padding-top: .2em;
		padding-right: 2em
	}

	.cardLoan-pointsCaption {
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 3em
	}
}

@media only screen and (max-width:767px) {

	.cardLoan-section {
		padding: 0 4vw
	}

	*+.cardLoan-section {
		margin-top: 80px
	}

	.cardLoan-points {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.cardLoan-pointsList {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.cardLoan-pointsList+.cardLoan-pointsList {
		padding-top: 28px
	}

	.cardLoan-pointsImage {
		padding-top: 2vw
	}
}

.section-block02 .title-heading02 {
  margin-bottom: 20px;
}

.section-block02 .toggle-block01:not(:first-child) {
  margin-top: 20px;
}

.section-block02 .card-box02>.inner>.body {
  padding: 0;
}

.section-block02 .card-box02 .img-block01 {
  flex-direction: row-reverse;
}

.section-block02 .img-block01>.text {
  padding: 28px;
}

.section-block02 .img-block01.-wide01>.text:last-child {
  padding-right: 0;
}

.section-block02 .img-block01>.text .list-notice01 {
  margin-left: 45px;
}

.section-block02 .text-num01>.mark {
  color: #004831;
}

.section-block02 .img-block01>.img {
  align-self: flex-end;
  width: 423px;
}

.section-block02 .card-overflowing01 {
  background: none;
  margin-top: 20px;
  padding-top: 0;
}

.section-block02 .card-overflowing01>.inner {
  padding: 0;
}

.section-block02 .card-overflowing01>.inner>.body>[class*=card-box] {
  margin-top: 0;
}

.section-block02 .card-overflowing01>.inner>.body>[class*=card-box]:last-child {
  margin-bottom: 0;
}

.section-block02 .card-overflowing01 .card-box03>.inner {
  padding-top: 25px;
  overflow: hidden;
}

.section-block02 .detail-block02>.inner>.img {
  filter: drop-shadow(10px 0px 16px rgba(0,0,0,0.15));
}

.section-block02 .case-container .title-heading03 .title .label-mark01 {
  align-items: flex-end;
}

.section-block02 .case-container section + section>.title-heading03 {
  margin-top: 20px;
}

@media screen and (min-width:768px) {
  .section-block02 .card-box03 .text-block01:not(:first-child) {
    margin-top: 10px;
  }
}

@media only screen and (max-width:767px) {
  .section-block02 .img-block01>.img {
    width: auto;
    max-width: 100%;
  }

  .section-block02 .card-box02>.inner>.body {
    padding: 28px 28px;
  }

  .section-block02 .img-block01>.text {
    padding: 0;
  }

  .section-block02 .card-overflowing01 .detail-block02 .img {
    margin-top: 20px;
  }
}