@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);
  width: 500px;
  padding: 36px;
  margin: 0 auto;
}
@media(max-width:960px) {
  .section-top__text {
    font-size: 3.6rem;
    padding-top: 170px;
  }
  .section-top h2 {
    max-width: 250px;
  }
}
.section-comment h4 {
  font-size: 2.8rem;
  line-height: 4.5rem;
  padding-bottom: 80px;
  max-width: 750px;
  margin: 0 auto;
}
@media(max-width:960px) {
  .section-comment h4 {
    font-size: 2.0rem;
    padding: 0 24px 50px;
    max-width: 420px;
  }
}

.section-99, .section-98 {
  margin: 0 auto 90px ;
  max-width: 1160px;
}
.section-propose {
  margin: 0 auto 90px ;
  max-width: 1160px;
}
.section-99 h4, .section-98 h4, .section-propose h4 {
  font-size: 3.6rem;
  padding-bottom: 40px;
}
 
.section-99__description, .section-98__description, .section-propose__description {
  font-size: 2.0rem;
  line-height: 4.2rem;
  padding-bottom: 30px;
}
.section-99__photo img, .section-98__photo img, .section-propose__photo img{
  margin: 0 auto;
}
.section-99__photo, .section-98__photo, .section-propose__photo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1060px;
    margin: 0 auto;
}
@media(max-width:960px) {
  .section-99__photo img, .section-98__photo img, .section-propose__photo img{
    width: 170px;
    object-fit: cover;
  }
  .section-propose {
    margin:0 auto 100px;
  }
  .section-99 h4, .section-98 h4, .section-propose h4 {
    font-size: 2.0rem;
  }
  .section-99__description, .section-98__description, .section-propose__description {
    font-size: 1.5rem;
    line-height: 2.4rem;
    padding:  0 24px 30px;
  }
}