@media (max-width: 640px) {
  #top_nav {
    gap: 7px;
    grid-template-columns: auto 80px 45px;
  }
  #top_nav .top_logo {
    margin-left: 45px;
    font-size: 1.1rem;
    grid-template-columns: 35px auto;
  }
  #sub_nav {
    width: calc(100% - 66px);
  }
  .mode-toggle-wrapper {
    gap: 5px;
  }
  .overlap {
    width: 100%;
    overflow: unset;
    padding: 20px 14px;
    border-end-end-radius: unset;
    border-end-start-radius: unset;
  }

  .overlap600 {
    width: 100%;
  }

  .form {
    padding: 10px;
    grid-template-columns: auto;
  }

  .form > .field2 {
    grid-column: 1/-1;
  }

  .form > .field > input,
  .form > .field > select,
  .form > .field > .like_input {
    font-size: 1.1rem;
  }

  .form > .field > label {
    font-size: 0.9rem;
  }

  .section_tit {
    margin: 10px 0px 0px 20px;
  }

  .field > select {
    /* background-color: transparent; */
  }

  .normal_white_box {
    /* padding: unset; */
    padding: 10px;
  }

  .btn {
    /* padding: 0.175rem 0.55rem; */
  }

  /* .big_cate span {
    font-size: 1.4rem !important;
  } */
  .function_btn_zone {
    grid-template-columns: 80px 80px;
  }
  .desc_img {
    width: 90%;
  }

  .pc_only,
  .pc {
    display: none;
  }
}