@charset "UTF-8";
/* CSS Document */
section {
  margin-bottom: 60px;
}
section h2 {
  font-size: 2.2rem;
  margin: 10px;
}
section h3 {
  font-size: 2.0rem;
  margin: 10px;
  text-align: center;
}
section h4 {
  font-size: 1.8rem;
  margin: 10px;
  text-align: left;
}
section p {
  font-size: 1.5rem;
}
.section-introduction {
  background-color: #fff;
  padding: 40px;
}
.section-introduction p {
  text-align: left;
}
@media(min-width:850px) {
  .section-introduction__container {
    display: flex;
    justify-content: center;
  }
}
.section-introduce {
  margin-bottom: 80px;
  justify-content: center;
}
@media(min-width:850px) {
  .section-introduction {
    max-width: 1040px;
  }
}
.section-photo {
  background-color: #fff;
  height: 300px;
}
.section-photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-profile {
  background-color: #fff;
  padding: 40px;
}
.section-profile__prof {
  text-align: left;
  padding: 10px;
}
.section-profile__prof li {
  padding: 5px;
}
.section-profile__license {
  padding: 10px;
  text-align: left;
}

@media(min-width:850px){
	.section-introduce {
		max-width: 1040px;
		display: flex;
		flex-direction: row-reverse;
		margin: 0 auto;
	}
	.section-photo {
		width: 520px;
		height: 515px;
	}
	.section-profile {
		width: 520px;
		height: 515px;
	}
}

.section-about {
  background-color: #fff;
  text-align: left;
  padding: 40px;
}
.section-about p {
	line-height: 50px;
}


@media(min-width:850px){
	.section-about{
		max-width: 1040px;
		margin: 0 auto;
		padding:100px; 
	}
	.section-about p {
		line-height: 50px;
	}
}