/* -----------　PCのの画面　-------------------- */
.mo {
  font-size: 1.1em;
}

.inner {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0px;
}

main {
  width: 80%;
  margin: 0 auto;
  font-size: 1.1em;

}
.name1 {
  width: 80%;
  text-align: left;
  font-weight: bold;
  font-size: 1.5em;
  color: #5ea61c;
  border-bottom: medium solid #5ea61c;
  padding: 0.5em 0.5em 0.2em 0.5em;
}

.image1 {
  text-align: left;
  margin: 0px;
  padding: 5px 10px 5px 30px;
}

.img1 {
   width: 90%;
   max-width: 400px;
}

.descript1 {
  text-align: left;
  margin: 0px;
  padding: 2px 10px 0 10px;
  line-height: 1.25em;
}


/* -----------　小さな画面　-------------------- */

@media screen and (max-width: 520px) {

	#main-area {
	width:95%;
	}

.inner {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0px;
}

main > p {
  text-align: left;
  font-size: 1em;
  padding: 0.25em;

}

.name1 {
  width: 80%;
  font-size: 1.25em;
}

.image1 {
  text-align: center;
  margin: 0px;
  padding: 5px 10px 5px 10px;
}

.img1 {
   width: 80%;
   max-width: 300px;
}

}