@media screen and (max-width: 750px) {

  body {
    font-size: 14px;
  }


  .drawer_menu .head-logo {
    margin-top: 18px;
    margin-left: 10px;
    height: 45px;
  }


  .basic-wrap {
    padding: 30px 0;
  }


  .main-visual.under {
    height: 120px;
    margin-bottom: -100px;
  }

  .title-img {
    height: 100px;
  }


  .title-1 {
    font-size: 65px;
    margin-bottom: 10px;
    line-height: 1;
  }

  .title-2 {
    font-size: 20px;
  }


  .title-3 {
    line-height: 1;
  }

  .title-4 {
    font-size: 14px;
  }


  .title-5 {
    font-size: 24px;
    margin-top: 10px;
  }

  .title-5.ex {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .title-6 {
    font-size: 22px;
    margin-top: 10px;
  }

  .title-7 {
    font-size: 15px;
    margin-top: 10px;
  }


  .title-8 {
    font-size: 45px;
  }


  .catch-box {
    margin-top: -30px;
    padding-bottom: 0;
  }


  .slim-wrap {
    width: 100%;
    margin: 0 auto;
  }


  .btn {
    width: 150px;
    height: 30px;
    margin-top: 20px;
    font-size: 13px;
  }

  .btn.ex {
    width: 150px;
    height: 30px;
    margin-top: 20px;
    font-size: 13px;
  }


  .menu .bg-txt {
    width: 150px;
  }







  footer {
    margin-top: -30px;
    padding-bottom: 30px;
  }

  footer .inner {
    width: 90%;
  }

  footer .inner2 {
    margin: 0 auto;
    width: 90%;
  }



  footer img {
    width: 300px;
  }


  footer .right {
    width: 400px;
  }


  .time-box {
    font-size: 14px;
  }

  .time-box.ex {
    width: 100%;
    padding-bottom: 0;
  }



  .copyright {
    font-size: 13px;
    color: #666;
  }


  .flex-box {
    flex-direction: column;
  }

  .flex-box.reverse {
    flex-direction: column;
  }

  .flex-box.row {
    flex-direction: row;
  }



  .flex-box.wide.ex {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: wrap;
  }


  .flex-box.column4 {
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-top: 0;
  }




  .flex-box .item {
    width: 100%;
    margin-bottom: 20px;
  }

  .flex-box .item.ex {
    margin-bottom: 0;
  }


  .flex-box .item.half {
    width: 100%;
  }

  .flex-box .item.slim {
    width: 100%;
  }

  .flex-box .item.wide {
    flex-wrap: wrap;
    width: 100%;
  }


  .flex-box .item.column4 {
    width: 48%;
  }

  .flex-box .item.column4.ex {
    width: 25%;
  }


  .flex-box .inner {
    width: 90%;
    margin: 0 auto;
    position: relative;
    padding-top: 0;
  }

  .flex-box .inner.ex {
    width: 90%;
    margin: 0 auto;
    position: relative;
    padding-top: 0;
  }

  .title-set {
    margin-top: 70px;
    margin-bottom: 30px;
  }

  .title-set2 {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
  }


  .title-set2 span.one {
    font-size: 38px;
    margin-right: 0;
  }

  .title-set2 span.one.ex {
    font-size: 38px;
    margin-right: 0;
    margin-top: 10px;
  }





  .title-set2 span.three {
    display: block;
    font-size: 28px;
    margin-right: 0;
  }

  .title-set2 span.four {
    display: block;
    font-size: 15px;
    margin-right: 0;
    padding: 5px 10px;
  }

  footer .inner {
    width: 90%;
    padding: 30px 0;
    flex-direction: column;
  }

  footer .inner2 {
    margin: 0 auto;
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }


  footer img {
    width: 300px;
  }


  footer .right {
    width: 100%;
    margin-top: 30px;
  }

  .tel {
    font-size: 30px;
  }

  .tel span {
    font-size: 20px;
  }

  .tel.ex2 {
    font-size: 30px;
    margin-top: 15px;
  }

  .tel.ex2 span {
    font-size: 20px;
  }


  .copyright {
    font-size: 11px;
  }


  .txt-box {
    width: 90%;
  }

  .plan-box {
    margin-bottom: 60px;
    padding: 30px;
  }

  .plan-box .plan {
    font-size: 23px;
    top: -60px;
  }

  .plan-box .plan span:last-child {
    font-size: 65px;
  }

  .plan-box li {
    font-size: 15px;
  }

  .price p {
    font-size: 12px;
  }

  .price p span {
    font-size: 30px;
  }


  .free-drink {
    width: 90%;
    padding: 30px;
    margin-bottom: 30px;
  }

  .free-drink .plan {
    margin-top: 45px;
  }



  /*----------------------------*/


  #pageTop {
    bottom: 10px;
    right: 10px;
  }

  #pageTop a {

    width: 30px;
    height: 30px;
  }

  #pageTop i {
    font-size: 15px;
  }




  /*----------------------------*/


  .pc {
    display: none;
  }

  .tab {
    display: none;
  }

  .sp {
    display: block;
  }




  /*----------------------------*/

}