@charset "UTF-8";

/* sass */
.app-wrap-arrow { position: relative; margin-top: 45px; display: block; opacity: 1; height: auto; }

.app-wrap-arrow:after { content: ""; display: block; position: absolute; top: -30px; margin-left: -40px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 20px 40px 0 40px; border-color: #2C4198 transparent transparent transparent; }

.app-wrap-arrow:first-child:after, .app-wrap-arrow.no-arrow:after { display: none; }

.investment .time-deposit-title { background-image: url(/useful/app/time_deposit/image/title-sp.png); }

.investment .lead-img-title { color: #fff; background-size: cover; background-repeat: no-repeat; padding: 20px 30px 25px; border-radius: 7px; }

.investment .lead-img-title .txt-std { font-size: 1.3rem; }

.investment .inv-btn-wdt-pt1 { width: 100%; }

.investment .inv-btn-wdt-pt2 { width: 100%; }

.investment .inq-ttl-center { font-size: 1.6rem; text-align: center; }

.investment .lst-card-btn > .item .card { padding: 20px 15px 30px; }

.investment .column2-inq > .item { margin-top: 60px; }

.investment .box-inq.column2 > .item { padding: 20px; }

.investment .box-inq.column2 > .item .inq-tel::before { width: 48px; height: 30px; background-size: 40px auto; display: inline-block; vertical-align: middle; margin-top: 3px; }

.investment .box-inq.column2 > .item .inq-tel .inq-tel-txt { vertical-align: middle; }

.investment .box-inq.column2 > .item .txt-std { font-size: 1.3rem; margin-top: 10px; }

.investment .box-inq.column2 > .item + .item { margin-left: 0; margin-top: 20px; }

.investment .box-inq.column2 > .item .txt-note { margin-top: 0; }

.investment .box-inq.column2 > .item .btn.btn-long { width: 100%; }

.investment .box-inq > .item .inq-ttl { font-size: 1.4rem; }

.investment .wrap-inq > .item .wrap-inq-cnt .box-inq .inq-tel { font-size: 2.4rem; text-align: center; }

.wrap-hdg.with-num.application-flow > .cnt { border-color: #E3E3E3; border-style: solid; border-width: 1px 0 0; margin: 20px 0 0 0; padding: 20px 0 0 0; }

@media all and (min-width: 641px) { .app-wdt-auto-50p { margin-left: auto; margin-right: auto; width: 50%; } .investment .time-deposit-title { background-image: url(/useful/app/time_deposit/image/title.png); } .investment .lead-img-title { padding: 60px 100px 70px; border-radius: 14px; }
  .investment .lead-img-title .txt-std { font-size: 1.6rem; } .investment .inv-btn-wdt-pt1 { width: 420px; } .investment .inq-ttl-center { font-size: 2rem; } .investment .box-inq.column2 { display: flex; } .investment .box-inq.column2 > .item { flex: 1; padding: 30px; } .investment .box-inq.column2 > .item { padding: 30px; } .investment .box-inq.column2 > .item .txt-std { font-size: 1.4rem; margin-top: 15px; } .investment .box-inq.column2 > .item + .item { margin-top: 0; margin-left: 20px; } .investment .box-inq > .item .inq-ttl { font-size: 1.6rem; } .investment .wrap-inq > .item .wrap-inq-cnt .box-inq .inq-tel { font-size: 3.2rem; pointer-events: none; } .wrap-hdg.with-num.application-flow { display: flex; align-items: stretch; }
  .wrap-hdg.with-num.application-flow > .hdg { flex-grow: 0; flex-shrink: 0; width: 340px; }
  .wrap-hdg.with-num.application-flow > .cnt { border-width: 0 0 0 1px; margin: 0 0 0 30px; padding: 0 0 0 30px; width: calc(100% - 370px); } .wrap-stepflow.add-has-num-only > .item > .step-num { text-align: center; }
  .wrap-stepflow.add-has-num-only > .item > .step-num .step-num-txt { background-color: #2C4198; border-radius: 100px; color: #ffffff; display: inline-block; font-size: 2rem; font-weight: bold; height: 40px; line-height: 1.5; padding: 5px 0; position: relative; text-align: center; width: 40px; } }

@media all and (max-width: 640px) { .wrap-stepflow.add-has-num-only > .item > .step-num .step-num-txt { background-color: #2C4198; border-radius: 100px; color: #ffffff; display: inline-block; font-size: 1.6rem; font-weight: bold; height: 30px; line-height: 1.5; padding: 2px 0 4px; position: relative; text-align: center; width: 30px; }
  .wrap-stepflow.add-has-num-only > .item > .step-ttl { margin-right: 0; width: 15px; }
  .wrap-stepflow.add-has-num-only > .item .step-cnt { width: calc(100% - 60px); } }