body {
  min-height: 100vh;
}

p.center {
  text-align: center;
}


#wrapper {

  position: relative;
  padding: 6rem 0;
  text-align: center;
}

#main {
  width: 80%;
  position: relative;
  max-width: 1040px;
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 1.8;
  display: inline-block;
  width: 100%;
  margin: 6rem auto;

}

#main section {
  padding: 4rem 0;
  border-bottom: #ccc 1px dotted;
}

#main section h2 {
  font-weight: bold;
  color: #d50202;
  font-size: clamp(1.8rem, 1.6268rem + 0.6443vw, 2.4rem);
  text-align: center;
  padding-bottom: 1rem;
}
.sml{
  display: none;
}
#main section p{
  font-size:clamp(1.5rem, 1.4134rem + 0.3221vw, 1.8rem);
}
/*===============================================
●style.css 画面の横幅が500pxまで
===============================================*/

@media screen and (max-width: 500px) {
  #wrapper {
    position: relative;
    padding: 6rem 0;
    text-align: center;
    width: 90%;
    margin: 0 auto;
  }
  #main{
    margin:2rem auto;
  }
  .sml{
    display: block;
  }
  #wrapper img{
    width:80%;
  }
  #main section p{
    text-align:left;
  }
}