/* screen - toppage-wrapper */


.toppage-wrapper {
  align-items: flex-start;
  background-color: var(--teacherbankblogjpnero);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}


.toppage-wrapper .background-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--teacherbankblogjpmint-tulip);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 20px 260px 14px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .background-4 {
    display: none;
  }
}

.toppage-wrapper .container-14 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  max-width: 1400px;
  position: relative;
  width: 1400px;
}

.toppage-wrapper .container-15 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.toppage-wrapper .x113292c1png {
  background-image: url(../image/top/113292c1-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 35px;
  position: relative;
  width: 350px;
}

.toppage-wrapper .container-16 {
  align-items: flex-start;
  display: flex;
  height: 64px;
  justify-content: center;
  max-width: 1400px;
  position: relative;
  width: 1400px;
}

.toppage-wrapper .container-17 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: 18px 0px 0px 20px;
  position: relative;
  width: 296px;
}

.toppage-wrapper .heading-1-1 {
  padding: 0px 48.5px;
}

.toppage-wrapper .link-39ebfde2png {
  background-image: url(../image/top/link---39ebfde2-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 25px;
  position: relative;
  width: 179px;
}

.toppage-wrapper .heading-1-2 {
  padding: 1px 42.31px 2px;
}

.toppage-wrapper .text-1-12 {
  align-self: stretch;
  color: var(--mine-shaft);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.toppage-wrapper .container-18 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 109px;
  margin-bottom: -45.00px;
  position: relative;
  width: 1104px;
}

.toppage-wrapper .list {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  min-height: 109px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .item-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  padding: 0px 36.86px;
}

.toppage-wrapper .link {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
}

.toppage-wrapper .text {
  color: var(--mine-shaft);
  cursor: pointer;
  font-weight: 500;
  line-height: 84px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .item-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  padding: 0px 43.53px;
}

.toppage-wrapper .item-4 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  padding: 0px 36.21px 0px 36.2px;
}

.toppage-wrapper .item-5 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  padding: 0px 22.53px;
}

.toppage-wrapper .item-6 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  padding: 0px 50.87px 0px 50.85px;
}

.toppage-wrapper .item-7 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  padding: 0px 50.2px 0px 50.21px;
}

.toppage-wrapper .item-8 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  padding: 25px 0px 0px;
}

.toppage-wrapper .link-7 {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 0px 0px 11.08px;
  position: relative;
}

.toppage-wrapper .x73d553a8png-1 {
  flex: 1;
  flex-grow: 1;
  height: 38.92px;
  position: relative;
}

.toppage-wrapper .background-5 {
  align-items: center;
  align-self: stretch;
  background-image: url(../image/top/background.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 700px;
  padding: 0px 335px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .background-5 {
    padding: initial;
    background-position: initial;
    height: 800px;
  }
}

.toppage-wrapper .container-19 {
  height: 550px;
  max-width: 1250px;
  position: relative;
  width: 1250px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-19 {
    width: 100%;
  }
}

.toppage-wrapper .flex-col-1 {
  align-items: center;
  left: 20px;
  min-height: 559px;
  position: absolute;
  top: 100px;
  width: 550px;
}

@media(max-width:992px) {
  .toppage-wrapper .flex-col-1 {
    left: initial;
    width: 100%;
    padding: 15px;
    z-index: 2;
  }
}

.toppage-wrapper .x4c112ee0png {
  background-image: url(../image/top/4c112ee0-png.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 372px;
  width: 550px;
}

@media(max-width:992px) {
  .toppage-wrapper .x4c112ee0png {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
  }
}

.toppage-wrapper .x0e08e0b7png {
  background-image: url(../image/top/0e08e0b7-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 64px;
  margin-right: 10.0px;
  margin-top: 28px;
  width: 380px;
}

@media(max-width:992px) {
  .toppage-wrapper .x0e08e0b7png {
    margin-top: 0;
  }
}

.toppage-wrapper .png-container {
  align-items: flex-start;
  display: flex;
  gap: 30px;
  margin-top: 36px;
  min-width: 510px;
}

@media(max-width:992px) {
  .toppage-wrapper .png-container {
    flex-direction: column;
    align-items: center;
  }
}

.toppage-wrapper .x73d553a8png-2 {
  height: 59px;
  width: 240px;
}

.toppage-wrapper .x1f5eeee2png {
  background-image: url(../image/top/link---1f5eeee2-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 59px;
  width: 240px;
}

.toppage-wrapper .haikei_kirinuki4png {
  background-image: url(../image/top/haikei-kirinuki4-png.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 692px;
  left: 615px;
  position: absolute;
  top: 8px;
  width: 760px;
}

@media(max-width:992px) {
  .toppage-wrapper .haikei_kirinuki4png {
    /* display: none; */
    top: 50%;
    left: 35%;
  }
}

.toppage-wrapper .section {
  align-items: center;
  align-self: stretch;
  background-color: var(--teacherbankblogjpmint-tulip);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 80px 0px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .section {
    padding: 0;
  }
}

.toppage-wrapper .container {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  /* max-width: 1200px; */
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .container {
    width: 100%;
    padding: 0;
  }
}

.toppage-wrapper .container-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .container-1 {
    flex-direction: column-reverse;
  }
}

.toppage-wrapper .container-20 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 730px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-20 {
    width: 100%;
  }
}

.toppage-wrapper .heading-3 {
  align-items: center;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  padding: 12px 195.09px 13px 195.08px;
}

@media(max-width:992px) {
  .toppage-wrapper .heading-3 {
    padding: 15px;
  }
}

.toppage-wrapper .text-8-1 {
  align-self: stretch;
  color: var(--teacherbankblogjpnero);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.toppage-wrapper .overlay {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--teacherbankblogjpnero-86);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  padding: 100px 80px 50px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .overlay {
    padding: 15px;
  }
}

.toppage-wrapper .heading-2 {
  align-items: flex-start;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-color: var(--teacherbankblogjpdeep-cerulean);
  padding: 2px 0px 5px;
}

.toppage-wrapper .text-1 {
  align-self: stretch;
  color: var(--teacherbankblogjpdeep-cerulean);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  letter-spacing: 1.20px;
  line-height: normal;
  margin-top: -2.00px;
  position: relative;
}

.toppage-wrapper .container-21 {
  align-self: stretch;
  height: 260px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .container-21 {
    height: 100%;
  }
}

.toppage-wrapper .flex-row {
  height: 260px;
  min-width: 570px;
}

@media(max-width:992px) {
  .toppage-wrapper .flex-row {
    height: 100%;
    min-width: initial;
    flex-direction: column-reverse !important;
    flex-wrap: wrap;
  }
}

.toppage-wrapper .flex-col-2 {
  align-items: flex-start;
  gap: 20px;
  min-height: 260px;
  width: 200px;
}

@media(max-width:992px) {
  .toppage-wrapper .flex-col-2 {
    width: 100%;
  }
}

.toppage-wrapper .link-1 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 50px;
  justify-content: center;
  position: relative;
  width: 150px;
}

@media(max-width:992px) {
  .toppage-wrapper .link-1 {
    /* width: 100%; */
  }
}

.toppage-wrapper .ca95ce24png {
  background-image: url(../image/top/ca95ce24-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 150px;
}

.toppage-wrapper .fa124be9png {
  background-image: url(../image/top/fa124be9-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 150px;
}

.toppage-wrapper .x29e05dc6png {
  background-image: url(../image/top/29e05dc6-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 150px;
}

/* .toppage-wrapper .options {
  align-items: center;
  background-color: var(--teacherbankblogjpgallery);
  border: 1px solid;
  border-color: var(--teacherbankblogjpmine-shaft);
  display: flex;
  height: 50px;
  justify-content: center;
  padding: 15.5px 17px 15.5px 25px;
  position: relative;
  width: 200px;
} */

.toppage-wrapper .container-22 {
  align-items: center;
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  padding: 1px 14.43px 1px 14.44px;
  position: relative;
}

@media(max-width:992px) {
  .toppage-wrapper .container-22 {
    width: 100%;
  }
}


.toppage-wrapper .container-22::after {
  position: absolute;
  right: 30px;
  width: 10px;
  height: 7px;
  background-color: #535353;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
  pointer-events: none;
  top: 45%;
}

.toppage-wrapper .container-22 select {
  appearance: none;
  min-width: 230px;
  height: 2.8em;
  padding: .4em calc(.8em + 30px) .4em .8em;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  background-color: #fff;
  color: #333333;
  font-size: 1em;
  cursor: pointer;
}

@media(max-width:992px) {
  .toppage-wrapper .container-22 select {
    width: 100%;
  }
}

.toppage-wrapper .text-10-3 {
  align-self: stretch;
  color: var(--teacherbankblogjpmine-shaft);
  line-height: 17px;
  margin-top: -1.00px;
  text-align: center;
}

.toppage-wrapper .link-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-left: 10px;
  min-height: 210px;
  width: 150px;
}

@media(max-width:992px) {
  .toppage-wrapper .link-container {
    margin-left: 0px;
    width: 100%;
    flex-direction: row;
    min-height: 80px;
  }
}

.toppage-wrapper .x62b78391png {
  background-image: url(../image/top/62b78391-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 150px;
}

.toppage-wrapper .x0484a4fdpng {
  background-image: url(../image/top/0484a4fd-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 150px;
}

.toppage-wrapper .x918d6f00png {
  background-image: url(../image/top/918d6f00-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 150px;
}

.toppage-wrapper .link-container-1 {
  margin-left: 60px;
  min-height: 210px;
}

@media(max-width:992px) {
  .toppage-wrapper .link-container-1 {
    margin-left: 0px;
    min-height: 80px;
  }
}

@media(max-width:992px) {
  .toppage-wrapper .subject-selector {
    background-size: contain !important;
    width: 100% !important;
    background-repeat: no-repeat;
  }
}

.toppage-wrapper .c354f6c3png {
  background-image: url(../image/top/c354f6c3-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 150px;
}

.toppage-wrapper .x72a2e142png {
  background-image: url(../image/top/72a2e142-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 150px;
}

.toppage-wrapper .x08cc5062png {
  background-image: url(../image/top/08cc5062-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 150px;
}

.toppage-wrapper .heading-2-1 {
  align-items: flex-start;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-color: var(--teacherbankblogjpdeep-cerulean);
  flex-direction: column;
  padding: 22px 0px 5px;
}

.toppage-wrapper .container-23 {
  align-self: stretch;
  height: 140px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .flex-row-1 {
  gap: 60px;
  height: 140px;
  min-width: 570px;
}

@media(max-width:992px) {
  .toppage-wrapper .flex-row-1 {
    gap: 0px;
  }
}

.toppage-wrapper .link-container-2 {
  min-height: 140px;
}

@media(max-width:992px) {
  .toppage-wrapper .link-container-2 {
    min-height: initial;
  }
}

.toppage-wrapper .x0df1870dpng {
  background-image: url(../image/top/0df1870d-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 150px;
}

.toppage-wrapper .x156b4ff8png {
  background-image: url(../image/top/156b4ff8-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 150px;
}

.toppage-wrapper .x174f0da2png {
  background-image: url(../image/top/174f0da2-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 150px;
}

.toppage-wrapper .container-24 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 20px 185.25px 0px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .link-6f56543epng {
  background-image: url(../image/top/link---6f56543e-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 51.86px;
  position: relative;
  width: 199.5px;
}

.toppage-wrapper .overlay-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--teacherbankblogjpnero-85);
  display: flex;
  flex-direction: column;
  padding: 20px;
  position: relative;
  width: 370px;
}

@media(max-width:992px) {
  .toppage-wrapper .overlay-1 {
    width: 100%;
  }
}

.toppage-wrapper .container-25 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 0px 0px 20px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .container-26 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 1px 0px 3px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .container-26 {
    text-align: center;
  }
}

.toppage-wrapper .text-1-1 {
  align-self: stretch;
  color: var(--mine-shaft);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.toppage-wrapper .form {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .form {
    justify-content: center;
  }
}

.toppage-wrapper .input {
  background-color: var(--teacherbankblogjpnero);
  border: 1px solid;
  border-color: var(--teacherbankblogjpsilver);
  height: 35px;
  position: relative;
  width: 264px;
}

.toppage-wrapper .input-1 {
  align-items: center;
  background-color: var(--teacherbankblogjptundora);
  border: 1px solid;
  border-color: var(--teacherbankblogjpsilver);
  display: flex;
  flex-direction: column;
  height: 35px;
  justify-content: center;
  padding: 8.5px 19px;
  position: relative;
  width: 66px;
}

.toppage-wrapper .text-13 {
  color: var(--teacherbankblogjpnero);
  font-weight: 500;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .container-27 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 20px 0px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .container-28 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 1px 0px 3px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .list-1 {
  flex-direction: column;
  gap: 20px;
}

.toppage-wrapper .item {
  align-items: flex-start;
  align-self: stretch;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-color: var(--teacherbankblogjpsilver);
  display: flex;
  flex: 0 0 auto;
  min-height: 1px;
  padding: 0px 0px 21px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .link-2 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  position: relative;
  width: 70px;
}

.toppage-wrapper .subject_png {
  height: 34px;
  position: relative;
  width: 50px;
}

.toppage-wrapper .link-3 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
  width: 250px;
}

.toppage-wrapper .text-2 {
  color: var(--mine-shaft);
  cursor: pointer;
  font-weight: 700;
  line-height: 16.8px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.toppage-wrapper .kokugopng {
  background-image: url(../image/top/kokugo-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 34px;
  position: relative;
  width: 50px;
}

.toppage-wrapper .kyouzaipng {
  background-image: url(../image/top/kyouzai-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 34px;
  position: relative;
  width: 50px;
}

.toppage-wrapper .sonotasyokupng {
  background-image: url(../image/top/sonotasyoku-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 34px;
  position: relative;
  width: 50px;
}

.toppage-wrapper .kateipng {
  background-image: url(../image/top/katei-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 34px;
  position: relative;
  width: 50px;
}

.toppage-wrapper .gijyutupng {
  background-image: url(../image/top/gijyutu-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 34px;
  position: relative;
  width: 50px;
}

.toppage-wrapper .syakaipng {
  background-image: url(../image/top/syakai-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 34px;
  position: relative;
  width: 50px;
}

.toppage-wrapper .section-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 120px 0px 0px;
}

.toppage-wrapper .container-29 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 1140px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-29 {
    width: 100%;
  }
}

.toppage-wrapper .be021f54png {
  background-image: url(../image/top/be021f54-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 67.19px;
  position: relative;
  width: 100px;
}

.toppage-wrapper .heading-2-2 {
  align-items: center;
  flex-direction: column;
  padding: 2px 317.97px 8px 317.95px;
}

@media(max-width:992px) {
  .toppage-wrapper .heading-2-2 {
    padding: 0px;
  }
}

.toppage-wrapper .text-3 {
  align-self: stretch;
  letter-spacing: 3.90px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

@media(max-width:992px) {
  .toppage-wrapper .text-3 {
    font-size: 18px;
  }
}

.toppage-wrapper .background-6 {
  align-items: center;
  align-self: stretch;
  background-color: var(--teacherbankblogjpnero);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 80px 0px 60px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .background-6 {
    padding: 0px;
  }
}

.toppage-wrapper .container-30 {
  align-self: stretch;
  height: 977.06px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .container-30 {
    height: 100%;
  }
}

.toppage-wrapper .background-container {
  align-items: flex-start;
  display: flex;
  /* flex-direction: column; */
  gap: 40px;
  /* left: 0; */
  min-height: 977px;
  position: absolute;
  top: 0;
  width: 100%;
  justify-content: center;
}

@media(max-width:992px) {
  .toppage-wrapper .background-container {
    width: 100%;
    flex-direction: column;
    position: initial;
  }
}

.toppage-wrapper .background {
  align-items: center;
  background-color: var(--teacherbankblogjpmint-tulip);
  display: flex;
  flex-direction: column;
  height: 435px;
  padding: 120px 0px 80px;
  position: relative;
}

@media(max-width:992px) {
  .toppage-wrapper .background {
    height: 100%;
    padding: 120px 50px 80px;
    width: 100%;
  }
}

.toppage-wrapper .container-2 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 2px 0px 3px 53px;
  position: relative;
  width: 576px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-2 {
    width: 100%;
    padding: 0;
  }
}

.toppage-wrapper .text-4 {
  color: var(--teacherbankblogjpblack);
  font-weight: 500;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.toppage-wrapper .horizontal-border {
  align-items: flex-start;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-color: var(--teacherbankblogjpnero);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 22px 0px 15px;
  position: relative;
  width: 460.8px;
}

@media(max-width:992px) {
  .toppage-wrapper .horizontal-border {
    width: 100%;
  }
}

.toppage-wrapper .text-5 {
  color: var(--teacherbankblogjpdeep-cerulean);
  font-weight: 700;
  line-height: normal;
  margin-top: -3.00px;
  position: relative;
  width: fit-content;
}

.toppage-wrapper .container-3 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  margin-bottom: -4.06px;
  padding: 10px 0px 0px;
  position: relative;
  width: 460.8px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-3 {
    width: 100%;
  }
}

.toppage-wrapper .text-6 {
  letter-spacing: 2.40px;
  line-height: 27.2px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.toppage-wrapper .background-1 {
  align-items: center;
  background-color: var(--teacherbankblogjpsaffron);
  display: flex;
  flex-direction: column;
  height: 50px;
  left: 60px;
  padding: 0px 11.66px 0px 11.64px;
  position: absolute;
  top: 40px;
  width: 50px;
}

.toppage-wrapper .number {
  color: var(--teacherbankblogjpnero);
  font-weight: 500;
  line-height: 50px;
  margin-left: -0.15px;
  margin-right: -0.15px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

@media(max-width:992px) {
  .toppage-wrapper .suisenn_png {
    height: 65px;
  }
}

.toppage-wrapper .container-31 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 350px;
  position: absolute;
  top: 80px;
  width: 145px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-31 {
    left: 130px;
    top: 30px;
  }
}

.toppage-wrapper .background-7 {
  align-items: center;
  background-color: var(--teacherbankblogjpmint-tulip);
  display: flex;
  flex-direction: column;
  height: 462px;
  padding: 120px 0px 107.19px;
  position: relative;
}

@media(max-width:992px) {
  .toppage-wrapper .background-7 {
    padding: 120px 50px 107.19px;
    height: 100%;
    width: 100%;
  }
}

.toppage-wrapper .container-32 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 350px;
  position: absolute;
  top: 120px;
}


@media(max-width:992px) {
  .toppage-wrapper .container-32 {
    left: 130px;
    top: 50px;
  }
}

.toppage-wrapper .network_png {
  height: 80px;
}

@media(max-width:992px) {
  .toppage-wrapper .network_png {
    height: 40px;
  }
}

.toppage-wrapper .background-container-1 {
  align-items: flex-start;
  display: flex;
  /* flex-direction: column; */
  gap: 40px;
  /* left: 624px; */
  min-height: 977px;
  position: absolute;
  top: 475px;
  width: 100%;
  justify-content: center;
}

@media(max-width:992px) {
  .toppage-wrapper .background-container-1 {
    flex-direction: column;
    position: initial;
    margin-top: 35px;
    width: 100%;
  }
}

.toppage-wrapper .container-33 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 380px;
  position: absolute;
  top: 80px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-33 {
    left: 130px;
    top: 30px;
  }
}

.toppage-wrapper .himitsu_png {
  height: 110px;
}

@media(max-width:992px) {
  .toppage-wrapper .himitsu_png {
    height: 65px;
  }
}

.toppage-wrapper .background-8 {
  align-items: center;
  background-color: var(--teacherbankblogjpmint-tulip);
  display: flex;
  flex-direction: column;
  height: 462px;
  padding: 120px 0px 80px;
  position: relative;
}

@media(max-width:992px) {
  .toppage-wrapper .background-8 {
    padding: 120px 50px 80px;
    height: 100%;
    width: 100%;
  }
}

.toppage-wrapper .container-34 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  margin-bottom: -4.87px;
  padding: 10px 0px 0px;
  position: relative;
  width: 460.8px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-34 {
    width: 100%;
  }
}

.toppage-wrapper .container-35 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 380px;
  position: absolute;
  top: 100px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-35 {
    left: 130px;
    top: 30px;
  }
}

.toppage-wrapper .hukugyou_png {
  height: 110px;
}

@media(max-width:992px) {
  .toppage-wrapper .hukugyou_png {
    height: 70px;
  }
}

.toppage-wrapper .background-9 {
  align-items: center;
  align-self: stretch;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  display: flex;
  flex-direction: column;
  height: 190px;
  padding: 0px 355px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .background-9 {
    padding: 0px;
    height: 100%;
  }
}

.toppage-wrapper .background-10 {
  align-items: flex-start;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  display: flex;
  height: 200px;
  justify-content: space-between;
  margin-bottom: -10.00px;
  max-width: 1210px;
  position: relative;
  width: 1210px;
}

@media(max-width:992px) {
  .toppage-wrapper .background-10 {
    height: 100%;
    width: 100%;
    flex-direction: column;
  }
}


.toppage-wrapper .container-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: 50px 0px 0px;
  position: relative;
  width: 665.5px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-4 {
    width: 100%;
  }
}

.toppage-wrapper .paragraph {
  align-self: stretch;
  height: 89px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .paragraph {
    height: 100%;
  }
}

.toppage-wrapper .text-container-1 {
  height: 41px;
  left: 19px;
  position: absolute;
  top: 2px;
  width: 629px;
}

@media(max-width:992px) {
  .toppage-wrapper .text-container-1 {
    position: initial;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}

.toppage-wrapper .text-7 {
  color: var(--teacherbankblogjpnero);
  font-weight: 500;
  height: 32px;
  left: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 7px;
  white-space: nowrap;
  width: 58px;
}

@media(max-width:992px) {
  .toppage-wrapper .text-7 {
    position: initial;
    width: 100%;
  }
}

.toppage-wrapper .text-37 {
  color: var(--teacherbankblogjpdiesel);
  font-weight: 500;
  height: 41px;
  left: 58px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 190px;
}

@media(max-width:992px) {
  .toppage-wrapper .text-37 {
    position: initial;
    width: 100%;
  }
}

.toppage-wrapper .text-38 {
  color: var(--teacherbankblogjpnero);
  font-weight: 500;
  height: 32px;
  left: 248px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 7px;
  white-space: nowrap;
  width: 381px;
}

@media(max-width:992px) {
  .toppage-wrapper .text-38 {
    position: initial;
    width: 100%;
  }
}

.toppage-wrapper .text-8 {
  color: var(--teacherbankblogjpnero);
  font-weight: 500;
  height: 32px;
  left: 171px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 51px;
  white-space: nowrap;
  width: 323px;
}

@media(max-width:992px) {
  .toppage-wrapper .text-8 {
    left: 15px;
    top: 135px;
  }
}

.toppage-wrapper .container-5 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  padding: 70px 4.5px;
  position: relative;
  width: 484px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-5 {
    width: 100%;
    flex-direction: column;
  }
}

.toppage-wrapper .link-4 {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.toppage-wrapper .x73d553a8png {
  background-image: url(../image/top/73d553a8-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 60px;
  position: relative;
  width: 230px;
}

.toppage-wrapper .linkmargin {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 0px 0px 15px;
  position: relative;
}

@media(max-width:992px) {
  .toppage-wrapper .linkmargin {
    padding: 15px 0px;
  }
}

.toppage-wrapper .link-1f5eeee2png {
  background-image: url(../image/top/link---1f5eeee2-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 60px;
  position: relative;
  width: 230px;
}

.toppage-wrapper .section-2 {
  align-items: center;
  background-color: var(--teacherbankblogjpwild-sand);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 120px 360px 102px;
}

@media(max-width:992px) {
  .toppage-wrapper .section-2 {
    padding: 120px 0px 102px;
  }
}

.toppage-wrapper .container-36 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  max-width: 1200px;
  position: relative;
  width: 1200px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-36 {
    width: 100%;
  }
}

.toppage-wrapper .heading-2-3 {
  align-items: center;
  flex-direction: column;
  padding: 3px 496.5px 10px;
}

@media(max-width:992px) {
  .toppage-wrapper .heading-2-3 {
    padding: 0px;
  }
}

.toppage-wrapper .text-9 {
  align-self: stretch;
  color: var(--teacherbankblogjpdeep-cerulean);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.toppage-wrapper .heading-3-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 2px 346.96px 3px 346.95px;
}

@media(max-width:992px) {
  .toppage-wrapper .heading-3-1 {
    padding: 0px;
  }
}

.toppage-wrapper .text-41 {
  align-self: stretch;
  color: var(--mine-shaft);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

@media(max-width:992px) {
  .toppage-wrapper .text-41 {
    font-size: 16px;
  }
}

.toppage-wrapper .container-37 {
  align-self: stretch;
  height: 658.19px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .container-37 {
    height: 100%;
  }

}

.toppage-wrapper .flex-row-2 {
  height: 648px;
  min-width: 1200px;
}

@media(max-width:992px) {
  .toppage-wrapper .flex-row-2 {
    height: 100%;
    min-width: initial;
  }
}

.toppage-wrapper .container-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 648px;
  padding: 6.0px 0;
  width: 240px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-container {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.toppage-wrapper .container-6 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 6px;
  padding: 4px 4px 12px;
  position: relative;
}

@media(max-width:992px) {
  .toppage-wrapper .container-6 {
    width: 49%;
  }
}

.toppage-wrapper .horizontal-border-1 {
  align-items: center;
  align-self: stretch;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--teacherbankblogjpsilver);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 4px 44px 5px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .link-joblistpng {
  cursor: pointer;
  height: 89.06px;
  position: relative;
  width: 120px;
}

.toppage-wrapper .heading-1-3 {
  padding: 1px 2.96px 3px 2.95px;
}

.toppage-wrapper .link-5 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.toppage-wrapper .text-10 {
  color: var(--mine-shaft);
  cursor: pointer;
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-11 {
  color: var(--mine-shaft);
  cursor: pointer;
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .container-7 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 18px;
  padding: 4px 4px 12px;
  position: relative;
}

@media(max-width:992px) {
  .toppage-wrapper .container-7 {
    width: 49%;
  }
}

.toppage-wrapper .link-kateipng {
  background-image: url(../image/top/link---katei-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 89.06px;
  position: relative;
  width: 120px;
}

.toppage-wrapper .heading-1-4 {
  padding: 1px 0.27px 3px 0.25px;
}

.toppage-wrapper .container-38 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8.01px;
  margin-top: 16px;
  padding: 4px 4px 11.99px;
  position: relative;
}

@media(max-width:992px) {
  .toppage-wrapper .container-38 {
    width: 49%;
  }
}

.toppage-wrapper .heading-1 {
  align-items: center;
  padding: 1px 3.14px 3px;
}

.toppage-wrapper .link-kokugopng {
  background-image: url(../image/top/link---kokugo-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 89.06px;
  position: relative;
  width: 120px;
}

.toppage-wrapper .link-gijyutupng {
  background-image: url(../image/top/link---gijyutu-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 89.06px;
  position: relative;
  width: 120px;
}

.toppage-wrapper .container-8 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8.01px;
  margin-top: 39px;
  padding: 4px 4px 11.99px;
  position: relative;
}

.toppage-wrapper .heading-1-5 {
  padding: 1px 2.67px 3px;
}

.toppage-wrapper .link-kyouzaipng {
  background-image: url(../image/top/link---kyouzai-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 89.06px;
  position: relative;
  width: 120px;
}

.toppage-wrapper .link-syakaipng {
  background-image: url(../image/top/link---syakai-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 89.06px;
  position: relative;
  width: 120px;
}

.toppage-wrapper .heading-1-6 {
  padding: 1px 0.52px 3px 0.5px;
}

.toppage-wrapper .link-sonotasyokupng {
  background-image: url(../image/top/link---sonotasyoku-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 89.06px;
  position: relative;
  width: 120px;
}

.toppage-wrapper .link-ongakupng {
  background-image: url(../image/top/link---ongaku-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 89.06px;
  position: relative;
  width: 120px;
}

.toppage-wrapper .link-8 {
  align-items: flex-start;
  background-color: var(--teacherbankblogjpnero);
  border: 1px solid;
  border-color: var(--teacherbankblogjpmine-shaft);
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 21px 61px 21px;
  position: relative;
  margin-top: 40px;
}

.toppage-wrapper .text-88 {
  color: var(--teacherbankblogjpmine-shaft);
  cursor: pointer;
  font-weight: 500;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .section-3 {
  height: 1591.3px;
}

@media(max-width:992px) {
  .toppage-wrapper .section-3 {
    height: 1800px;
  }
}

.toppage-wrapper .overlap-group2 {
  align-items: center;
  gap: 20px;
  left: 0;
  min-height: 1391px;
  position: absolute;
  top: 0;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .overlap-group2 {
    width: 100%;
  }
}

.toppage-wrapper .flex-col-3 {
  align-items: center;
  margin-top: 70px;
  min-height: 401px;
  padding: 0 50px;
  width: 1200px;
}

@media(max-width:992px) {
  .toppage-wrapper .flex-col-3 {
    width: 100%;
  }
}

.toppage-wrapper .be021f54png-1 {
  background-image: url(../image/top/be021f54-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 67px;
  width: 100px;
}

.toppage-wrapper .text-93 {
  height: 31px;
  letter-spacing: 3.90px;
  line-height: normal;
  margin-right: 0.02px;
  margin-top: 21px;
  min-width: 564px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

@media(max-width:992px) {
  .toppage-wrapper .text-93 {
    min-width: initial;
    width: 100%;
    font-size: 14px;
  }
}

.toppage-wrapper .d5b41174png {
  align-self: flex-end;
  background-image: url(../image/top/d5b41174-png.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 254px;
  margin-top: 28px;
  width: 1020px;
}

@media(max-width:992px) {
  .toppage-wrapper .d5b41174png {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100px;
  }
}

.toppage-wrapper .background-container-2 {
  height: 900px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .background-container-2 {
    width: 100%;
  }
}

.toppage-wrapper .background-11 {
  align-items: flex-start;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  display: flex;
  flex-direction: column;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .background-11 {
    width: 100%;
  }
}

.toppage-wrapper .heading-3-2 {
  height: 112px;
}

.toppage-wrapper .text-89 {
  color: var(--teacherbankblogjpnero);
  font-weight: 700;
  height: 27px;
  /* left: 809px; */
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 26px;
  white-space: nowrap;
  width: 302px;
}

@media(max-width:992px) {
  .toppage-wrapper .text-89 {
    left: 0;
    width: 100%;
  }
}

.toppage-wrapper .text-container-2 {
  height: 44px;
  /* left: 742px; */
  position: absolute;
  top: 61px;
  width: 437px;
}

@media(max-width:992px) {
  .toppage-wrapper .text-container-2 {
    width: 100%;
    left: 0;
  }
}

.toppage-wrapper .text-90 {
  color: var(--teacherbankblogjpnero);
  font-weight: 700;
  height: 27px;
  left: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 14px;
  white-space: nowrap;
  width: 55px;
}

@media(max-width:992px) {
  .toppage-wrapper .text-90 {
    left: 55px;
  }
}

.toppage-wrapper .text-91 {
  color: var(--teacherbankblogjpgolden-dream);
  font-weight: 700;
  height: 44px;
  left: 55px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 217px;
}

@media(max-width:992px) {
  .toppage-wrapper .text-91 {
    width: 150px;
    font-size: 24px;
    left: 105px;
  }
}

.toppage-wrapper .text-92 {
  color: var(--teacherbankblogjpnero);
  font-weight: 700;
  height: 27px;
  left: 272px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 14px;
  white-space: nowrap;
  width: 165px;
}

@media(max-width:992px) {
  .toppage-wrapper .text-92 {
    left: 250px;
  }
}

.toppage-wrapper .background-12 {
  align-items: center;
  background-color: var(--teacherbankblogjpmint-tulip);
  display: flex;
  flex-direction: column;
  height: 750px;
  justify-content: center;
  left: 0;
  padding: 50px 0px 0px;
  position: absolute;
  top: 150px;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .background-12 {
    width: 100%;
    padding: 50px 0px 0px;
  }
}

.toppage-wrapper .container-39 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  max-width: 1210px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .container-39 {
    width: 100%;
  }
}

.toppage-wrapper .container-40 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .heading-2-4 {
  align-items: center;
  background-color: var(--teacherbankblogjpnero);
  padding: 12px 20px 13px;
}

.toppage-wrapper .text-9-1 {
  letter-spacing: 5.20px;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .background-13 {
  align-items: flex-start;
  background-color: var(--teacherbankblogjpsaffron);
  display: inline-flex;
  flex: 0 0 auto;
  padding: 10px;
  position: relative;
}

.toppage-wrapper .text-95 {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-26px);
  font-weight: 700;
  letter-spacing: 5.20px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .paragraph-2 {
  align-items: flex-start;
  gap: 4px;
  padding: 1px 30px 3px;
}

.toppage-wrapper .text-12 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

@media(max-width:992px) {
  .toppage-wrapper .text-12 {
    white-space: initial;
  }
}

.toppage-wrapper .text-98 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

@media(max-width:992px) {
  .toppage-wrapper .text-98 {
    white-space: initial;
  }
}

.toppage-wrapper .container-41 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  padding: 0px 0px 80px;
  position: absolute;
  top: 187px;
  width: 847px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-41 {
    top: 350px;
    width: 100%;
  }
}

.toppage-wrapper .container-42 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 123.5px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .container-42 {
    padding: 0px;
  }
}

.toppage-wrapper .x6baf033apng {
  background-image: url(../image/top/6baf033a-png.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 38.8px;
  max-width: 600px;
  position: relative;
  width: 600px;
}

@media(max-width:992px) {
  .toppage-wrapper .x6baf033apng {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
  }
}

.toppage-wrapper .background-border-1 {
  border: 1px solid;
  border-color: var(--teacherbankblogjpsilver);
  flex: 0 0 auto;
  justify-content: center;
  padding: 1px 88.39px 1px 1px;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .background-border-1 {
    padding: 0px;
  }
}

.toppage-wrapper .background-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  display: flex;
  flex-direction: column;
  padding: 20px 30px;
  position: relative;
  width: 304.91px;
}

@media(max-width:992px) {
  .toppage-wrapper .background-2 {
    width: 40%;
    padding: 15px;
  }
}


.toppage-wrapper .paragraph-3 {
  align-items: center;
  gap: 5px;
  padding: 2px 5.88px 3px 5.86px;
}

.toppage-wrapper .text-99 {
  color: var(--teacherbankblogjpdiesel);
  font-weight: 500;
  line-height: normal;
  margin-left: -2.91px;
  margin-right: -2.91px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.toppage-wrapper .text-10-1 {
  color: var(--teacherbankblogjpdiesel);
  line-height: normal;
  text-align: center;
  width: fit-content;
}

.toppage-wrapper .container-43 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-left: -5.68e-14px;
  max-width: 350px;
  padding: 10px;
  position: relative;
  width: 350px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-43 {
    width: 60%;
  }
}

.toppage-wrapper .container-9 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 1px 0px 2px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .text-10-2 {
  align-self: stretch;
  color: var(--mine-shaft);
  line-height: normal;
  margin-top: -1.00px;
}

.toppage-wrapper .background-border {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--teacherbankblogjpnero);
  border: 1px solid;
  border-color: var(--teacherbankblogjpsilver);
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  /* padding: 31px 88.39px 1px 1px; */
  position: relative;
  width: 100%;
  justify-content: flex-start;
  margin-top: 20px;
}

.toppage-wrapper .paragraph-4 {
  align-items: center;
  gap: 5px;
  padding: 2px 37.61px 3px;
}

.toppage-wrapper .text-104 {
  color: var(--teacherbankblogjpdiesel);
  font-weight: 500;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.toppage-wrapper .container-10 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  margin-left: -5.68e-14px;
  max-width: 350px;
  padding: 10px;
  position: relative;
  width: 350px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-10 {
    width: 60%;
  }
}

.toppage-wrapper .paragraph-1 {
  align-items: flex-start;
  gap: 3px;
  padding: 1px 0px 2px;
}

.toppage-wrapper .text-106 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.toppage-wrapper .text-1-2 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.toppage-wrapper .background-14 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  display: flex;
  flex-direction: column;
  padding: 30px 30px 29px;
  position: relative;
  width: 304.91px;
}

@media(max-width:992px) {
  .toppage-wrapper .background-14 {
    width: 40%;
    padding: 15px;
  }
}

.toppage-wrapper .container-44 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 2px 1.05px 3px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .text-109 {
  align-self: stretch;
  color: var(--teacherbankblogjpdiesel);
  font-weight: 500;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}


@media(max-width:992px) {
  .toppage-wrapper .text-109 {
    font-size: 18px;
  }
}

.toppage-wrapper .text-110 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  margin-right: -6.00px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.toppage-wrapper .x6deadf08png {
  background-image: url(../image/top/6deadf08-png.png);
  background-position: 50% 50%;
  background-size: contain;
  height: 800px;
  left: 680px;
  position: absolute;
  top: 46px;
  width: 600px;
  background-repeat: no-repeat;
}

.toppage-wrapper .background-15 {
  align-items: center;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  display: flex;
  flex-direction: column;
  height: 200px;
  left: 0;
  /* padding: 0px 355px; */
  position: absolute;
  top: 1391px;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .background-15 {
    padding: 0;
    width: 100%;
    height: 460px;
  }
}

.toppage-wrapper .background-16 {
  align-items: flex-start;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  display: flex;
  height: 200px;
  justify-content: center;
  /* max-width: 1210px; */
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media(max-width:992px) {
  .toppage-wrapper .background-16 {
    width: 100%;
    flex-direction: column;
    height: 100%;
  }
}

.toppage-wrapper .text-container {
  height: 41px;
  left: 24px;
  position: absolute;
  top: 2px;
  width: 619px;
}

@media(max-width:992px) {
  .toppage-wrapper .text-container {
    width: 100%;
    left: 0;
  }
}

.toppage-wrapper .text-1-3 {
  color: var(--teacherbankblogjpdiesel);
  font-weight: 500;
  height: 41px;
  left: 58px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 180px;
}

@media(max-width:992px) {
  .toppage-wrapper .text-1-3 {
    position: initial;
    width: 100%;
  }
}

.toppage-wrapper .text-1-4 {
  color: var(--teacherbankblogjpnero);
  font-weight: 500;
  height: 32px;
  left: 238px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 7px;
  white-space: nowrap;
  width: 381px;
}

@media(max-width:992px) {
  .toppage-wrapper .text-1-4 {
    position: initial;
    width: 100%;
  }
}

.toppage-wrapper .section-4 {
  align-items: center;
  background-color: var(--teacherbankblogjpwild-sand);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 80px 0px 0px;
}

.toppage-wrapper .container-45 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  max-width: 1200px;
  position: relative;
  width: 1200px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-45 {
    width: 100%;
  }
}

.toppage-wrapper .container-46 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 550px 20px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .container-46 {
    padding: 0px;
  }
}

.toppage-wrapper .heading-3-3 {
  align-items: center;
  display: flex;
  height: 46px;
  justify-content: center;
  padding: 0px 255.73px 2px;
}

@media(max-width:992px) {
  .toppage-wrapper .heading-3-3 {
    padding: 15px 0px 2px;
    height: 100%;
    flex-direction: column;
  }
}

.toppage-wrapper .background-17 {
  align-items: flex-start;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  margin-bottom: -3.50px;
  margin-top: -3.50px;
  padding: 5px;
  position: relative;
}

.toppage-wrapper .x4-step {
  color: var(--teacherbankblogjpnero);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.toppage-wrapper .text-1-5 {
  color: var(--teacherbankblogjpdeep-cerulean);
  font-weight: 700;
  line-height: normal;
  /* position: relative; */
  text-align: center;
  width: 100%;
  white-space: nowrap;
}

.toppage-wrapper .background-18 {
  align-items: flex-start;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  margin-bottom: -0.50px;
  margin-top: -0.50px;
  padding: 2px;
  position: relative;
}

.toppage-wrapper .text-119 {
  color: var(--teacherbankblogjpnero);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.toppage-wrapper .container-47 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 80px 0.02px 0px 0px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .container-47 {
    flex-direction: column;
    width: 100%;
  }
}

.toppage-wrapper .background-border-shadow-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--teacherbankblogjpnero);
  border: 4px solid;
  border-color: var(--teacherbankblogjpdeep-cerulean);
  box-shadow: 0px 0px 5px #00000066;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 30px;
  padding: 69px 4px 34px;
  position: relative;
}

.toppage-wrapper .container-48 {
  align-items: center;
  align-self: stretch;
  display: flex;
  height: 60px;
  justify-content: center;
  padding: 0px 99.5px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .a8642115png {
  background-image: url(../image/top/a8642115-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 61px;
  margin-bottom: -0.50px;
  margin-top: -0.50px;
  position: relative;
  width: 65px;
}

.toppage-wrapper .container-49 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 75.06px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .text-12-1 {
  align-self: stretch;
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: 27.2px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.toppage-wrapper .border {
  border-bottom-style: solid;
  border-bottom-width: 30px;
  border-color: var(--teacherbankblogjpdeep-cerulean);
  border-left-style: solid;
  border-left-width: 30px;
  border-top-style: solid;
  border-top-width: 30px;
  height: 60px;
  left: 296px;
  position: absolute;
  top: 104px;
  width: 30px;
}

@media(max-width:992px) {
  .toppage-wrapper .border {
    display: none;
  }
}


.toppage-wrapper .paragraph-background-shadow {
  align-items: center;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  border-radius: 42.76px;
  box-shadow: 0px 0px 5px #00000066;
  display: flex;
  flex-direction: column;
  gap: 17.5px;
  left: 100px;
  padding: 10px 22px 16.5px;
  position: absolute;
  top: -41px;
  width: 100px;
}

@media(max-width:992px) {
  .toppage-wrapper .paragraph-background-shadow {
    left: 160px;
  }
}

.toppage-wrapper .step {
  color: var(--teacherbankblogjpnero);
  font-weight: 500;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .number-1 {
  color: var(--teacherbankblogjpnero);
  font-weight: 500;
  line-height: 18px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .background-border-shadow {
  border: 4px solid;
  border-color: var(--teacherbankblogjpdeep-cerulean);
  box-shadow: 0px 0px 5px #00000066;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 30px;
  padding: 69px 4px 88.37px;
}

.toppage-wrapper .container-50 {
  align-items: center;
  align-self: stretch;
  display: flex;
  height: 60px;
  justify-content: center;
  padding: 7px 100.5px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .b20795b6png {
  background-image: url(../image/top/b20795b6-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 46px;
  position: relative;
  width: 63px;
}

.toppage-wrapper .container-51 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 51.06px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .container-52 {
  align-items: center;
  align-self: stretch;
  display: flex;
  height: 60px;
  justify-content: center;
  padding: 1.5px 103.5px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .c93ed04bpng {
  background-image: url(../image/top/c93ed04b-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 57px;
  position: relative;
  width: 57px;
}

.toppage-wrapper .container-53 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 59.44px 0px 59.43px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .paragraph-background-shadow-1 {
  align-items: center;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  border-radius: 42.76px;
  box-shadow: 0px 0px 5px #00000066;
  display: flex;
  flex-direction: column;
  gap: 17.5px;
  left: 100px;
  padding: 10px 22.01px 16.5px 22px;
  position: absolute;
  top: -41px;
  width: 100px;
}

@media(max-width:992px) {
  .toppage-wrapper .paragraph-background-shadow-1 {
    left: 160px;
  }
}

.toppage-wrapper .container-54 {
  align-items: center;
  align-self: stretch;
  display: flex;
  height: 60px;
  justify-content: center;
  padding: 1px 104.5px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .x42d85ae8png {
  background-image: url(../image/top/42d85ae8-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 58px;
  position: relative;
  width: 55px;
}

.toppage-wrapper .container-55 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 83.8px 0px 83.82px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .container-56 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 50px 300px 0px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .container-56 {
    padding: 50px 0px 0px;
  }
}

.toppage-wrapper .x0d4a11f0png {
  background-image: url(../image/top/0d4a11f0-png.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 75.59px;
  position: relative;
  width: 600px;
}

@media(max-width:992px) {
  .toppage-wrapper .x0d4a11f0png {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
  }
}

.toppage-wrapper .container-57 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 10px 79.62px 50px 79.63px;
  position: relative;
  width: 760px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-57 {
    padding: 0px;
    width: 100%;
  }
}

.toppage-wrapper .text-125 {
  color: var(--mine-shaft);
  font-weight: 700;
  line-height: 36px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

@media(max-width:992px) {

  .toppage-wrapper .text-125 {
    font-size: 12px;
  }
}

.toppage-wrapper .background-19 {
  align-items: center;
  align-self: stretch;
  background-color: var(--teacherbankblogjpnero);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 360px 80px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .background-19 {
    padding: 0px;
  }
}

.toppage-wrapper .container-58 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  max-width: 1200px;
  padding: 80px 0px 0px;
  position: relative;
  width: 1200px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-58 {
    width: 100%;
  }
}

.toppage-wrapper .container-11 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .heading-2-5 {
  align-items: center;
  flex-direction: column;
  padding: 2px 449.59px 8px 449.58px;
}

@media(max-width:992px) {
  .toppage-wrapper .heading-2-5 {
    padding: 0px;
  }
}

.toppage-wrapper .container-59 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  margin-right: -10.00px;
  padding: 0px 0.01px 0px 0px;
  position: relative;
  width: 1210px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-59 {
    flex-direction: column;
    width: 100%;
  }
}

.toppage-wrapper .margin-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-height: 360px;
  padding: 0px 10px 0px 0px;
  position: relative;
}

.toppage-wrapper .border-1 {
  height: 406px;
  padding: 23px;
}

.toppage-wrapper .paragraph-horizontal-border {
  align-items: flex-start;
  align-self: stretch;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-color: var(--teacherbankblogjpdeep-cerulean);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  padding: 2px 0px 9px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .a27 {
  color: var(--teacherbankblogjpdeep-cerulean);
  font-weight: 700;
  line-height: normal;
  margin-top: -2.00px;
  position: relative;
  width: fit-content;
}

.toppage-wrapper .text-1-6 {
  color: var(--teacherbankblogjpdeep-cerulean);
  font-weight: 700;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.toppage-wrapper .paragraph-5 {
  align-items: flex-start;
  gap: 5px;
  padding: 2px 0px 3px;
}

.toppage-wrapper .text-129 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-130 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-131 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-132 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-1-7 {
  color: var(--teacherbankblogjpdeep-cerulean);
  font-weight: 700;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-1-8 {
  color: transparent;
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .span {
  letter-spacing: 0.20px;
}

.toppage-wrapper .margin {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  min-height: 360px;
  padding: 0px 10px 0px 0px;
  position: relative;
}

@media(max-width:992px) {
  .toppage-wrapper .margin {
    width: 100%;
  }

}

.toppage-wrapper .border-2 {
  flex: 1;
  flex-grow: 1;
  min-height: 360px;
  padding: 23px 23px 70px;
}

.toppage-wrapper .b22 {
  color: var(--teacherbankblogjpdeep-cerulean);
  font-weight: 700;
  line-height: normal;
  margin-top: -2.00px;
  position: relative;
  width: fit-content;
}

.toppage-wrapper .paragraph-6 {
  align-items: flex-start;
  gap: 5px;
  margin-bottom: -22.00px;
  padding: 2px 0px 3px;
}

.toppage-wrapper .text-137 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-141 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-142 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-143 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-144 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .border-3 {
  flex: 1;
  flex-grow: 1;
  min-height: 360px;
  padding: 23px 23px 97px;
}

.toppage-wrapper .c41 {
  color: var(--teacherbankblogjpdeep-cerulean);
  font-weight: 700;
  line-height: normal;
  margin-top: -2.00px;
  position: relative;
  width: fit-content;
}

.toppage-wrapper .paragraph-7 {
  align-items: flex-start;
  gap: 5px;
  margin-bottom: -20.00px;
  padding: 2px 0px 3px;
}

.toppage-wrapper .text-147 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-148 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-149 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .pr {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-150 {
  color: var(--mine-shaft);
  font-weight: 500;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .background-20 {
  align-items: center;
  align-self: stretch;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  display: flex;
  flex-direction: column;
  height: 180px;
  padding: 0px 355px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .background-20 {
    padding: 0px;
    height: 470px;
  }
}



.toppage-wrapper .background-21 {
  align-items: flex-start;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  display: flex;
  height: 100%;
  justify-content: space-between;
  margin-bottom: -20.00px;
  max-width: 1210px;
  position: relative;
  width: 1210px;
}

@media(max-width:992px) {
  .toppage-wrapper .background-21 {
    width: 100%;
    flex-direction: column;
  }
}

.toppage-wrapper .section-5 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 360px;
}

@media(max-width:992px) {
  .toppage-wrapper .section-5 {
    padding: 0px;
  }
}

.toppage-wrapper .container-60 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 49.99px;
  max-width: 1200px;
  padding: 100px 0px 150.01px;
  position: relative;
  width: 1200px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-60 {
    width: 100%;
  }
}

.toppage-wrapper .container-61 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 19.99px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .heading-2-6 {
  align-items: center;
  flex-direction: column;
  padding: 2px 514px 8px 554px;
}

@media(max-width:992px) {
  .toppage-wrapper .heading-2-6 {
    padding: 0px;
  }
}

.toppage-wrapper .container-62 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 960px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-62 {
    width: 100%;
  }
}

.toppage-wrapper .container-63 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .heading-3-4 {
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-color: var(--teacherbankblogjpdeep-cerulean);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 5px 217.18px 28px 217.19px;
}

@media(max-width:992px) {
  .toppage-wrapper .heading-3-4 {
    padding: 0px;
  }
}

.toppage-wrapper .text-158 {
  align-self: stretch;
  color: var(--teacherbankblogjpdeep-cerulean);
  font-weight: 400;
  line-height: normal;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
}

@media(max-width:992px) {
  .toppage-wrapper .text-158 {
    font-size: 28px;
  }
}

.toppage-wrapper .container-12 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 0px 0px 15px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .text-1-9 {
  align-self: stretch;
  color: var(--mine-shaft);
  font-weight: 700;
  line-height: 36px;
  margin-top: -1.00px;
  position: relative;
}

.toppage-wrapper .section-6 {
  align-items: center;
  background-color: var(--teacherbankblogjpalabaster);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  padding: 80px 0px;
}

.toppage-wrapper .heading-2-7 {
  align-items: center;
  flex-direction: column;
}

@media(max-width:992px) {
  .toppage-wrapper .heading-2-7 {
    padding: 0px;
  }
}

.toppage-wrapper .container-64 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  /* padding: 0px 94.41px 0px 0px; */
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .container-64 {
    flex-direction: column;
    width: 100%;
    padding: 0;
  }
}

.toppage-wrapper .container-65 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 672px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-65 {
    width: 100%;
  }
}

.toppage-wrapper .iframe {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  height: 350px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.toppage-wrapper .body {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--teacherbankblogjpgray);
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  position: relative;
}

.toppage-wrapper .container-66 {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
}

.toppage-wrapper .background-22 {
  background-color: var(--teacherbankblogjpwestar);
  height: 350px;
  position: relative;
  width: 672px;
}

.toppage-wrapper .container-67 {
  align-items: flex-start;
  display: flex;
  height: 1px;
  justify-content: flex-end;
  left: 126px;
  min-width: 1px;
  position: absolute;
  top: 10px;
}

.toppage-wrapper .flex-row-3 {
  margin-top: -256px;
  min-width: 768px;
}

.toppage-wrapper .flex-col {
  flex-direction: column;
  min-height: 768px;
  width: 256px;
}

.toppage-wrapper .vt {
  background-image: url(../image/top/vt-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 256px;
  width: 256px;
}

.toppage-wrapper .vt-1 {
  background-image: url(../image/top/vt-11@2x.png);
}

.toppage-wrapper .vt-2 {
  background-image: url(../image/top/vt-8@2x.png);
}

.toppage-wrapper .flex-row-4 {
  height: 768px;
  min-width: 512px;
}

.toppage-wrapper .vt-3 {
  background-image: url(../image/top/vt@2x.png);
}

.toppage-wrapper .vt-4 {
  background-image: url(../image/top/vt-4@2x.png);
}

.toppage-wrapper .vt-5 {
  background-image: url(../image/top/vt-10@2x.png);
}

.toppage-wrapper .vt-6 {
  background-image: url(../image/top/vt-2@2x.png);
}

.toppage-wrapper .vt-7 {
  background-image: url(../image/top/vt-6@2x.png);
}

.toppage-wrapper .vt-8 {
  background-image: url(../image/top/vt-9@2x.png);
}

.toppage-wrapper .flex-col-4 {
  align-items: flex-start;
  margin-top: -256px;
  min-height: 768px;
  width: 256px;
}

.toppage-wrapper .vt-9 {
  background-image: url(../image/top/vt-3@2x.png);
}

.toppage-wrapper .vt-10 {
  background-image: url(../image/top/vt-7@2x.png);
}

.toppage-wrapper .vt-11 {
  background-image: url(../image/top/vt-5@2x.png);
}

.toppage-wrapper .background-shadow {
  align-items: flex-start;
  background-color: var(--teacherbankblogjpnero);
  border-radius: 2px;
  box-shadow: 0px 1px 4px -1px #0000004c;
  display: flex;
  flex-direction: column;
  left: 10px;
  overflow: hidden;
  padding: 1px;
  position: absolute;
  top: 10px;
}

.toppage-wrapper .container-68 {
  align-self: stretch;
  height: 108px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .flex-row-5 {
  gap: 17px;
  height: 58px;
  left: 11px;
  min-width: 260px;
  position: absolute;
  top: 9px;
}

.toppage-wrapper .container-69 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
  width: 200px;
}

.toppage-wrapper .container-70 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 0px 2px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .text-163 {
  align-self: stretch;
  color: var(--teacherbankblogjpblack);
  font-weight: 500;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.toppage-wrapper .text-164 {
  color: var(--teacherbankblogjpscorpion);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-165 {
  color: var(--teacherbankblogjpscorpion);
  font-weight: 400;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .link-google {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
}

.toppage-wrapper .image {
  background-image: url(../image/top/image@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 22px;
  position: relative;
  width: 22px;
}

.toppage-wrapper .container-71 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  max-width: 100px;
  padding: 1px 0px 2px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .text-166 {
  color: var(--teacherbankblogjproyal-blue);
  cursor: pointer;
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .container-72 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 11px;
  padding: 11px 0px 2px;
  position: absolute;
  top: 72px;
  width: 267px;
}

.toppage-wrapper .link-9 {
  color: var(--teacherbankblogjproyal-blue);
  cursor: pointer;
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .grou-container {
  height: 105px;
  left: 241px;
  position: absolute;
  top: 245px;
  width: 431px;
}

.toppage-wrapper .background-shadow-1 {
  align-items: center;
  background-color: var(--teacherbankblogjpnero);
  border-radius: 2px;
  box-shadow: 0px 1px 4px -1px #0000004c;
  display: flex;
  flex-direction: column;
  height: 81px;
  left: 381px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 40px;
}

.toppage-wrapper .button {
  height: 40px;
  position: relative;
  width: 40px;
}

.toppage-wrapper .horizontal-divider {
  background-color: var(--teacherbankblogjpmercury);
  height: 1px;
  position: relative;
  width: 30px;
}

.toppage-wrapper .container-container-1 {
  height: 37px;
  left: 0;
  position: absolute;
  top: 68px;
  width: 431px;
}

.toppage-wrapper .container-73 {
  height: 37px;
  left: 69px;
  position: absolute;
  top: 0;
  width: 52px;
}

.toppage-wrapper .container-74 {
  align-items: flex-start;
  display: flex;
  height: 14px;
  left: 0;
  min-width: 431px;
  position: absolute;
  top: 23px;
}

.toppage-wrapper .container-75 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 14px;
  justify-content: center;
  padding: 0.09px 0px 0px;
  position: relative;
}

.toppage-wrapper .container-76 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 14px;
  justify-content: center;
  left: 0;
  opacity: 0.7;
  padding: 0px 0px 0px 1px;
  position: absolute;
  top: 0;
  width: 137px;
}

.toppage-wrapper .background-3 {
  align-self: stretch;
  background-color: var(--teacherbankblogjpwild-sand);
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
}

.toppage-wrapper .container-77 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  margin-bottom: -0.05px;
  margin-top: -0.05px;
  padding: 0px 6px;
  position: relative;
}

.toppage-wrapper .button-1 {
  color: var(--teacherbankblogjpblack);
  font-weight: 400;
  line-height: 14px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .container-78 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 14px;
  justify-content: center;
  position: relative;
}

.toppage-wrapper .container-79 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 14px;
  justify-content: center;
  left: 0;
  opacity: 0.7;
  padding: 0px 0px 0px 1px;
  position: absolute;
  top: 0;
  width: 129px;
}

.toppage-wrapper .container-13 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  padding: 0px 6px;
  position: relative;
}

.toppage-wrapper .copyright {
  color: var(--teacherbankblogjpblack);
  font-weight: 400;
  line-height: 14px;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .container-80 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  height: 14px;
  justify-content: center;
  min-width: 52px;
  position: relative;
}

.toppage-wrapper .container-81 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 14px;
  justify-content: center;
  left: 0;
  opacity: 0.7;
  padding: 0px 0px 0px 1px;
  position: absolute;
  top: 0;
  width: 52px;
}

.toppage-wrapper .link-6 {
  color: var(--teacherbankblogjpblack);
  cursor: pointer;
  font-weight: 400;
  line-height: 14px;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .container-82 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  height: 14px;
  justify-content: center;
  min-width: 113.17px;
  position: relative;
}

.toppage-wrapper .container-83 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 14px;
  justify-content: center;
  left: 0;
  opacity: 0.7;
  padding: 0px 0px 0px 1px;
  position: absolute;
  top: 0;
  width: 113px;
}

.toppage-wrapper .button-2 {
  align-items: flex-start;
  background-color: var(--teacherbankblogjpnero);
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0px 2px 6px #0000004c;
  display: inline-flex;
  left: 10px;
  overflow: hidden;
  padding: 2px;
  position: absolute;
  top: 297px;
}

.toppage-wrapper .container-84 {
  height: 38px;
  position: relative;
  width: 38px;
}

.toppage-wrapper .background-23 {
  align-items: flex-start;
  background-color: var(--teacherbankblogjpwestar);
  display: flex;
  height: 38px;
  min-width: 38px;
}

.toppage-wrapper .kh {
  background-image: url(../image/top/kh@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 256px;
  margin-left: -167px;
  margin-top: -130px;
  position: relative;
  width: 256px;
}

.toppage-wrapper .container-85 {
  align-self: stretch;
  position: relative;
  width: 577.59px;
}

@media(max-width:992px) {
  .toppage-wrapper .container-85 {
    width: 100%;
  }
}

.toppage-wrapper .flex-col-5 {
  align-items: flex-start;
  left: 20px;
  min-height: 200px;
  position: relative;
  top: 110px;
  width: 538px;
}

@media(max-width:992px) {
  .toppage-wrapper .flex-col-5 {
    left: 0px;
    top: 0px;
    width: 100%;
    margin-top: 20px;
    flex-direction: column !important;
    padding: 15px;
  }
}

.toppage-wrapper .text-167 {
  color: var(--mine-shaft);
  font-weight: 400;
  height: 19px;
  line-height: normal;
  min-width: 335px;
  position: relative;
  white-space: nowrap;
}

.toppage-wrapper .overlap-group3 {
  align-items: flex-start;
  gap: 2px;
  margin-top: 17px;
  min-height: 86px;
  width: 538px;
}

.toppage-wrapper .text-1-10 {
  color: var(--mine-shaft);
  font-weight: 500;
  height: 19px;
  line-height: normal;
  min-width: 144px;
  position: relative;
  white-space: nowrap;
}

.toppage-wrapper .text-169 {
  color: var(--mine-shaft);
  font-weight: 500;
  height: 19px;
  line-height: normal;
  min-width: 380px;
  position: relative;
  white-space: nowrap;
}

.toppage-wrapper .tel {
  color: var(--mine-shaft);
  font-weight: 500;
  height: 19px;
  line-height: normal;
  min-width: 238px;
  position: relative;
  white-space: nowrap;
}

.toppage-wrapper .text-170 {
  color: var(--mine-shaft);
  font-weight: 500;
  height: 19px;
  line-height: normal;
  min-width: 192px;
  position: relative;
  white-space: nowrap;
}

.toppage-wrapper .text-container-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 13px;
  min-height: 65px;
  width: 538px;
}

.toppage-wrapper .text-171 {
  color: var(--mine-shaft);
  font-weight: 500;
  height: 19px;
  line-height: normal;
  min-width: 160px;
  position: relative;
  white-space: nowrap;
}

.toppage-wrapper .text-173 {
  color: var(--mine-shaft);
  font-weight: 500;
  height: 19px;
  line-height: normal;
  min-width: 224px;
  position: relative;
  white-space: nowrap;
}

.toppage-wrapper .footer {
  align-items: center;
  align-self: stretch;
  background-color: var(--teacherbankblogjpmint-tulip);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 50px 0px;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .footer {
    padding: 50px 15px;
  }
}

.toppage-wrapper .container-86 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 70px;
  position: relative;
}

@media(max-width:992px) {
  .toppage-wrapper .container-86 {
    flex-direction: column-reverse;
    gap: 0;
  }
}

.toppage-wrapper .link-db609483png {
  background-image: url(../image/top/link---db609483-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 30px;
  position: relative;
  width: 250px;
}

.toppage-wrapper .list-2 {
  justify-content: space-between;
  padding: 0px 0.02px 0px 0px;
}

.toppage-wrapper .item-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  padding: 1px 0px 6.67px;
}

.toppage-wrapper .text-1-11 {
  color: var(--mine-shaft);
  cursor: pointer;
  font-weight: 500;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .item-9 {
  align-items: flex-start;
  display: flex;
  width: 100px;
}

.toppage-wrapper .link-10 {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
}

.toppage-wrapper .x73d553a8png-3 {
  flex: 1;
  flex-grow: 1;
  height: 24.67px;
  position: relative;
}

.toppage-wrapper .container-87 {
  align-items: flex-start;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5px;
  min-width: 176.95px;
  position: relative;
}

.toppage-wrapper .container-88 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 1px 0px 3px;
  position: relative;
  width: 100%;
}

.toppage-wrapper .list-3 {
  flex-direction: column;
  padding: 0px 0px 0px 20px;
}

@media(max-width:992px) {
  .toppage-wrapper .list-3 {
    padding: 0px;
  }
}

.toppage-wrapper .item-10 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  padding: 1px 0px 3px;
  width: 100%;
}

.toppage-wrapper .item-11 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  padding: 1px 0px 3px;
  width: 100%;
}

.toppage-wrapper .background-24 {
  align-items: center;
  align-self: stretch;
  background-color: var(--teacherbankblogjpdeep-cerulean);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  /* padding: 10px 774.37px 10px 774.36px; */
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .background-24 {
    padding: 15px;
  }
}

.toppage-wrapper .copyrightc-teacher {
  align-self: stretch;
  color: var(--teacherbankblogjpnero);
  font-weight: 500;
  /* line-height: normal; */
  /* margin-top: -1.00px; */
  position: relative;
  text-align: center;
  margin: 0;
  width: 100%;
  white-space: nowrap;
}

.toppage-wrapper .background-border-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--teacherbankblogjpnero);
  display: flex;
  position: relative;
  justify-content: flex-start;
}

.toppage-wrapper .border-4 {
  align-items: flex-start;
  align-self: stretch;
  border: 3px solid;
  border-color: var(--teacherbankblogjpdeep-cerulean);
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 100%;
  height: 100%;
}

.toppage-wrapper .flex-col-6 {
  display: flex;
  flex-direction: column;
}

@media(max-width:992px) {
  .toppage-wrapper .flex-col-6 {
    flex-direction: row;
    min-height: 80px;
  }
}

@media (max-width: 992px) {
  .flex-col-3.flex-col-6.konnakyuujin-wrapper {
    flex-direction: column;
  }
}

.toppage-wrapper .flex-col-6.mv-textcontent {
  display: flex;
  flex-direction: column;
}

.toppage-wrapper .flex-row-6 {
  align-items: flex-start;
  display: flex;
}

@media(max-width:992px) {
  .toppage-wrapper .flex-row-6 {
    flex-wrap: wrap;
  }
}

.toppage-wrapper .heading {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.toppage-wrapper .heading-1-7 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.toppage-wrapper .heading-2-8 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .heading-2-8 {
    flex-direction: column;
  }
}

.toppage-wrapper .heading-3-5 {
  align-self: stretch;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}

.toppage-wrapper .item-12 {
  align-self: stretch;
  flex-direction: column;
  position: relative;
}

.toppage-wrapper .link-container-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 150px;
}

@media(max-width:992px) {
  .toppage-wrapper .link-container-3 {
    flex-direction: row;
    width: 100%;
  }

  .link-container-2.link-container-3.other-school {
    flex-wrap: wrap;
  }
}

.toppage-wrapper .list-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .list-4 {
    flex-direction: column;
  }
}

.toppage-wrapper .overlap {
  display: flex;
  flex-direction: column;
}

.toppage-wrapper .paragraph-8 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

@media(max-width:992px) {
  .toppage-wrapper .paragraph-8 {
    font-size: 16px;
    padding: 0;
  }
}

@media (max-width: 992px) {
  .paragraph-1.paragraph-8.teacherbankblogjpintermedium-12 {
    font-size: 12px;
  }
}

.toppage-wrapper .section-7 {
  align-self: stretch;
  position: relative;
  width: 100%;
}

.toppage-wrapper .step-4 {
  color: var(--teacherbankblogjpnero);
  font-weight: 500;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.toppage-wrapper .text-10-4 {
  font-weight: 500;
  position: relative;
}

.toppage-wrapper .vt-12 {
  background-position: 50% 50%;
  background-size: cover;
  height: 256px;
  width: 256px;
}

.toppage-wrapper .x73d553a8png-4 {
  background-image: url(../image/top/73d553a8-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
}