/* CSS Document */

/* ----- リセット ----- */
*,
*::before,
*::after{
  box-sizing:border-box
}
body,
h1,h2,h3,h4,
p,figure,blockquote,dl,dd{
  margin:0
}
ul[role="list"],
ol[role="list"]{
  list-style:none
}
html:focus-within{
  scroll-behavior:smooth
}
body{
  min-height:100vh;
  text-rendering:optimizeSpeed;
  line-height:1.5
}
a:not(
  [class]){
    text-decoration-skip-ink:auto
  }
  img,picture{
    max-width:100%;
    display:block
  }
  input,button,textarea,select{
    font:inherit
  }
  @media(prefers-reduced-motion:reduce){
    html:focus-within{
      scroll-behavior:auto
    }
    *,
    *::before,
    *::after{
      animation-duration:.01ms !important;
      animation-iteration-count:1 !important;
      transition-duration:.01ms !important;
      scroll-behavior:auto !important
    }
  }
/* ----- リセット ----- */


.container {
  width: 900px;
  box-sizing: border-box;
  margin: 0 auto;
}

.header {
  width: 100%;
}

.header h1 {
  padding: 2rem;
  font-size: 3rem;
}

.intro {
    width: 100%;
    padding: 1rem;
}

.main table {
  width: 100%;
  margin-bottom: 5rem;
}
.main table th {
  text-align: left;
  font-weight: normal;
  width: 50%;
  padding: 0.3rem;
}

.main table td {
  width: 25%;
  padding: 0.3rem;
}

.footer {
  margin-bottom: 3rem;
}

.container .button {
  display: block;
  width: 20rem;
  margin: 0 auto;
  padding: 0.3rem 1rem;
  border-radius: 0.3rem;
  background-color: rgb(6, 138, 35);
  color: white;
  font-size: small;
  text-align: center;
}

.pl1 {
  padding-left: 1rem !important;
}
.pl2 {
  padding-left: 2rem !important;
}
.pl3 {
  padding-left: 3rem !important;
}
.pl4 {
  padding-left: 4rem !important;
}
.pl5 {
  padding-left: 5rem !important;
}