header {
  width: 100%;
  height: 130px;
  top: 0;
  background: #fff;
  /* box-shadow: 0 1px 1px #ddd; */
  box-sizing: border-box;
  @media (max-width: 820px) {
    height: 60px;
    padding-inline: 10px;
    display: flex;
    align-items: center;
  }
  .div {
    margin-top: 10px;
  }
  #menubar {
    width: 100%;
    top: 0;
    padding-inline: 2%;
    padding-top: 0;
    margin-top: 0;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
    @media (max-width: 820px) {
      display: none;
    }
    &::before {
      bottom: 2px;
    }
    ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      width: 100%;
      max-width: 1000px;
      li {
        float: none;
        margin: 0;
        &:first-of-type {
          margin-left: 0;
        }
        &:nth-of-type(5) {
          a {
            width: 140px;
            height: 80px;
            background: #fff;
            display: flex;
            justify-content: center;
            img {
              width: auto;
              height: 100%;
              padding: 0;
              top: initial;
              aspect-ratio: initial;
              display: block;
            }
          }
        }
      }
    }
  }
  
  #logo {
    display: none;
    @media (max-width: 820px) {
      display: block;
      a {
        display: block;
        height: 50px;
        img {
          float: none;
          margin-left: 0;
          padding: 0;
          /* width: 62.5px; */
          /* height: initial; */
          width: auto;
          height: 100%;
        }
      }
    }
  }

  #menubar-s {
    left: 0;
    .bg {
      img {
        width: auto;
        height: 50px;
        margin-top: 5px;
        padding: 0;
        margin-left: 10px;
      }
    }
  }
}

#menubar_hdr {
  top: 5px;
}



/* TOP sec03 */
.top-page {
  #sec03 {
    .container {
      @media (min-width: 1025px) {
        display: flex;
        column-gap: 2%;
        padding-right: 0.5%;
      }
    }
    .left_wrap {
      @media (min-width: 1025px) {
        float: none !important;
      }
      .pc {
        .img_wrap {
          img {
            height: auto;
          }
        }
      }
      .sp {
        .img_wrap {
          margin: 0;
          img {
            height: auto;
          }
        }
      }
    }
    .right_wrap {
      @media (min-width: 1025px) {
        float: none !important;
        /* width: 55% !important; */
      }
      @media (max-width: 820px) {
        margin-left: -1%;
        width: 99%;
      }
      .pc {
        .flexbox {
          justify-content: space-between;
          row-gap: 10px;
          .box02 {
            width: 49.5%;
            margin: 0 !important;
            box-sizing: border-box;
          }
        }
      }
      .sp {
        margin-top: 15px;
        .flexbox {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          column-gap: 2%;
          row-gap: 15px;
          @media (max-width: 639px) {
            grid-template-columns: repeat(1, 320px);
            justify-content: center;
          }
          .box02 {
            margin: 0;
            width: 100%;
            box-sizing: border-box;
            padding-right: 7px;
            .flex {
              /* display: block; */
              flex-direction: column;
              img {
                margin: 0;
                width: 100%;
                height: auto;
                display: block;
              }
              .divs {
                margin: 0;
                .time {
                  margin-left: 0;
                }
              }
            }
          }
        }
      }
    }
  }
  #sec05 {
    @media (max-width: 820px) {
      .left_wrap {
        margin: 0;
        .timeline {
          width: 92%;
          max-width: 500px;
          margin-inline: auto;
          .twitter-timeline {
            width: 100%;
            max-width: 500px;
          }
        }
      }
    }
    .right_wrap {
      @media (max-width: 820px) {
        margin-left: 0;
        display: flex;
        justify-content: center;
        box-sizing: border-box;
        padding-right: 10px;
        .btn2 {
          box-sizing: border-box;
          padding: 0;
          display: grid;
          place-content: center;
          margin-left: 0;
        }
      }
    }
  }
}