@media (max-width:747px) {
  .pc-menu{
    display: none;}

    #header img{display:none;}
    .pc-menu ul{display:none;}
    .inu-pc{display: none}

    #content{height:100%;}

    header{margin-top:-45vw; width: 100%; position: fixed;}

    .pc-sm-menu{
      display: block;
      margin-top: -27px;
      background-color:#736357;
      opacity: 0.9;}


  .hamburger-menu {
    width: 60px;
    height: 50px;
    position: relative;
    border: none;
    background: transparent;
    appearance: none;
    padding: 0;
    cursor: pointer;
     }

  .hamburger-menu__bar {
    display: inline-block;
    width: 45%;
    height: 4px;
    background:white;
    position: absolute;
    left: 50%;
    border-radius:10px;
    transform: translateX(-50%);
    transition: .5s;}

  .hamburger-menu__bar:first-child {top: 16px;}
  .hamburger-menu__bar:nth-child(2) {top: 24px;}
  .hamburger-menu__bar:last-child {top: 32px;}

  .hamburger-menu--open .hamburger-menu__bar {top: 50%;}

  .hamburger-menu--open .hamburger-menu__bar:first-child {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);}

  .hamburger-menu--open .hamburger-menu__bar:last-child {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);}

  .hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
    display: none;}

  .navigation {
    display: none;
    background:#736357;
    opacity: 0.9;
    position: absolute;
    top:50px;
    width: 100%;
    z-index: 9999;}

  .navigation__list {
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 10;}

  .navigation__list-item {
    border-bottom: solid 1px #474747;}

  .navigation__list-item:first-child {
    border-top: solid 1px #474747;}

  .navigation__link {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: block;
    padding: 24px 0;
    transition: .5s;}

  @media (hover: hover) and (pointer: fine) {
    .navigation__link:hover {
      background: #333;}}


      .pc-sm-menu ul a{
        font-size: 20px;
        font-weight: bold;
        line-height: 2.5;
        color:white;
        text-decoration: none;
        display: inline;
        margin-right: 15px;}

        #header-sm img{
          margin-top: -3vh;
          display: block;
          width: 100%;}


        .kyoushitsu{
          margin-top: -50px;
          background-position-y:-10px;}

        .kyoushitsu img{
              margin-top: -5vh;}

        .Kikan{margin-top:-10px;}
        .Hiyou{margin-top:-30px;}

        .Kikan p{margin-left:10px;}

        .Hiyou p{margin-left:10px;
                   margin-top:10px;}

        .inu-sm{display: block;}

        .inu-sm img{width:80%;
                    padding-bottom: 30px;
                    margin-bottom: -80px;}

        .footer-nav ul {margin-top: -35px;}

        .footer-copyright P{ margin-top: -82px;}