@charset "utf-8";
body.w-wide .wrapper.w-1220 {
  width: 100%;
  padding: 0;
  margin: 0;
}

body.w-wide .wrapper.w-1220 #mainCol {
  width: 100%!important;
}

.wrapper #mainCol ul.normalList li {
  position: relative;
  margin-bottom: 0;
  padding-left: 1em;
  box-sizing: border-box;
}

.normalList li::before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.list2col {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.list2col li {
  width: 49%;
}

@media screen and (min-width: 768px) {
  .sp-only {
    display: none!important;
  }
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none!important;
  }

  body.w-wide .wrapper #mainCol {
    padding: 0!important;
  }

  .list2col {
    display: block;
  }
  
  .list2col li {
    width: 100%;
  }
}

/* 追従フッター */
.w-wide #mainCol .fixed-module .conversion-container {
  background-color: rgba(0, 0, 102, .8);
}

.w-wide #mainCol .conversion-inner p {
  display: inline-block;
  padding-right: 10px;
}

.w-wide #mainCol .conversion-inner.single p {
  width: 400px;
}

.w-wide #mainCol .fixed-module .conversion-inner .btnRound.next.function {
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 20px 35px;
  background: url(/assets/images/icon/icon_arrow-btm_03.png),linear-gradient(to bottom, #EAEAEA, #EDEDED, #F4F4F4, #C7C7C7);
  background-position: 7%;
  color: #000066 !important;
  text-decoration: none!important;
  border-radius: 8px; 
  text-align: center; 
  border: 2px solid #979797;
  font-weight: bold; 
  background-repeat: no-repeat;
}

.w-wide #mainCol .fixed-module .conversion-inner .btnRound.next.function:hover {
  color: #fff !important;
  background: url(/assets/images/icon/icon_arrow-btm_02.png),#006;
  background-repeat: no-repeat;
  background-position: 7%;
}

.w-wide #mainCol .fixed-module .conversion-inner.upper .btnRound.next.function {
  background: url(/assets/images/icon/icon_arrow-top_03.png),linear-gradient(to bottom,#EAEAEA, #EDEDED, #F4F4F4, #C7C7C7);
  background-repeat: no-repeat;
  background-position: 7%;
}

.w-wide #mainCol .fixed-module .conversion-inner.upper .btnRound.next.function:hover {
  background: url(/special/loan_card/lp/images/icon_arrow-top_02.png),#006;
  background-repeat: no-repeat;
  background-position: 7%;
}

.w-wide #mainCol .fixed-module .conversion-inner.single .btnRound.next.function {
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .w-wide #mainCol .fixed-module .conversion-inner {
    display: flex;
    justify-content: space-between;
    padding: 12px 10px;
  }

  .w-wide #mainCol .fixed-module .conversion-inner.single {
    justify-content: center;
  }

  .w-wide #mainCol .fixed-module .conversion-inner p {
    box-sizing: border-box;
    width: 49%;
    padding: 0;
  }
}

/* .keyvisual */
.keyvisual {
  width: 1220px;
  margin: auto;
}

.keyvisual img {
  width: 100%;
}

/* .applicationBlock */
.applicationBlock {
  max-width: 1220px;
  margin: auto;
  padding: 20px 30px 30px;
  background: #f2f2f2;
  box-sizing: border-box;
}

.applicationTitle {
  margin-top: 0!important;
  font-size: 1.45em;
  font-weight: bold;
  text-align: center;
}

.applicationBlock .m-internetApply-btn {
  width: 900px;
  margin: 16px auto 0;
}

.applicationButton {
  text-align: center;
}

.applicationButton a {
  display: inline-block;	display: inline-block;
  position: relative;	position: relative;
  width: 440px;	width: 440px;
  padding: 45px 35px;	padding: 20px 35px;
  background-color: #000562;	background: linear-gradient(to bottom, #464FFF, #000066); 
  font-size: 2.3em;	font-size: 2.3em;
  color: #fff!important;	color: #fff!important;
  text-decoration: none!important;	text-decoration: none!important;
  box-sizing: border-box;	box-sizing: border-box;
  border-radius: 8px;
  text-align: center;
  }	
body.w-wide #mainCol .applicationButton a:link,
body.w-wide #mainCol .applicationButton a:visited {
  color: #fff!important;
}

.applicationButton a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 13px;
  height: 13px;
  margin-top: -6.5px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(45deg);
}

.applicationButton a:hover {
  background: #aeb8de;
  color: #006 !important;
}

.applicationButton a:hover::before {
  border-right: 3px solid #006;
  border-bottom: 3px solid #006;
}

@media screen and (max-width: 767px) {
  .keyvisual {
    width: 100%;
  }

  .applicationBlock {
    width: 100%;
    padding: 10px 15px 15px;
  }

  .applicationBlock .m-internetApply-btn {
    width: 100%;
  }

  
  .applicationButton a {
    width: 90%;
    padding: 20px 20px;
    font-size: 1.5em;
    margin-top: 10px;
  }

  .applicationButton a::before {
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
}

/* #simulation */
.simulationBlock {
  width: 960px;
  margin: 30px auto 0;
  padding-bottom: 40px;
}

.simulationTitle {
  font-size: 1.7em;
  font-weight: bold;
  text-align: center;
}

.simulationTitle span {
  display: inline-block;
  vertical-align: middle;
}

.simulationLead {
  margin-top: 0!important;
  font-size: 2.3em;
  font-weight: bold;
  text-align: center;
}

.simulationFormWrap {
  display: flex;
  justify-content: space-between;
  width: 900px;
  margin: 50px auto 0;
}

.simulationFormCol {
  width: 240px;
}

.simulationFormCol.is-wide {
  width: 340px;
}

.simulationFormBalloon img {
  width: 100%;
}

.simulationFormInput {
  margin-top: 14px;
  font-size: 1.35em;
  font-weight: bold;
  text-align: center;
}

.simulationFormInputInner {
  display: inline-block;
  text-align: left;
}

.simulationFormInput input {
  width: 180px;
  margin-right: 5px;
  padding: 14px 20px 12px;
  border: 2px solid #333;
  border-radius: 5px;
  background: #fffef5;
  font-size: 0.95em;
  text-align: center;
  box-sizing: border-box;
}

.simulationFormAnnotation {
  margin-top: 5px!important;
  font-size: 0.65em;
  font-weight: normal;
  color: #2c2c2c;
}

.simulationFormAnchor {
  width: 900px;
  margin: 0 auto;
}

.simulationButton {
  margin-top: 25px;
  text-align: center;
}

.simulationStart {
  display: inline-block;
  position: relative;
  width: 345px;
  padding: 15px 15px 13px;
  border: none;
  border-radius: 5px;
  background: #0068b7;
  font-size: 1.3em;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
}

.simulationStart::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg);
}

.simulationStart,.pointList a:hover {
  opacity: .8;
}

#resultBlock {
  display: none;
}

.simulationResult {
  margin-top: 28px;
  padding: 10px;
  background: #f2f9ff;
}

.simulationResultInner {
  background: #fff;
  padding-bottom: 15px;
}

.simulationResultLine {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 28px 10px;
  box-sizing: border-box;
}

.simulationResultLine + .simulationResultLine {
  border-top: dotted 3px #ccc;
}

.simulationResultLine dt {
  width: 170px;
  font-size: 1.4em;
  font-weight: bold;
}

.simulationResultLine dd {
  width: 220px;
  font-size: 1.7em;
  font-weight: bold;
  text-align: right;
}

.simulationResultLine dd span {
  font-size: 1.4em;
}

#repaymentTotal dd {
  color: #1d50a2;
}

#repaymentTotal dd span {
  font-size: 1.75em;
}

.simulationResultInner .applicationBlock {
  padding: 20px 20px 0;
  background: #fff;
}

.simulationWarning {
  padding: 0 10px;
  color: #c00;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .simulationBlock {
    width: 100%;
    padding-bottom: 0;
  }

  .simulationInner {
    width: 95%;
    margin: 0 auto;
  }

  .simulationTitle {
    font-size: 1.3em;
  }

  .simulationTitle span {
    width: 65px;
    margin: 0 5px;
  }

  .simulationLead {
    margin-top: 5px!important;
    font-size: 1.85em;
    line-height: 1.5!important;
  }

  .simulationFormWrap {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  
  .simulationFormCol,
  .simulationFormCol.is-wide {
    width: 100%;
  }

  .simulationFormCol + .simulationFormCol {
    margin-top: 20px;
  }

  .simulationFormBalloon {
    width: 67%;
    max-width: 480px;
    margin: 0 auto; 
  }

  .is-wide .simulationFormBalloon {
    width: 95%;
    max-width: 680px;
  }

  .simulationFormInput {
    text-align: left;
  }

  .simulationFormInputInner {
    display: block;
  }

  .simulationFormInput input {
    width: 85%;
  }

  .simulationFormAnchor,
  .simulationStart {
    width: 100%;
  }

  .simulationResultInner {
    padding-bottom: 15px;
  }

  .simulationResultLine {
    display: block;
    margin: 0 15px;
    padding: 28px 0;
  }

  .simulationResultLine dt {
    width: 100%;
  }

  .simulationResultLine dd {
    width: 100%;
    margin-top: 10px;
    text-align: left;
  }
  .simulationResultInner .applicationBlock {
    padding: 0 15px;
  }
}

/* .pointBlock */
.pointHead {
  padding: 50px 0 100px;
  background: #f2f9ff;
}

.pointHeadInner {
  width: 1140px;
  margin: 0 auto;
}

.pointHeadTitle {
  font-size: 3.55em;
  font-weight: bold;
  color: #1d50a2;
  line-height: 1.3;
  text-align: center;
}

.pointHeadSubTitle {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  font-size: 0.65em;
}

.pointHeadSubTitle::before,
.pointHeadSubTitle::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  width: 4px;
  height: 35px;
  background: #1d50a2;
  border-radius: 2px;
}

.pointHeadSubTitle::before {
  left: 0;
  transform: rotate(-25deg);
}

.pointHeadSubTitle::after {
  right: 0;
  transform: rotate(25deg);
}

.pointHeadMainTitle {
  display: inline-block;
  border-bottom: 2px dashed #c93c34;
}

.pointHeadTitleNum {
  font-size: 1.5em;
}

.pointList {
  display: flex;
  justify-content: space-between;
  margin-top: 60px!important;
  border-left: 1px solid #1d50a2;
  
}
.pointList a{
  text-decoration: none !important;
}

.pointList li {
  text-align: center;
  width: 227px;
  border-right: 1px solid #1d50a2;
  position: relative;
  padding-bottom: 53px;
  margin-bottom: 0 !important;
}

.pointListText::after{
  content: "";
  display: inline-block;
  background-image: url(/special/loan_card/lp/images/icon_arrow01.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 26px;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -9px;
}
.pointListText {
  font-size: 1.45em;
  font-weight: bold;
  color: #1d50a2;
  margin-top: 20px !important;
  line-height: 1.5 !important;
}

.pointContainer {
  padding-top: 100px;
}

.pointContent {
  width: 1160px;
  margin: 20px auto 0;
  padding: 0 50px 40px;
  background: #f2f9ff;
  border: 5px solid #27509d;
  border-radius: 15px;
  box-sizing: border-box;
}

.pointContentTitle {
  width: 96%;
  margin: -5px auto 0;
  border-top: 5px solid #fff;
  text-align: center;
}

.pointContentTitleInner {
  display: block;
  position: relative;
  margin-top: -35px;
  padding: 0 160px 65px;
  box-sizing: border-box;
}

.pointNumber {
  position: absolute;
  top: -40px;
  left: 10px;
}

.pointDescription {
  font-size: 1.45em;
  font-weight: bold;
  line-height: 1.3!important;
}

.pointDescription .emphasis {
  display: inline-block;
  background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffee6c 0%) repeat scroll 0 0;
  font-size: 1.6em;
  color: #D92A2A;
}

.pointAnnotation {
  position: relative;
  padding-left: 1em;
  font-size: 1.15em;
}

.pointAnnotation span {
  position: absolute;
  top: 0;
  left: 0;
}

.pointAnnotation + .pointAnnotation {
  margin-top: 0!important;
}

.pointStepWrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 990px;
  margin: 30px auto 0;
}

.pointStepArrow {
  width: 20px;
  height: 20px;
  border-right: 4px solid #006;
  border-bottom: 4px solid #006;
  transform: rotate(-45deg);
  margin: 11% 6px 0 0;
}

.pointStepColHeading {
  font-weight: bold;
  color: #000562;
  text-align: center;
}

.pointStepCol.pointSecond {
  width: 29%;
}

.pointStepColImg {
  width: 246px;
  padding: 15px 15px;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
}

.pointSecond .pointStepColImg img {
  margin-top: 8%;
}

.pointThird .pointStepColImg img {
  margin-top: 25%;
}

.pointStepColDesc {
  margin-top: 10px!important;
  font-size: 1.45em;
  font-weight: bold;
  text-align: center;
  color: #000562;
}

.pointColumn {
  width: 1020px;
  margin: 35px auto 0;
}

.pointColumnInner {
  display: flex;
  justify-content: space-between;
}

.pointCol {
  width: 490px;
}

.pointColImg {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
  background: #fff;
  text-align: center;
}

.pointColImg img {
  display: block;
}

.pointColTitle {
  margin-top: 10px!important;
  font-size: 1.45em;
  font-weight: bold;
  color: #006;
}

.pointColDesc {
  margin-top: 10px!important;
  font-size: 1.15em;
}

.balloonPattern .pointColumnInner {
  align-items: center;
}

.balloonPattern .pointCol {
  width: 460px;
}

.pointBalloon {
  position: relative;
  width: 520px;
  padding: 70px 15px;
  border: 2px solid #27509d;
  border-radius: 10px;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
}

.pointBalloon::before,
.pointBalloon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 10px solid transparent;
  border-right: 25px solid #fff;
  z-index: 2;
}

.pointBalloon::after {
  left: -35px;
  margin-top: -15px;
  border: 10px solid transparent;
  border-right: 25px solid #27509d;
  z-index: 1;
}

.pointWithdrawal {
  display: flex;
  align-items: center;
}

.pointWithdrawalImg {
  margin-right: 100px;
}

.pointRepayment {
  width: 1020px;
  margin: 35px auto 0;
}

.pointRepaymentTitle {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 1.15em;
  font-weight: bold;
}

.pointRepaymentTitle span {
  border-bottom: 3px solid #27509d;
}

body.w-wide #mainCol .QnA.alt dd.accountConcurrentBlock {
  background-color: #fff!important;
}

.accountConcurrentTitle {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

.accountConcurrentTitle span {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffee6c 0%) repeat scroll 0 0;
  color: #d92a2a;
}

.accountConcurrentStepWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 800px;
  margin: 30px auto 0;
}

.accountConcurrentStepWrap + .accountConcurrentStepWrap {
  margin-top: 20px;
}

.accountConcurrentStep {
  width: 200px;
  background: #fff;
  text-align: center;
}

.accountConcurrentArrow {
  width: 20px;
  height: 20px;
  margin: 0 6px 0 0;
  border-right: 4px solid #006;
  border-bottom: 4px solid #006;
  transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .pointHead {
    padding: 25px 0 30px;
    background: #fff;
  }

  .pointHeadInner {
    width: 100%;
  }

  .pointHeadTitle {
    font-size: 1.8em;
  }

  .pointHeadSubTitle {
    font-size: 0.7em;
  }

  .pointHeadSubTitle::before,
  .pointHeadSubTitle::after {
    width: 2px;
    height: 20px;
  }

  .pointHeadSubTitle::before {
    transform: rotate(-35deg);
  }

  .pointHeadSubTitle::after {
    transform: rotate(35deg);
  }

  .pointList {
    display: block;
    width: 95%;
    margin: 20px auto 0!important;
    border-left: none;
  }

  .pointList li {
    width: 95%;
    padding: 10px;
    background: #f2f9ff;
    text-align: left !important;
    border-right:none;
    margin-bottom: 1rem !important;
  }
  .pointList li a{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
  }
  .pc-only{
    display: none;
  }
  .pointListImg {
    width: 25%;
    max-width: 100px;
    margin-right: 30px;
  }
  .pointListText::after{
    width: 20px;
    height: 26px;
  }
  .pointListText {
    margin-top: 0!important;
  }

  .pointContainer {
    padding-top: 30px;
  }

  .pointContent {
    width: 95%;
    margin-top: 30px;
    padding: 0 15px 20px;
  }

  .pointContentTitle {
    width: 100%;
    margin: -6px auto 0;
    border-top: 7px solid #fff;
  }

  .pointContentTitleInner {
    display: flex;
    margin-top: -36px;
    padding: 0 5px 0 75px;
  }

  .pointNumber {
    display: block;
    width: 60px;
    top: 0;
    left: 5px;
  }

  .pointContentInner {
    padding-top: 20px;
  }

  .pointDescription {
    font-size: 1.15em;
    line-height: 1.6!important;
  }

  .pointDescription .emphasis {
    font-size: 1.25em;
  }

  .pointStepWrap {
    display: block;
    width: 100%;
  }

  .pointStepCol,
  .pointStepCol.pointSecond {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  .pointStepCol.pointStepArrow {
    width: 14px;
    height: 14px;
    margin: 20px auto;
    transform: rotate(45deg);
  }

  .pointStepColHeading {
    margin-top: 0!important;
    font-size: 1em;
  }

  .pointStepColImg {
    width: 48%;
    margin-left: 0;
    padding: 20px;
  }

  .pointSecond .pointStepColImg img {
    margin-top: 0;
  }

  .pointThird .pointStepColImg {
    padding: 30px 10px
  }
  
  .pointThird .pointStepColImg img {
    margin-top: 0;
  }

  .pointStepColDesc {
    font-size: 1.15em;
  }

  .pointStepColSp {
    width: 45%;
  }

  .pointStepColSp p {
    text-align: left;
  }

  .pointAnnotation {
    font-size: 1em;
  }

  .pointColumn {
    width: 100%;
    margin: 15px auto 0;
  }

  .pointColumnInner {
    display: block;
  }

  .pointCol {
    width: 88%;
    margin: auto;
  }

  .pointCol + .pointCol {
    margin-top: 10px;
  }

  .balloonPattern .pointCol {
    width: 88%;
  }

  .pointBalloon {
    width: 88%;
    margin: 35px auto 0;
    padding: 25px 15px;
  }

  .pointColImg img {
    width: 80%;
  }

  .pointColTitle,
  .pointColDesc {
    margin-top: 5px!important;
    font-size: 1em;
  }

  .pointBalloon::before,
  .pointBalloon::after {
    top: -29px;
    left: 50%;
    margin: 0 0 0 -15px;
    border-right: 10px solid transparent;
    border-bottom: 25px solid #fff;
  }

  .pointBalloon::after {
    top: -35px;
    border-bottom: 25px solid #27509d;
  }

  .pointWithdrawal {
    display: block;
  }

  .pointWithdrawalImg {
    width: 88%;
    margin: auto;
    text-align: center;
  }

  .pointWithdrawalAbout {
    text-align: center;
  }

  .pointWithdrawalAbout .pointAnnotation {
    display: inline-block;
  }

  .pointRepayment {
    width: 100%;
  }

  .pointRepaymentTitle {
    display: block;
    text-align: center;
  }

  .accountConcurrentStepWrap {
    display: block;
  }

  .accountConcurrentStep {
    width: 100%;
    max-width: 578px;
    margin: 0 auto;
  }

  .accountConcurrentStep img {
    width: 100%;
  }

  .accountConcurrentArrow {
    width: 14px;
    height: 14px;
    margin: 20px auto;
    transform: rotate(45deg);
  }
}

/* .accordion */
.accordionBlock {
  border: 1px solid #ccc;
}

body.w-wide #mainCol .QnA.alt.toggle dt.accordionHead,
body.w-wide #mainCol .QnA.alt.toggle dt.accordionHead.isOpen {
  margin-top: 0!important;
  background: #1d50a2!important;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

body.w-wide #mainCol .QnA.alt.toggle dt.accordionHead:after {
  right: 20px;
  display: block;
  width: 20px;
  height: 20px;
  content: '';
  background: transparent url(/special/loan_card/lp/images/icon_plus.png) no-repeat 0 0;
}

body.w-wide #mainCol .QnA.alt.toggle dt.accordionHead.isOpen:after {
  background: transparent url(/special/loan_card/lp/images/icon_minus.png) no-repeat 0 0;
}

body.w-wide #mainCol .QnA.alt dd.accordionContent {
  padding-top: 20px;
  background: #fff!important;
  border-top: 1px solid #ccc;
}

/* .identificationBlock */
.identificationBlock {
  width: 880px;
  margin: 0 auto;
  font-size: 1.15em;
}

.identificationBlock + .identificationBlock {
  margin-top: 25px;
}

.identificationHeading {
  font-size: 1.15em;
  font-weight: bold;
  text-align: center;
}

.identificationHeading span {
  border-bottom: 3px solid #27509d;
}

.identificationLead {
  text-align: center;
}

.identificationNotes {
  font-size: 0.9em;
}

.identificationInner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}

.identificationAbout {
  margin-left: 24px;
  text-align: center;
}

.identificationTitle {
  width: 180px;
  margin-top: 0!important;
  padding: 7px 5px 4px;
  background: #1d50a2;
  border-radius: 20px;
  color: #fff;
  line-height: 1.4!important;
}

.identificationDetail {
  margin-top: 28px;
}

@media screen and (max-width: 767px) {
  .identificationBlock {
    width: 100%;
    font-size: 1em;
  }

  .identificationLead {
    margin-top: 5px!important;
  }

  .identificationInner {
    display: block;
  }

  .identificationImg {
    width: 64%;
    margin: 0 auto;
    text-align: center;
  }

  .identificationContent {
    margin: 5px 0 0;
  }

  .identificationAbout {
    margin: 10px 0 0;
  }

  .identificationTitle {
    margin: auto;
  }

  .identificationDetail {
    margin-top: 0;
  }
}

/* .interestRateGraph */
.interestRateTitle {
  font-size: 1.85em;
  font-weight: bold;
  color: #006;
  text-align: center;
}

.interestRateGraphImg {
  margin-top: 12px;
  text-align: center;
}

.interestRateMore {
  position: relative;
  margin-top: 15px;
  text-align: center;
}

.interestRateMore::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-image : linear-gradient(to right, #27509d, #27509d 6px, transparent 6px, transparent 6px);
  background-size: 12px 2px;
  background-position: left bottom;
  background-repeat: repeat-x;
  z-index: 0;
}

.interestRateMore span {
  display: inline-block;
  position: relative;
  padding: 35px 15px;
  background: #fff;
  border: 2px solid #27509d;
  border-radius: 50px;
  font-size: 1.45em;
  font-weight: bold;
  color: #1d50a2;
  z-index: 1;
}

.interestRateAbout {
  display: flex;
  justify-content: center;
  align-items: center;
}

.interestRateDesc {
  width: 385px;
}

.interestRateDesc .pointDescription {
  font-size: 1.4em;
  text-align: center;
}

.interestRateImg {
  display: inline-block;
  margin-left: 30px;
}

.pointWithdrawalAbout .pointDescription + .pointDescription {
  margin-top: 5px!important;
}

.pointWithdrawalAbout .pointAnnotation {
  margin-top: 5px!important;
}

@media screen and (max-width: 767px) {
  .interestRateTitle {
    font-size: 1em;
    margin-top: 0!important;
  }

  .interestRateMore span {
    padding: 26px 15px;
    font-size: 0.85em;
  }

  .interestRateAbout {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .interestRateDesc,
  .interestRateImg {
    width: 90%;
    margin-left: 0;
    text-align: center;
  }

  .interestRateDesc .pointDescription {
    font-size: 1.15em;
  }
}

/* .questionBlock */
.questionBlock {
  margin-top: 40px;
  padding: 45px 0 60px;
  background: #f2f9ff;
}

.questionBlockInner {
  width: 990px;
  margin: 0 auto;
}

.questionTitle {
  font-size: 2.3em;
  font-weight: bold;
  color: #006;
  text-align: center;
}

.questionContent {
  margin-top: 50px;
}

.questionContent + .questionContent {
  margin-top: 30px;
}

.wrapper #mainCol .questionContent a {
  display: block;
  position: relative;
  padding: 36px 30px 36px 60px;
  background-color: #fff;
  background-image: url(/assets/images/icon/icon_window_01.png);
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 20px 17px;
  border: 3px solid #27509d;
  border-radius: 10px;
  font-size: 1.45em;
  font-weight: bold;
  color: #1d50a2;
  text-align: center;
  text-decoration: none;
}

.wrapper #mainCol .questionContent a:link,
.wrapper #mainCol .questionContent a:visited {
  color: #1d50a2;
}

.wrapper #mainCol .questionContent a:hover {
  opacity: .7;
}

.questionContent a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
}

.questionContent a::before {
  width: 30px;
  height: 36px;
  left: 25px;
  margin-top: -18px;
  background-image: url(/special/loan_card/lp/images/icon_q.png);
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .questionBlock {
    padding: 15px 0 20px;
  }
  .questionBlockInner {
    width: 95%;
  }

  .questionTitle {
    font-size: 1.3em;
  }

  .questionContent,
  .questionContent + .questionContent {
    margin-top: 15px;
  }

  .wrapper #mainCol .questionContent a {
    padding: 20px 35px;
    font-size: 1.15em;
    line-height: 1.7;
  }

  .questionContent a::before {
    width: 24px;
    height: 29px;
    left: 5px;
    margin-top: -15px;
  }
}

/* .usecaseBlock */
.usecaseBlock {
  margin-top: 30px;
}

.usecaseBlockInner {
  width: 990px;
  margin: 0 auto;
}

.usecaseTitle {
  font-size: 2.3em;
  font-weight: bold;
  color: #006;
  text-align: center;
}

.usecaseColumn {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}

.usecaseCol {
  width: 445px;
}

.usecaseBalloon {
  display: flex;
  align-items: center;
  position: relative;
  padding: 25px 30px;
  background: #fff;
  border: 2px solid #27509d;
  border-radius: 6px;
}

.usecaseBalloon::before,
.usecaseBalloon::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -26px;
  left: 85px;
  border: 10px solid transparent;
  border-top: 20px solid #fff;
  z-index: 1;
}

.usecaseBalloon::after {
  bottom: -30px;
  left: 85px;
  border: 10px solid transparent;
  border-top: 20px solid #27509d;
  z-index: 0;
}

.usecaseBalloonText {
  margin: 0 0 0 25px!important;
  font-size: 1.45em;
  font-weight: bold;
  color: #1d50a2;
  text-align: center;
  line-height: 1.4;
}

.usecaseUser {
  display: flex;
  align-items: center;
  margin-top: 25px;
}

.usecaseUserImg {
  margin-right: 50px;
}

.usecaseUserPeriod {
  margin-top: 0!important;
  font-size: 1.15em;
  font-weight: bold;
}

.usecaseUserPrice {
  margin-top: 15px!important;
  font-size: 1.45em;
  font-weight: bold;
  line-height: 1.4!important;
}

.usecaseUserPrice-yen {
  color: #d92a2a;
}

.usecaseUserrate {
  font-size: 0.8em;
}

@media screen and (max-width: 767px) {
  .usecaseBlockInner {
    width: 95%;
  }

  .usecaseTitle {
    font-size: 1.3em;
  }

  .usecaseColumn {
    display: block;
  }

  .usecaseCol {
    width: 100%;
  }

  .usecaseCol + .usecaseCol {
    margin-top: 20px;
  }

  .usecaseBalloon {
    padding: 20px 25px;
  }

  .usecaseBalloon::before,
  .usecaseBalloon::after {
    left: 65px;
  }

  .usecaseBalloonText {
    margin: 0 0 0 15px!important;
    font-size: 1.3em;
  }

  .usecaseUserImg {
    width: 48%;
    margin-right: 15px;
    text-align: center;
  }

  .usecaseUserImg img {
    width: 80%;
  }

  .usecaseUserPeriod {
    font-size: 1em;
  }

  .usecaseUserPrice {
    font-size: 1.15em;
  }
}
/* .flowBlock */
.flowBlockWrapper {
  display: none;
  margin-top: 40px;
  background: #f2f9ff;
  }
  .flowInner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 45px 15px 55px;
  box-sizing: border-box;
  }
  .flowInner .alnCenter {
    color: #486FA8;
    position: relative;
    top: -30px;
  }
  .flowQuestionText {
  margin-top: 0!important;
  font-size: 1.45em;
  font-weight: bold;
  color: #1d50a2;
  text-align: center;
  }
  .flowIcon {
  margin: 30px auto 0;
  text-align: center;
  }
  .flowIcon img {
    width: 120px; 
    height: 120px; 
  }
  .flowButtonColumn {
  display: flex;
  justify-content: space-between;
  max-width: 540px;
  margin: 50px auto 0;
  }
  .flowButton {
  display: inline-block;
  width: 235px;
  padding: 10px;
  border: none;
  border-radius: 10px;
  background: #006;
  font-size: 1.45em;
  line-height: 1.4;
  color: #fff!important;
  text-align: center;
  text-decoration: none!important;
  box-sizing: border-box;
  cursor: pointer;
  }
  .flowButton.is-no {
  background: #1d50a2;
  }
  .flowButton:hover,
  .flowButton.active {
  background: #aeb8de;
  color: #006!important;
  }
  .flowButton.is-no:hover,
  .flowButton.is-no.active {
  background: #329dd7;
  color: #fff!important;
  }
  .wrapper #mainCol .flowButton:link,
  .wrapper #mainCol .flowButton:visited {
  color: #fff!important;
  }
  .flowButtonWrap {
  margin-top: 35px;
  text-align: center;
  }
  .flowAnswerBlock {
  display: none;
  position: relative;
  margin-top: 20px;
  padding-top: 40px;
  }
  .flowAnswerBlock::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -40px;
  border-style: solid;
  border-width: 20px 40px 0 40px;
  border-color: #599fd4 transparent transparent transparent;
  }
  @media screen and (max-width: 767px) {
  .flowInner {
  padding: 40px 15px;
  }
  .flowQuestionText {
  font-size: 1.15em;
  }
  .flowIcon {
  width: 50%;
  max-width: 344px;
  }
  .flowButtonWrap {
    text-align: center; 
    display: inline-block;
    width: 48%;
  }
  .flowButtonColumn,
  .flowButtonWrap {
    margin-top: 30px;
  }
  .flowButton {
    display: inline-block;
    font-size: 1em;
    padding: 10px 20px; 
  }
  .flowButtonColumn .flowButton {
    width: 100%;
  }
  }
  
/* .considerationsBlock */
.considerationsBlock {
  width: 1220px;
  margin: 30px auto 0;
}

.considerationsTitle {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  color: #006;
}

.considerationsInner {
  margin-top: 25px;
  padding: 18px;
  background: #f3f3f3;
}

.considerationsInner ul {
  margin-top: 0!important;
}

.considerationsInner li {
  margin-bottom: 0!important;
}

.considerationsInner a {
  padding-left: 0!important;
}

.considerationsInner .arrow {
  background-image: url(/common/images/icon_arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 0.2em;
  padding-left: 18px!important;
}

.considerationsAttention {
  margin: 15px 0 10px;
  padding: 7px 14px;
  border: 1px solid #aca79c;
}

.considerationsText {
  margin-top: 0 !important;
}

.noteIt {
  color: #cd1400;
}

.contactBlock {
  margin-top: 10px;
  padding: 25px 50px;
  background: #fff;
  font-size: 1.15em;
}

.contactTitle {
  font-size: 1.25em;
  font-weight: bold;
}

.phoneNumber {
  font-weight: bold;
  color: #006;
}

@media screen and (max-width: 767px) {
  .considerationsBlock {
    width: 100%;
  }
  
  .considerationsTitle {
    font-size: 1.3em;
  }
  
  .considerationsInner {
    background: #fff;
  }
  
  .contactBlock {
    padding: 7px 14px;
    border: 1px solid #ccc;
  }
}

/* page-top */
@media screen and (max-width: 767px) {
  .w-wide #footer div#footerExtra {
    bottom: 105px;
  }
}

@media print {
  .sp-only {
    display: none!important;
  }

  .applicationBlock .m-internetApply-btn {
    display: flex;
    justify-content: space-between;
  }
}

/* table */
.specialLoanCardTable {
  width: 1220px!important;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .specialLoanCardTable {
    width: auto!important;
    margin: 0 10px;
  }
}

.follow-icon {
  width: auto !important;
}

.conversion-inner.single {
  display: flex;
  justify-content: center;
}

.conversion-inner.single p {
	vertical-align: middle;
}

.conversion-inner.single span {
	vertical-align: middle;
}

.conversion-inner.single span img {
	height: 3em;
}

/* バナー */

img {
  max-width: 100%;
}

.bannerBlock {
  max-width: 730px;
  margin: 35px auto 0;
}

@media screen and (max-width: 767.9px){
  .bannerBlock {
    width: 92%;
  }
}