* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

body {
  margin: 0 auto;
  width: 1024px;
  font-family: 'UD デジタル 教科書体 NP-R';
}

.top-body {
  background-color: rgba(83, 136, 99, 0.8);
  background-size: cover;
  position: relative;
}

.header {
  background-color: rgba(255, 255, 255, 0.475);
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 5px;
}

.mieUniv-icon {
  height: 3rem;
}

.header-text {
  width: 100%;
  align-self: center;
  line-height: 150%;
  margin-left: 0.3rem;
}

.title-wrapper {
  text-align: center;
  padding-bottom: 5%;
}

.title-wrapper h1 {
  color: rgba(255, 255, 255, 0.88);
  padding-top: 5%;
}

.title-wrapper h3 {
  color: rgba(255, 255, 255, 0.88);
}

.middle-body {
  margin-top: 1%;
}

.introduceSelf-text {
  background-color: rgba(241, 239, 245, 0.475);
  padding-top: 1%;
  padding-bottom: 1%;
  flex-basis: 100%;
  padding: 5%;
  font-size: 120%;
  margin: auto;
}

.teachingPlan {
  background-color: rgba(241, 239, 245, 0.475);
  padding-top: 1%;
  padding-bottom: 1%;
  flex-basis: 100%;
  padding: 5%;
  font-size: 120%;
  margin: auto;
  margin-top: 1%;
}

.downloader {
  display: flex;
  justify-content: space-evenly;
  padding-top: 2%;
}

.downloadButton {
  display: block;
  border: 2px solid #19a7df;
  border-radius: 5px;
  background-color: #5dc4ed;
  color: white;
  transition: 0.5s;
  padding: 5px;
}

.downloadButton:hover {
  background-color: white;
  color: #19a7df;
}

.returnTop a {
  color: rgb(255, 255, 255);
}

.returnTop:hover a {
  color: #19a7df;
}

.returnTop {
display: flex;
border: 2px solid #19a7df;
border-radius: 5px;
background-color: #5dc4ed;
color: white;
transition: 0.5s;
padding: 5px;
width:10em;
margin: auto;
}

.returnTop:hover {
  background-color: white;
}


.footer {
  background-color: rgba(83, 136, 99, 0.8);
  color: white;
  margin-top: 3px;
  padding-top: 1%;
  padding-bottom: 5%;
  padding-left: 1rem;
  position: relative;
}

.copyRight {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}