@charset "UTF-8";
/* CSS Document */ :root {
  --main-color: #74E7A4;
  --sub-color: #E6FEEA;
  --text-color: #07471A;
}

.inner {
  max-width: 1200px;
  margin: auto;
}
/* アニメーション前の状態 */
.animate {
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s ease;
}
/* アニメーション後の状態 */
.animate.show {
  opacity: 1;
  transform: translateY(0);
}


body {}
#wrapper {
  background-color: transparent;
  background-color: #fff;
  padding: 20px;
}
header {
  background-color: #fff;
  & h1 {
    max-width: 600px;
    margin: auto;
  }
  #mainnav {
    & ul {
      & li {
        & a {
          font-size: 1.5rem;
          color: var(--main-color);
        }
      }
    }
  }
}
#content {
  gap: 20px;
  & main {
    flex: 0 1 850px;
  }
  & aside {
    flex: 0 1 300px;
  }
}
.gotopage {
  & a {
    display: block;
    max-width: 800px;
    text-align: center;
    margin: 20px auto;
    background-color: #f00;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 10px 10px 7px;
    border-radius: 10px;
  }
}
p.entry {
  & a {
    display: block;
    margin: 20px auto;
    background-color: #f00;
    color: #fff;
    width: 500px;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    padding: 10px 10px 7px;
  }
}
.policyWrap {
  & h3 {
    font-size: 1.5rem;
    margin: 20px 0 10px;
  }
  & h4 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 1em;
  }
  & ol {
    list-style: decimal;
    margin: 10px 40px;
  }
}
footer .inner {
  border: solid 1px #999;
  border-radius: 10px;
  padding: 20px;
  & a {
    color: #333;
  }
  .wp-block-columns {
    text-align: left;
  }
  & .unei {
    margin-bottom: 1em;
  }
}
@media screen and (max-width:599px) {
  header {
    & h1 {
      line-height: 1.5em;
      & a {
        width: 100%;
      }
    }
  }
  #wrapper {
    padding: 5px;
  }
  .block {
    padding: 10px;
    .grid {
      display: block;
      & h3 {
        text-align: left;
        border-bottom: solid 1px #ccc;
        margin-top: 20px;
        padding-bottom: 0;
      }
      & ul {
        margin-top: 0;
        & li {
          margin-top: 10px;
          & a {
            font-size: 1rem;
          }
        }
      }
    }
    & h1 {
      font-size: 1.5rem;
    }
    & h2 {
      font-size: 1.2rem;
    }
    & p.caution {
      font-size: 1rem;
      margin-top: 10px;
    }
  }
  .resume {
    .grid {
      & ul {
        margin-top: 10px;
      }
    }
  }
  .question {
    & ul.grid {
      & li {
        margin-top: 10px;
      }
    }
  }
}