@charset "UTF-8";
/* CSS Document */

/* padding & margin */

.mt_main { margin-top: 80px; }

.pad_t5 { padding-top: 5px; }
.pad_t10 { padding-top: 10px; }
.pad_t20 { padding-top: 20px; }
.pad_t25 { padding-top: 25px; }
.pad_t30 { padding-top: 30px; }
.pad_t40 { padding-top: 40px; }
.pad_t45 { padding-top: 45px; }
.pad_t50 { padding-top: 50px; }
.pad_t60 { padding-top: 60px; }
.pad_t70 { padding-top: 70px; }
.pad_t80 { padding-top: 80px; }
.pad_t100 { padding-top: 100px; }
.pad_t120 { padding-top: 120px; }

.pad_b5 { padding-bottom: 5px; }
.pad_b10 { padding-bottom: 10px; }
.pad_b15 { padding-bottom: 15px; }
.pad_b20 { padding-bottom: 20px; }
.pad_b25 { padding-bottom: 25px; }
.pad_b30 { padding-bottom: 30px; }
.pad_b40 { padding-bottom: 40px; }
.pad_b45 { padding-bottom: 45px; }
.pad_b50 { padding-bottom: 50px; }
.pad_b60 { padding-bottom: 60px; }
.pad_b70 { padding-bottom: 70px; }
.pad_b80 { padding-bottom: 80px; }
.pad_b100 { padding-bottom: 100px; }
.pad_b120 { padding-bottom: 120px; }

.mar_t5 { margin-top: 5px; }
.mar_t10 { margin-top: 10px; }
.mar_t15 { margin-top: 15px; }
.mar_t20 { margin-top: 20px; }
.mar_t25 { margin-top: 25px; }
.mar_t30 { margin-top: 30px; }
.mar_t40 { margin-top: 40px; }
.mar_t45 { margin-top: 45px; }
.mar_t50 { margin-top: 50px; }
.mar_t60 { margin-top: 60px; }
.mar_t70 { margin-top: 70px; }
.mar_t80 { margin-top: 80px; }
.mar_t100 { margin-top: 100px; }
.mar_t120 { margin-top: 120px; }

.mar_b5 { margin-bottom: 5px; }
.mar_b10 { margin-bottom: 10px; }
.mar_b15 { margin-bottom: 15px; }
.mar_b20 { margin-bottom: 20px; }
.mar_b25 { margin-bottom: 25px; }
.mar_b30 { margin-bottom: 30px; }
.mar_b40 { margin-bottom: 40px; }
.mar_b45 { margin-bottom: 45px; }
.mar_b50 { margin-bottom: 50px; }
.mar_b60 { margin-bottom: 60px; }
.mar_b70 { margin-bottom: 70px; }
.mar_b80 { margin-bottom: 80px; }
.mar_b100 { margin-bottom: 100px; }
.mar_b120 { margin-bottom: 120px; }

.mar_l-a { margin-left: auto; }
.mar_r-a { margin-right: auto; }

.mar_l10 { margin-left: 10px; }
.mar_l15 { margin-left: 15px; }

.mar_r5 { margin-right: 5px; }
.mar_r10 { margin-right: 10px; }
.mar_r15 { margin-right: 15px; }
.mar_r20 { margin-right: 20px; }

.pad_l-a { padding-left: auto; }
.pad_r-a { padding-right: auto; }

.pad_l10 { padding-left: 10px; }
.pad_l15 { padding-left: 15px; }

.pad_r5 { padding-right: 5px; }
.pad_r10 { padding-right: 10px; }
.pad_r15 { padding-right: 15px; }
.pad_r20 { padding-right: 20px; }

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

  .pad_t10 { padding-top: 8px; }
  .pad_t15 { padding-top: 10px; }
  .pad_t20 { padding-top: 10px; }
  .pad_t25 { padding-top: 15px; }
  .pad_t30 { padding-top: 20px; }
  .pad_t40 { padding-top: 25px; }
  .pad_t45 { padding-top: 30px; }
  .pad_t50 { padding-top: 30px; }
  .pad_t60 { padding-top: 40px; }
  .pad_t70 { padding-top: 45px; }
  .pad_t80 { padding-top: 50px; }
  .pad_t100 { padding-top: 60px; }
  .pad_t120 { padding-top: 80px; }

  .pad_b10 { padding-bottom: 8px; }
  .pad_b15 { padding-bottom: 10px; }
  .pad_b20 { padding-bottom: 10px; }
  .pad_b25 { padding-bottom: 15px; }
  .pad_b30 { padding-bottom: 20px; }
  .pad_b40 { padding-bottom: 25px; }
  .pad_b45 { padding-bottom: 30px; }
  .pad_b50 { padding-bottom: 30px; }
  .pad_b60 { padding-bottom: 40px; }
  .pad_b70 { padding-bottom: 45px; }
  .pad_b80 { padding-bottom: 50px; }
  .pad_b100 { padding-bottom: 60px; }
  .pad_b120 { padding-bottom: 80px; }

  .mar_t10 { margin-top: 8px; }
  .mar_t15 { margin-top: 10px; }
  .mar_t20 { margin-top: 10px; }
  .mar_t25 { margin-top: 15px; }
  .mar_t30 { margin-top: 20px; }
  .mar_t40 { margin-top: 25px; }
  .mar_t45 { margin-top: 30px; }
  .mar_t50 { margin-top: 30px; }
  .mar_t60 { margin-top: 40px; }
  .mar_t70 { margin-top: 45px; }
  .mar_t80 { margin-top: 50px; }
  .mar_t100 { margin-top: 60px; }
  .mar_t120 { margin-top: 80px; }

  .mar_b10 { margin-bottom: 8px; }
  .mar_b15 { margin-bottom: 10px; }
  .mar_b20 { margin-bottom: 10px; }
  .mar_b25 { margin-bottom: 15px; }
  .mar_b30 { margin-bottom: 20px; }
  .mar_b40 { margin-bottom: 25px; }
  .mar_b45 { margin-bottom: 30px; }
  .mar_b50 { margin-bottom: 30px; }
  .mar_b60 { margin-bottom: 40px; }
  .mar_b70 { margin-bottom: 45px; }
  .mar_b80 { margin-bottom: 50px; }
  .mar_b100 { margin-bottom: 60px; }
  .mar_b120 { margin-bottom: 80px; }
}