@charset "utf-8";
/* CSS Document */

.section-top {
  margin-bottom: 40px;
}
.section-top__text {
  padding-top: 240px;
    font-size: 4.8rem;
  color: #fff;
}
.section-top h2 {
  background-color: rgba(115, 116, 117, 0.7);
  max-width: 500px;
  padding: 36px;
  margin: 0 auto;
}
@media(max-width:960px) {
  .section-top__text {
    font-size: 3.6rem;
    padding-top: 220px;
  }
  .section-top h2 {
    max-width: 250px;
  }
}


.section-comment h4 {
  font-size: 2.8rem;
  line-height: 4.5rem;
  padding-bottom: 30px;
}
@media(max-width:960px) {
  .section-comment h4 {
    font-size: 2.0rem;
    padding-bottom: 50px;
  }
}


.section-aboutus p, .section-aboutus h6 {
  font-size: 2.0rem;
  line-height: 3.0rem;
  padding-bottom: 30px;
}
.section-aboutus p:last-of-type {
  padding: 60px 0 90px;
}
.section-aboutus__image {
  width: 550px;
  object-fit: cover;
  padding-bottom: 30px;
}
.section-aboutus__images{
  padding: 20px 0 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 700px;
  margin: 0 auto;
}
.section-aboutus__images img:first-of-type {
  border-radius: 0 120px 0 0;
}
.section-aboutus__images img:last-of-type {
  border-radius: 0 0 0 120px;
}
.section-aboutus__images img {
  margin: 0 auto;
  width: 300px;
}
@media(max-width:960px) {
.section-aboutus p{
  font-size: 1.5rem;
  line-height: 2.1rem;
  padding:0 24px 30px;
  }
  .section-aboutus h6 {
  font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .section-aboutus__image {
    width:225px;
    object-fit: cover;
  }
  .section-aboutus__images {
    width: 170px;
    padding: 20px 0 30px;
  }
  .section-aboutus__images img:first-of-type {
    padding-bottom: 20px;
    border-radius: 0;
    width: 200px;
  }
  .section-aboutus__images img:last-of-type {
    border-radius: 0;
    width: 200px;
  }
  .section-aboutus p:last-of-type {
    padding: 25px 24px 100px;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}