@import url(common.css);
@import url(sub.css);

main {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
main h1 {
  color: rgba(213, 96, 81, 0.79);
  font-family: "Nothing You Could Do";
  font-size: 53px;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 70px;
}
main div p.logo {
  padding-bottom: 50px;
}
main div p.map {
  padding-bottom: 40px;
}
main div p.group {
  text-align: center;
  padding-bottom: 60px;
}
main div.osusume h2 {
  color: #000;
  text-align: center;
  font-family: "Yu Gothic", YuGothic, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 47px; /* 213.636% */
  letter-spacing: 2.2px;
  background-color: #f9f1c4;
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}
main div.osusume ul {
  max-width: 644px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1em;
  padding-bottom: 2em;
  text-align: center;
  color: #000;
  font-family: "Yu Gothic", YuGothic, sans-serif;
  font-size: 19px;
  letter-spacing: 2.47px;
  background-color: #f4f4f4;
}

main div.osusume li {
  padding-top: 1em;
  list-style-type: "・";
  list-style-position: inside;
}
main p.all {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 90px;
}
main div.service h2 {
  color: #000;
  font-family: "Yu Gothic", YuGothic, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px; /* 125% */
  letter-spacing: 2.56px;
  background-color: #fff;
  width: 210px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
main div.service p {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 90px;
}
main p.botan {
  padding-bottom: 110px;
  text-align: center;
}

@media (max-width: 575px) {
  main div.osusume ul {
    text-align: left;
  }
  main div.osusume li {
    margin-left: 1.5em;
    list-style-position: unset;
  }
}