@charset "utf-8";
main#web {
 section#top {
  display: grid;
  place-content: center;
  background: linear-gradient(to bottom, #e1ebed, #d2dbe5);
  > .top {
   max-width: var(--basic-s-width);
   grid-template-columns: 1fr;
   h1 {
    max-width: 600px;
    color: #1c4778;
    
   }
  }
 }
 #contents {
  max-width: var(--basic-s-width);
  section {
   gap: 3em;
  }
 }
}
ul.fea {
 list-style: none;
}
ul.fea li {
 display: flex; /* 点とリストを横並びに */
 padding: 0.3em;
}
ul.fea li::before {
 content: "●";
 color: #0070ff;
 font-size: 0.6em;
 margin-right: 1em;
 position: relative;
 top: 5px;
}
.lead {
 margin-bottom: 1em;
 font-size: clamp(1.0em, 3vw, 1.1em)
}
h4 {
 font-size: clamp(1.0em, 3vw, 1.5em)
}
.ba-sp {
 max-width: 372px;
 margin: 0 auto;
}
@media (max-width: 768px) {}