@charset "utf-8";

#top-button02 {
  position: fixed;
  right: 0;
  bottom: 6%;
  z-index: 100;
  width: 100px;
  height: 318px;
}

.card-img {
  width: 50%;
  margin: 30px auto;
}

/* ================================================================= 
 header
================================================================= */

/* ================================================================= 
sidemenu
================================================================= */

/* ================================================================= 
 contents
================================================================= */

/* ================================================================= 
 section
================================================================= */

/* ================================================================= 
 footer
================================================================= */

/* ================================================================= 
 header
================================================================= */

@media only screen and (max-width: 835px) {
  /* ================================================================= 
 header
================================================================= */

  /* ================================================================= 
sidemenu
================================================================= */

  /* ================================================================= 
 contents
================================================================= */

  /* ================================================================= 
 section
================================================================= */

  /* ================================================================= 
 footer
================================================================= */

  .side {
    display: flex;
  }
}

@media only screen and (max-width: 640px) {
  .card-img {
    width: 80%;
  }

  /* ================================================================= 
 header
================================================================= */

  /* ================================================================= 
sidemenu
================================================================= */

  /* ================================================================= 
 contents
================================================================= */

  /* ================================================================= 
 section
================================================================= */

  /* ================================================================= 
 footer
================================================================= */

  #top-button02 {
    position: fixed;
    left: 0;
    bottom: 0%;
    z-index: 5;
    width: 78%;
    height: auto;
  }
  #top-button {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 80px;
    height: 41px !important;
  }
}