/*
Theme Name: Twenty Twenty-one Child
Version: 1.6
Template: twentytwentyone
*/
:root {
  --viewport-width: min(100vw, 2000px);
  --b: calc(var(--viewport-width) / 160);
}

#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item {
  margin-top: max(8rem, 50px);
  padding-bottom: max(3rem, 20px);
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item:not(:last-of-type) {
  border-bottom: 1px solid #e9e5e5;
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item h3.scholarship__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: max(2rem, 15px);
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item h3.scholarship__title .title__number {
  align-self: baseline;
  font-family: YakuHanJP, "EB Garamond", "Noto Serif JP", sans-serif;
  color: #b8183f;
  font-size: max(4rem, 30px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item h3.scholarship__title .title__text {
  color: #b8183f;
  font-size: max(2rem, 18px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail {
  margin-top: max(5rem, 30px);
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail h4 {
  display: block;
  font-size: max(2rem, 18px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: max(1.5rem, 10px);
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail .scholarship__table {
  width: 100%;
  overflow-x: auto;
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail .scholarship__table:not(:last-of-type) {
  margin-bottom: max(9rem, 60px);
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail .scholarship__table table {
  width: 100%;
  min-width: 700px;
  border-spacing: max(0.6rem, 4px);
  border-collapse: separate;
  overflow: auto;
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail .scholarship__table table thead tr th {
  background: #e5e0e0;
  padding: max(1.5rem, 10px) 20px;
  text-align: center;
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail .scholarship__table table thead tr th span {
  font-size: max(1.6rem, 14px);
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.1em;
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail .scholarship__table table tbody tr th,
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail .scholarship__table table tbody tr td {
  padding: max(1rem, 10px) 20px;
  text-align: center;
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail .scholarship__table table tbody tr th span,
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail .scholarship__table table tbody tr td span {
  font-size: max(1.6rem, 14px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail .scholarship__table table tbody tr th {
  width: max(18rem, 160px);
  flex-shrink: 0;
  background: #f4efef;
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail .scholarship__table table tbody tr td {
  background: #fff;
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail ol {
  list-style: none;
  counter-reset: list-counter;
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail ol li {
  counter-increment: list-counter;
  position: relative;
  padding-left: max(3rem, 20px);
  margin-bottom: max(2rem, 20px);
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail ol li::before {
  content: counter(list-counter, decimal);
  position: absolute;
  display: grid;
  place-items: center;
  left: 0;
  top: 0.4em;
  width: max(2rem, 15px);
  height: max(2rem, 15px);
  font-size: 80%;
  font-weight: 500;
  line-height: 0;
  letter-spacing: 0;
  border-radius: 50%;
  border: 1px solid #3c2e32;
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail ol li h4 {
  font-size: max(1.6rem, 14px);
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-bottom: max(0.5rem, 5px);
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail ol li .attention {
  display: block;
  margin-top: max(0.5rem, 5px);
}
#tuition #scholarship .scholarship__wrapper .scholarship__content .scholarship__item .scholarship__detail ol li .attention small {
  font-size: max(1.4rem, 12px);
  color: #666;
  line-height: 1.6;
}
#tuition #fee .fee__wrapper {
  margin-top: max(16.5rem, 100px);
}
#tuition #fee .fee__wrapper .fee__content .fee__btn {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: max(7.5rem, 30px);
  margin-bottom: max(8.5rem, 50px);
}
@media screen and (max-width: 800px) {
  #tuition #fee .fee__wrapper .fee__content .fee__btn {
    align-items: start;
    flex-direction: column;
  }
}
#tuition #fee .fee__wrapper .fee__content .fee__btn p {
  display: inline-block;
}
#tuition #fee .fee__wrapper .fee__content .fee__btn .btnBox {
  width: max(300px, 100%);
  max-width: max(390px, 39rem);
}
@media screen and (max-width: 800px) {
  #tuition #fee .fee__wrapper .fee__content .fee__btn .btnBox {
    width: 100%;
    max-width: 100%;
    flex: 1;
  }
}
#tuition #fee .fee__wrapper .fee__content .fee__btn .btnBox b {
  display: block;
  font-size: max(2rem, 16px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: max(1rem, 10px);
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro h3 {
  display: block;
  padding: max(2rem, 15px) min(5%, 50px);
  margin-bottom: max(5rem, 30px);
  background: #3c2e32;
  color: #fff;
  font-size: max(2rem, 18px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro h4 {
  font-size: max(2rem, 18px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: max(2.5rem, 20px);
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro .fee__table {
  width: 100%;
  overflow-x: auto;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro .fee__table:not(:last-of-type) {
  margin-bottom: max(9rem, 60px);
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro .fee__table table {
  width: 100%;
  min-width: 700px;
  border-spacing: max(0.6rem, 4px);
  border-collapse: separate;
  overflow: auto;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro .fee__table table thead tr th {
  background: #e5e0e0;
  padding: max(0.5rem, 5px) 20px;
  text-align: center;
  vertical-align: middle;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro .fee__table table thead tr th span {
  font-size: max(1.6rem, 14px);
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.1em;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro .fee__table table tbody tr th,
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro .fee__table table tbody tr td {
  padding: max(1rem, 10px) 20px;
  text-align: center;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro .fee__table table tbody tr th span,
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro .fee__table table tbody tr td span {
  font-size: max(1.6rem, 14px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro .fee__table table tbody tr th {
  width: max(5rem, 50px);
  flex-shrink: 0;
  background: #f4efef;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro .fee__table table tbody tr td {
  background: #fff;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-intro .fee__table table tbody tr td.sentence {
  text-align: left;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item {
  margin-top: max(10rem, 60px);
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(1.5rem, 10px);
  padding: max(1.5rem, 10px) min(5%, 50px);
  margin-bottom: max(4rem, 30px);
  background: #f7e4e9;
}
@media screen and (max-width: 550px) {
  #tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__title {
    align-items: end;
  }
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__title h3 {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0 max(1.5rem, 15px);
}
@media screen and (max-width: 550px) {
  #tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__title h3 {
    flex-direction: column;
    align-items: start;
  }
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__title h3 .system__title--number {
  font-family: YakuHanJP, "EB Garamond", "Noto Serif JP", sans-serif;
  color: #b8183f;
  font-size: max(4rem, 30px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__title h3 .system__title--text {
  color: #b8183f;
  font-size: max(2rem, 18px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__title .system__kind {
  flex-shrink: 0;
  color: #b8183f;
  font-size: max(1.4rem, 12px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  padding: 5px max(2rem, 5px);
  border: 1px solid #b8183f;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__content h4 {
  display: block;
  font-size: max(2rem, 18px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: max(1.5rem, 15px);
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__content h4:not(:first-of-type) {
  margin-top: max(7rem, 50px);
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__content h4 small {
  font-size: max(1.4rem, 12px);
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__content h5:not(:first-of-type) {
  margin-top: max(2rem, 20px);
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__content p.accent {
  color: #b8183f;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__content p small {
  font-size: max(1.4rem, 12px);
  font-weight: 400;
  line-height: inherit;
  letter-spacing: inherit;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__system .fee__system-item__content ul li.accent {
  color: #b8183f;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__loan {
  margin-top: max(14rem, 70px);
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__loan .loan__intro h3 {
  display: block;
  padding: max(2rem, 15px) min(5%, 50px);
  margin-bottom: max(5rem, 30px);
  background: #3c2e32;
  color: #fff;
  font-size: max(2rem, 18px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__loan .loan__intro h4 {
  display: block;
  font-size: max(2rem, 18px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: max(1rem, 10px);
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__loan .loan__intro p span {
  text-decoration: underline;
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__loan .loan__intro .btnBox {
  margin-top: max(4.5rem, 30px);
  margin-bottom: max(10rem, 50px);
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__loan .loan__intro .btnBox b {
  display: block;
  font-size: max(2rem, 16px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: max(1rem, 10px);
}
#tuition #fee .fee__wrapper .fee__content .fee__inner.fee__loan .loan__intro .btnBox .btn {
  margin: 0;
}
#tuition #about .about__wrapper {
  margin-top: max(17rem, 100px);
}
#tuition #about .about__wrapper .about__intro {
  margin-bottom: max(23rem, 100px);
}
#tuition #about .about__wrapper .about__intro .btn {
  margin: 0;
  margin-top: max(7rem, 50px);
}
#tuition #about .about__wrapper .about__content h3 {
  padding: max(2rem, 15px) min(5%, 50px);
  margin-bottom: max(5rem, 30px);
  background: #3c2e32;
  color: #fff;
  font-size: max(2rem, 18px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
#tuition #about .about__wrapper .about__content h4 {
  font-size: max(2rem, 18px);
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.1em;
  margin-bottom: max(1.5rem, 15px);
}
#tuition #about .about__wrapper .about__content h4:not(:first-of-type) {
  margin-top: max(7rem, 50px);
}
#tuition #about .about__wrapper .about__content .about__orico,
#tuition #about .about__wrapper .about__content .about__sedina {
  margin-top: max(8.5rem, 50px);
}
#tuition #about .about__wrapper .about__content .about__orico strong,
#tuition #about .about__wrapper .about__content .about__sedina strong {
  display: block;
  padding: max(2rem, 15px) min(5%, 50px);
  color: #b8183f;
  font-size: max(2rem, 18px);
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.1em;
  border: 1px solid #b8183f;
  margin-block: max(3.5rem, 30px);
}
#tuition #about .about__wrapper .about__content .about__orico h4,
#tuition #about .about__wrapper .about__content .about__sedina h4 {
  padding-bottom: max(1rem, 10px);
  border-bottom: 1px solid #e9e5e5;
}
#tuition #about .about__wrapper .about__content .about__orico h4:not(:first-of-type),
#tuition #about .about__wrapper .about__content .about__sedina h4:not(:first-of-type) {
  margin-top: max(5rem, 30px);
}
#tuition #about .about__wrapper .about__content .about__orico .about__btns,
#tuition #about .about__wrapper .about__content .about__sedina .about__btns {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: max(3rem, 20px);
  margin-top: max(2rem, 15px);
}
@media screen and (min-width: 1600px) {
  #tuition #about .about__wrapper .about__content .about__orico .about__btns,
  #tuition #about .about__wrapper .about__content .about__sedina .about__btns {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
#tuition #about .about__wrapper .about__content .about__orico .about__btns .btn,
#tuition #about .about__wrapper .about__content .about__sedina .about__btns .btn {
  margin: 0;
}
#tuition #contact .contact__wrapper {
  margin-top: max(20rem, 120px);
}/*# sourceMappingURL=tuition.css.map */