.main {
  height: 100% !important;
}

summary {
  list-style: none;
  }
  summary::-webkit-details-marker {
  display: none;/* iOS仕様 */
  }
  
  body{
  background-color: #d9e6f6;
  }
  
  h1{
  text-align: center;
  padding: 40px 0 30px;
  }
  .accordion-wrapper{
  max-width: 1000px;
  margin: 20px auto 50px;
  }
  .accordion-box{
    background-color: #FFF;
    margin-bottom: 18px;
    padding: 7px;
    border-radius: 30px;
  }
  .accordion-box h2{
  font-size: 16px;
  color: #667fa0;
  margin-left:70px;
  }
  .accordion-box h2:hover{
  text-decoration: none;
  cursor: pointer;
  }
  .accordion-box h2:hover::before{
    background-color: #e99c9d;
  }

  .accordion-box h2.clicked::before {
    content: "-";
    background-color: black; /* Black background color on hover, active, and clicked */
  }
  
  .accordion-box h2::before{
  display: inline-block;
  content: "+";
  width: 40px;
  height: 40px;
  background-color: #E63D40;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  color: #FFF;
  font-family: 'Cabin', sans-serif;
  margin:0 20px 0 -60px;
  }



  .more{
  width: 220px;
  height: 50px;
  margin: 40px 0 20px 60px;
  background-color: #e46a80;
  border-radius: 8px;
  }
  .more>a{
  display: block;
  text-align: center;
  color: #FFF;
  line-height: 50px;
  border-radius: 8px;
  }
  .more>a::after{
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  transform: rotate(45deg);
  margin-left: 10px;
  }
  .more>a:hover{
  background-color: #ed94a4;
  }