/*----------------------------------------------------------------------------------------------------

  奨学金貸与制度 
  
----------------------------------------------------------------------------------------------------*/
.shogaku-taisyo {
  background-color: rgba(var(--bgcolor-lblue),1);
  padding: var(--box-space-m);
}
.shogaku-taisyo ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -0.25em;
}
.shogaku-taisyo li {
  min-width: 40%;
  padding-right: 2em;
  padding-top: 0.25em;
}
@media screen and (max-width:640px) {
  .shogaku-taisyo li {
    width: 100%;
    padding-right: 0;
  }
}

/*--------------------------------------------------------------------------------
  奨学金貸与制度 流れ
--------------------------------------------------------------------------------*/
.shogaku-nagare {
  list-style: none;
  text-align: center;
  line-height: var(--line-height-m);
}
.shogaku-nagare li {
  padding: 1.25rem;
  position: relative;
}
.shogaku-nagare li:not(:last-of-type) {
  margin-bottom: 2rem;
}
.shogaku-nagare li.typeA {
  background-color: rgba(var(--bgcolor-beige),1);
}
.shogaku-nagare li.typeB {
  background-color: rgba(var(--bgcolor-yellow-d),1);
}
.shogaku-nagare li:not(:last-of-type):before,
.shogaku-nagare li:not(:last-of-type):after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.shogaku-nagare li:not(:last-of-type):before {
  top: -webkit-calc(100% + 1rem);
  top: calc(100% + 1rem);
  border-color: transparent;
  border-width: 2rem;
  border-top-color: #FFC34B;
}
.shogaku-nagare li:not(:last-of-type):after {
  width: 2rem;
  height: 1.2rem;
  background-color: #FFC34B;
  top: 100%;
}

/*--------------------------------------------------------------------------------
  奨学金貸与制度 注意事項
--------------------------------------------------------------------------------*/
/* 返還について */
.shogaku-henkan dt {
  font-size: var(--fs-m);
}
.shogaku-henkan dd {
  padding-left: 1.4em;
}
.shogaku-henkan .menjoTbl {
  width: 100%;
  border-collapse: collapse;
}
.shogaku-henkan .menjoTbl caption {
  text-align: left;
  padding-bottom: 0.5em;
}
.shogaku-henkan .menjoTbl th {
  width: 50%;
  background-color: rgba(var(--bgcolor-lblue-d2),1);
}
.shogaku-henkan .menjoTbl th,
.shogaku-henkan .menjoTbl td {
  border: 1px solid var(--linecolor-lblue);
  line-height: var(--line-height-m);
  padding: 0.75rem;
  text-align: center;
  vertical-align: middle;
}

/*--------------------------------------------------------------------------------
  奨学金貸与制度 お問い合わせ
--------------------------------------------------------------------------------*/
.shogaku-toiawase {
  border: 2px solid var(--linecolor-lblue);
  padding: var(--box-space-m);
  line-height: var(--line-height-m);
}
.shogaku-toiawase .p-ttl {
  font-size: var(--fs-m);
}
.shogaku-toiawase .tel {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: var(--fs-2l);
  font-weight: 500;
}
.ua-pc .shogaku-toiawase .tel a[href^="tel:"] {
  color: inherit;
}
.shogaku-toiawase .tel small {
  font-size: var(--fs-min);
}
@media screen and (max-width:640px) {
  .ua-pc .tel,
  .ua-sp .tel {
    color: var(--fc-link);
  }
}