@charset "UTF-8";
:root {
  --dvw: calc(100dvw / 1300);
  --fvw: calc(100dvw / 1300);
}
@media (min-width: 1300px) {
  :root {
    --dvw: 1px;
    --fvw: calc(100dvw / 1300);
  }
}
@media (max-width: 1024px) {
  :root {
    --dvw: calc(100dvw / 768);
    --fvw: calc(100dvw / 768);
  }
}
@media (max-width: 575px) {
  :root {
    --dvw: calc(100dvw / 375);
    --fvw: calc(100dvw / 375);
  }
}

.main-inner {
  padding-top: calc(var(--dvw) * 132);
  padding-bottom: calc(var(--dvw) * 116);
  position: relative;
}
@media (max-width: 1024px) {
  .main-inner {
    padding-top: calc(var(--dvw) * 78);
    padding-bottom: calc(var(--dvw) * 68);
  }
}
@media (max-width: 575px) {
  .main-inner {
    padding-top: calc(var(--dvw) * 78);
    padding-bottom: calc(var(--dvw) * 33);
  }
}

.main-inner .back-pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  background-image: url("/assets/images/support/back-pattern.webp");
  background-repeat: no-repeat;
  background-size: 130% auto;
  background-position: left -20vw top 0;
}

@media (max-width: 820px) {
  .main-inner .back-pattern {
    height: 100%;
    background-size: auto 130%;
    background-position: left 40% top -1vw;
  }
}
/* Page Header Styles */
.c-main-heading__title-inner.--page-heading {
  padding: 0 1.1em 0.5em;
}
@media (max-width: 575px) {
  .c-main-heading__title-inner.--page-heading {
    padding: 0 1.5em 0.5em;
  }
}

.c-main-heading__description.--page-heading {
  padding: 0 1.5em 0.5em;
  margin-top: calc(var(--dvw) * 35);
}

/* Scholarship Component */
.scholarship {
  padding: calc(var(--dvw) * 36) 0;
}

.scholarship__title {
  margin: 0 auto;
  margin-bottom: 0.84em;
  position: relative;
  z-index: 2;
  font-weight: 400;
  max-width: 561px;
  width: 100%;
  padding: 0.66em 0.66em;
  font-size: clamp(1.875rem, 1.6723rem + 0.8649vw, 2.375rem);
}
.scholarship__title::before, .scholarship__title::after {
  content: "";
  position: absolute;
  width: clamp(1.125rem, 1.049rem + 0.3243vw, 1.3125rem);
  height: clamp(1.125rem, 1.049rem + 0.3243vw, 1.3125rem);
  border-color: #085cb9;
  border-style: solid;
  border-width: 2px;
}
.scholarship__title::before {
  top: 0;
  left: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}
.scholarship__title::after {
  bottom: 0;
  right: 0;
  border-top-width: 0;
  border-left-width: 0;
}

.scholarship__title-en {
  text-align: center;
  color: #085cb9;
  font-family: "Saira", sans-serif;
  letter-spacing: 0.02em;
  line-height: 1;
  margin-bottom: 0.2em;
  font-size: inherit;
}

.scholarship__title-ja {
  font-size: clamp(1.125rem, 1.0236rem + 0.4324vw, 1.375rem);
  text-align: center;
  letter-spacing: 0.034em;
}

.scholarship__description {
  font-size: clamp(0.875rem, 0.8243rem + 0.2162vw, 1rem);
  font-weight: 400;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  line-height: 1.6;
  letter-spacing: 0.03em;
}

/* 各セクションの共通スタイル */
.scholarship__terms,
.scholarship__period {
  position: relative;
  z-index: 2;
}

/* 各セクションのタイトル */
.scholarship__terms__title,
.scholarship__period__title {
  font-size: clamp(1.25rem, 1.174rem + 0.3243vw, 1.4375rem);
  font-weight: 500;
  text-align: center;
  color: #085cb9;
  margin-bottom: 0.5em;
  letter-spacing: 0.034em;
}

/*--------------------------------
 ご利用要項テーブル
---------------------------------*/
.scholarship__terms {
  margin: calc(var(--dvw) * 52) auto 0;
  max-width: 850px;
}
@media (max-width: 1024px) {
  .scholarship__terms {
    margin: calc(var(--dvw) * 30) auto 0;
  }
}
@media (max-width: 575px) {
  .scholarship__terms {
    margin: calc(var(--dvw) * 20) auto 0;
  }
}

.scholarship__terms__table {
  width: 100%;
  border-collapse: collapse;
  line-height: 1.6;
  font-size: clamp(0.875rem, 0.8243rem + 0.2162vw, 1rem);
}

.scholarship__terms__table-header {
  background-color: #085cb9;
  border-bottom: 1px solid #ffffff;
  color: #fff;
  text-align: center;
  padding: 1.1em;
  width: 23.6%;
  font-weight: 400;
}

.scholarship__terms__table-data {
  padding: 1em;
  background-color: #fff;
  border-bottom: 1px solid #085cb9;
}

.scholarship__terms__table-row:last-child .scholarship__terms__table-header,
.scholarship__terms__table-row:last-child .scholarship__terms__table-data {
  border-bottom: none;
}

/*--------------------------------
 貸付限度額返済履行期間テーブル
---------------------------------*/
.scholarship__period {
  margin: calc(var(--dvw) * 86) auto 0;
}
@media (max-width: 1024px) {
  .scholarship__period {
    margin: calc(var(--dvw) * 50) auto 0;
  }
}
@media (max-width: 575px) {
  .scholarship__period {
    margin: calc(var(--dvw) * 30) auto 0;
  }
}

.scholarship__period__table-wrapper {
  width: 100%;
  overflow-x: auto;
}

.scholarship__period__table {
  max-width: 850px;
  margin: 0 auto;
  border-collapse: collapse;
  text-align: center;
  background-color: #fff;
  line-height: 1.6;
  font-size: clamp(0.875rem, 0.8243rem + 0.2162vw, 1rem);
}
@media (max-width: 575px) {
  .scholarship__period__table {
    width: 850px;
  }
}

.scholarship__period__table-head {
  background-color: #085cb9;
  color: #fff;
}

.scholarship__period__table-header {
  padding: 0.5em 1.1em;
  font-weight: bold;
  border-right: 1px solid #fff;
  font-weight: 400;
}

.scholarship__period__table-header:last-child {
  border-right: none;
}

/* テーブルボディのデータセル */
.scholarship__period__table-data {
  padding: 0.8em 1.1em;
  border-bottom: 1px solid #085cb9;
  border-right: 1px solid #085cb9;
}

.scholarship__period__table-data.--m01 {
  width: 11.8%;
}

.scholarship__period__table-data.--m02 {
  width: 11.8%;
}

.scholarship__period__table-data.--m03 {
  width: 12.9%;
}

.scholarship__period__table-data.--m04 {
  width: 29.4%;
}

.scholarship__period__table-data.--m05 {
  width: 9.4%;
}

/* 最後の行の下線を消す */
.scholarship__period__table-row:last-child .scholarship__period__table-data {
  border-bottom: none;
}

/* Data Modifiers */
.scholarship__period__table-data.--align-left {
  text-align: left;
}

.scholarship__period__table-data.--note {
  border-right: none;
  border-bottom: none;
  vertical-align: middle;
}
/*# sourceMappingURL=support.css.map */