@import url("https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+New:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=check");
body {
  font-family: YakuHanRPs,"Albert Sans", 'Noto Sans JP', "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
  box-sizing: border-box; }

p, h1, h2, h3, h4, h5, div, span, button, input, dt, dd, li, a {
  font-family: YakuHanRPs,"Albert Sans", 'Noto Sans JP', "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
  box-sizing: border-box;
  letter-spacing: 0.02em;
  line-height: 1.7; }

*, *::before, *::after {
  box-sizing: border-box;
  line-height: 1.7; }

a, button {
  transition: .3s; }

.s {
  font-size: smaller; }

.how-wrap {
  display: flex;
  padding: 20px; }
  .how-wrap #left ul li a {
    display: block;
    padding: 1em 0; }
    .how-wrap #left ul li a span {
      display: inline-block;
      line-height: 1.5;
      font-size: 12px; }
    .how-wrap #left ul li a.here {
      color: #D93915; }
      @media (max-width: 480px) {
        .how-wrap #left ul li a.here {
          color: white;
          background-color: #D93915; } }
  @media (max-width: 480px) {
    .how-wrap {
      flex-direction: column;
      padding: 0; }
      .how-wrap #left {
        width: 100%;
        margin-bottom: 3em; }
        .how-wrap #left ul {
          display: flex;
          flex-wrap: wrap; }
          .how-wrap #left ul li {
            width: 50%;
            border: solid 2px white;
            font-size: 16px;
            background-color: #F7EDD8;
            text-align: center; }
            .how-wrap #left ul li a {
              padding: .5em .2em;
              line-height: 1;
              display: block;
              height: 100%; }
              .how-wrap #left ul li a span {
                display: inline-block;
                line-height: 1;
                font-size: 14px; }
            .how-wrap #left ul li:last-of-type {
              width: 100%; }
      .how-wrap #right {
        width: 100%; } }