/* index */
.pageID-scholarship .tocFrame_inner_index .tocFrame_list > li {
  padding: 18px 0;
}
.pageID-scholarship .tocFrame_inner_index .tocFrame_list li a {
  font-size: 1.125rem;
  text-decoration: none;
  font-weight: 700;
}
.pageID-scholarship .tocFrame_inner_index .tocFrame_list li a:hover {
  text-decoration: underline;
}

/* ss09 */
.pageID-scholarship .type-box {
  display: flex;
  justify-content: space-between;
}
.pageID-scholarship .type-box div {
  display: flex;
  flex-direction: column;
  width: 48%;
}
.pageID-scholarship .type-box .frame {
  margin-top: 0;
}
.pageID-scholarship .type-box p.headLine5 {
  position: relative;
  margin-bottom: 20px;
}
.pageID-scholarship .type-box p.headLine5::after {
  font-size: 120%;
  content: "";
  font-family: icons;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  /*color:#fdae14;*/
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.pageID-scholarship .type-box p.headLine5 span {
  font-size: 1rem;
  font-weight: 400;
}
.pageID-scholarship .type-box p:nth-of-type(2) {
  background: #eee;
  padding: 8px;
  min-height: calc(1.5em * 3);
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.pageID-scholarship table {
  table-layout: fixed;
}
.pageID-scholarship .simulation {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
  font-size: 1.125rem;
}
.pageID-scholarship .simulation span {
  display: flex;
  width: calc((100% - 90px) / 4);
  align-items: center;
  justify-content: center;
  background-color: #eee;
  /*border: 2px solid #000;*/
  border-radius: 3px;
  padding: 10px;
  font-weight: 700;
  position: relative;
}
.pageID-scholarship .simulation span:not(:first-child)::before {
  content: "+";
  position: absolute;
  left: -32px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
}
.pageID-scholarship .simulation span:last-child::before {
  content: "=";
  position: absolute;
  left: -32px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
}

.pageID-scholarship .type-box2 {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.pageID-scholarship .type-box2 .inner1 {
  width: 48%;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  padding: 20px;
}
.pageID-scholarship .type-box2 .inner1 ul {
  margin-top: 0;
  padding: 0;
}
.pageID-scholarship .type-box2 .inner1 ul li {
  padding: 8px;
  background: #eee;
  list-style-type: none;
  margin: 10px auto;
  font-weight: 700;
  display: flex;
  width: 85%;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
.pageID-scholarship .type-box2 .inner2 {
  width: 48%;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  padding: 20px;
}
.pageID-scholarship .type-box2 .inner2 div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pageID-scholarship .type-box2 .inner2 div p {
  position: relative;
  margin-right: 40px;
  padding: 10px 40px;
  background: #eee;
  /*border: 2px solid #8BC34A;
background: #FFF;*/
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 80px; */
  z-index: 999;
  font-weight: 700;
  border-radius: 3px;
}
.pageID-scholarship .type-box2 .inner2 div p::before {
  content: "";
  background-color: #bdbdbd;
  height: 2px;
  width: 60px;
  transform: rotate(40deg);
  position: absolute;
  top: 50%;
  right: -40px;
  right: -54px;
  margin-top: 19px;
  z-index: 1;
}
.pageID-scholarship .type-box2 .inner2 div p::after {
  content: "";
  background-color: #bdbdbd;
  height: 2px;
  width: 60px;
  transform: rotate(-40deg);
  position: absolute;
  top: 50%;
  right: -54px;
  margin-top: -19px;
  z-index: 1;
}
.pageID-scholarship .type-box2 .inner2 div ul {
  margin-top: 0;
  padding: 0;
}
.pageID-scholarship .type-box2 .inner2 div ul li {
  padding: 10px 30px;
  border: 2px solid #bdbdbd;
  background: #fff;
  list-style-type: none;
  margin: 10px 0;
  position: relative;
  z-index: 999;
  font-weight: 700;
  border-radius: 3px;
}

/* ss04 */
.pageID-scholarship .scrollTable {
  background: none;
}
.pageID-scholarship table {
  table-layout: fixed;
}
.pageID-scholarship table caption {
  caption-side: top;
  font-weight: 700;
  color: #333;
  line-height: 1.45;
  font-size: 1.125rem;
}
.pageID-scholarship table td {
  font-size: 0.875rem;
}
.pageID-scholarship table tbody.tCenter td {
  text-align: center;
}
.pageID-scholarship table tbody.tRight td {
  text-align: right;
}
.pageID-scholarship table.ss10-2 th {
  width: 40%;
  text-align: center;
  border-bottom-style: none;
}
.pageID-scholarship table.ss10-2 td {
  font-size: 1rem;
}
.pageID-scholarship table.ss04 .item {
  writing-mode: vertical-rl;
  letter-spacing: 0.2em;
  width: 60px;
  text-align: center;
}
.pageID-scholarship .schedule {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.pageID-scholarship .schedule div {
  width: calc((100% - 40px) / 2);
  box-sizing: border-box;
}
.pageID-scholarship .schedule div p {
  text-align: center;
  background: #607d8b;
  color: #fff;
  padding: 8px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.pageID-scholarship .schedule div ul {
  padding-left: 0;
}
.pageID-scholarship .schedule div li {
  list-style: none;
  font-size: 0.875rem;
  position: relative;
  margin-bottom: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  padding: 8px;
  /*border: 1px dashed #78b3b3;*/
  border: 1px solid #e3e3e3;
}
.pageID-scholarship .schedule div li::after {
  font-size: 1.3125rem;
  font-weight: 700;
  content: "";
  font-family: icons;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #607d8b;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.pageID-scholarship .schedule div li:last-of-type::after {
  content: none;
}

:root {
  --r: 100px;
}

.chartBox {
  display: flex;
  justify-content: space-between;
}
.chartBox .inner {
  display: flex;
  width: 48%;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
}
.chartBox .chart {
  position: relative;
  width: calc(var(--r) * 3.5);
  height: calc(var(--r) * 3.5);
  border-radius: 50%;
}
.chartBox .chart1 {
  background-image: conic-gradient(#b5df6d 0% 79.1%, #faf4b8 79.1% 100%);
}
.chartBox .chart2 {
  background-image: conic-gradient(#b5df6d 0% 62.1%, #faf4b8 62.1% 100%);
}
.chartBox .chart .label {
  position: absolute;
  top: 50%;
  left: 50%;
  /*font-size: calc(var(--r) * 0.3);*/
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}

.chartBox .chart .label-1 {
  --start: 0;
  --end: 0.79;
  --percentage: calc((var(--start) + var(--end)) / 2);
  --angle: calc(var(--percentage) * 360deg);
  --deg: calc(-90deg + var(--angle));
  translate: calc(cos(var(--deg)) * var(--r) - 50%) calc(sin(var(--deg)) * var(--r) - 50%);
}

.chartBox .chart .label-2 {
  --start: 0.79;
  --end: 1;
  --percentage: calc((var(--start) + var(--end)) / 2);
  --angle: calc(var(--percentage) * 360deg);
  --deg: calc(-90deg + var(--angle));
  translate: calc(cos(var(--deg)) * var(--r) - 50%) calc(sin(var(--deg)) * var(--r) - 50%);
}
.chartBox .chart .label-3 {
  --start: 0;
  --end: 0.62;
  --percentage: calc((var(--start) + var(--end)) / 2);
  --angle: calc(var(--percentage) * 360deg);
  --deg: calc(-90deg + var(--angle));
  translate: calc(cos(var(--deg)) * var(--r) - 50%) calc(sin(var(--deg)) * var(--r) - 50%);
}

.chartBox .chart .label-4 {
  --start: 0.62;
  --end: 1;
  --percentage: calc((var(--start) + var(--end)) / 2);
  --angle: calc(var(--percentage) * 360deg);
  --deg: calc(-90deg + var(--angle));
  translate: calc(cos(var(--deg)) * var(--r) - 50%) calc(sin(var(--deg)) * var(--r) - 50%);
}

/* ss05 */
.pageID-scholarship table.ss05 td:nth-of-type(n + 2) {
  vertical-align: top;
}
.pageID-scholarship table.ss05 td:nth-of-type(n + 2) ul {
  padding-left: 1.2rem;
}
.pageID-scholarship .sche {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.pageID-scholarship .sche div {
  width: calc((100% - 40px) / 2);
  box-sizing: border-box;
}
.pageID-scholarship .sche div p {
  text-align: center;
  background: #78b3b3;
  color: #fff;
  padding: 8px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.pageID-scholarship .sche div ul {
  padding-left: 0;
}
.pageID-scholarship .sche div li {
  list-style: none;
  font-size: 0.875rem;
  position: relative;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  padding: 8px;
  /*border: 1px dashed #78b3b3;*/
  border: 1px solid #e3e3e3;
}
.pageID-scholarship .sche div li::after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: #78b3b3 transparent transparent transparent;
  border-width: 15px 15px 0 15px;
}
.pageID-scholarship .sche div li:last-of-type::after {
  content: none;
}

/* ss00 */
.pageID-scholarship table.ss00-1 td {
  text-align: right;
}
.pageID-scholarship table.ss00-2 td {
  text-align: right;
}
.pageID-scholarship table.ss00-3 th {
  width: 40%;
}

/* ss02 */
.frame-ss02 {
  display: flex;
  justify-content: space-between;
}
.frame-ss02 .frame {
  display: flex;
  flex-direction: column;
  width: calc((100% - 80px) / 3);
  box-sizing: border-box;
  align-items: center;
  /*justify-content: center;*/
  border-radius: 3px;
  padding: 10px;
  margin-top: 0;
  position: relative;
}
.frame-ss02 .frame:not(:first-child)::after {
  content: "+";
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1;
}
.frame-ss02 .frame p {
  margin-top: 10px;
}
.frame-ss02 .frame p.entry {
  background: #679fca;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  font-weight: 700;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0;
}

@media screen and (max-width: 736px) {
  /* ss09 */
  .pageID-scholarship .type-box {
    flex-direction: column;
  }
  .pageID-scholarship .type-box div {
    width: 100%;
  }
  .pageID-scholarship .simulation {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
  }
  .pageID-scholarship .simulation span {
    width: 100%;
    margin: 0 auto 30px;
  }
  .pageID-scholarship .simulation span:not(:first-child)::before,
  .pageID-scholarship .simulation span:last-child::before {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: -30px;
  }
  .pageID-scholarship .simulation span:last-child::before {
    /*transform: rotate(-90deg);*/
  }
  .pageID-scholarship .type-box2 {
    flex-direction: column;
    margin-top: 20px;
  }
  .pageID-scholarship .type-box2 .inner1 {
    width: 100%;
    margin-bottom: 20px;
  }
  .pageID-scholarship .type-box2 .inner2 {
    width: 100%;
  }

  /* ss04 */
  .chartBox {
    flex-direction: column;
  }
  .chartBox .inner {
    width: 100%;
    margin-top: 20px;
  }
  .chartBox .chart {
    width: calc(var(--r) * 3);
    height: calc(var(--r) * 3);
  }

  .pageID-scholarship .scrollTable table caption {
    /*display: block;*/
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10;
    width: 50px;
  }

  .pageID-scholarship table.ss10-2 th,
  .pageID-scholarship table.ss10-2 td {
    display: block;
    width: 100%;
  }
  .pageID-scholarship table.ss10-2:nth-child(2) th {
    margin-top: -1px;
  }
  .pageID-scholarship .schedule {
    flex-direction: column;
  }
  .pageID-scholarship .schedule div {
    width: 100%;
  }
  .pageID-scholarship .schedule div li {
    margin-bottom: 30px;
  }
  .pageID-scholarship .schedule div li::after {
    bottom: -35px;
  }

  /* ss10 */
  .pageID-scholarship table.ss10-2 th {
    border-bottom-style: none;
    margin-top: -1px;
  }

  /* ss05 */
  .pageID-scholarship .sche {
    flex-direction: column;
  }
  .pageID-scholarship .sche div {
    width: 100%;
  }

  /* ss02 */
  .frame-ss02 {
    flex-direction: column;
  }
  .frame-ss02 .frame {
    width: 100%;
    margin-bottom: 40px;
  }
  .frame-ss02 .frame:last-of-type {
    margin-bottom: 0;
  }
  .frame-ss02 .frame:not(:first-child)::after {
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
}