@charset "UTF-8";
/*-------setting------*/
/*-------setting end------*/
/*-------reset------*/
h2, h3 {
  margin: 0;
}

img {
  vertical-align: bottom;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

dl {
  margin: 0;
}

/*-------reset end------*/
/*-------hack--------*/
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/*-------hack end--------*/
/*---------BasicStyle------------*/
* {
  margin: 0;
  padding: 0;
  color: #321b04;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  font-weight: normal;
}

body {
  min-width: 320px;
  background-color: #5a4023;
  color: #936c3f;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: -apple-system, Meiryo, 'メイリオ', 'ヒラギノ角ゴ ProN W3', Arial, Helvetica, sans-serif, Osaka;
}

@media screen and (max-width: 360px) {
  body {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

section {
  margin: 0 auto;
  width: 100%;
}

a {
  color: #0072ff;
}

img {
  height: auto;
  border: 0;
  vertical-align: bottom;
}

p {
  font-size: 16px;
  font-size: 1.6rem;
}

li {
  list-style: none;
}

/*---------BasicStyle end------------*/
/* ========================================
2018.04.03 はじめてのドラム
======================================== */
/* ========================================
Common TOP・下層共通
======================================== */
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, verdana, sans-serif;
  font-size: 0.75em;
  /*12px*/
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  background: url(../img/bg_pt01.jpg);
  background-position: center;
}

body.sp header .wrap {
  overflow: hidden;
}

hr {
  background: url(../img/line.png) repeat-x;
  height: 12px;
  border: none;
}

/*-------loader------*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1000;
}

/*-------loader end------*/
/* Header
----------------------------------------------------------*/
header {
  position: relative;
  height: auto;
  background: url(../img/bg_pt02.jpg);
  background-position: center;
}

header::after {
  position: absolute;
  display: block;
  content: '';
  bottom: -1px;
  width: 100%;
  height: 44%;
  background: url(../img/head_bg.png) no-repeat;
  background-size: cover;
  background-position: top center;
  z-index: 1;
}

header .wrap {
  position: relative;
  width: 100%;
}

header .wrap::before, header .wrap::after {
  position: absolute;
  display: block;
  content: '';
  width: 22.263%;
  height: auto;
  padding-top: 33.0929%;
}

header .wrap::before {
  top: 10%;
  left: 0;
  background: url(../img/header_decoration_l.png) no-repeat;
  background-size: contain;
  background-position: top left;
}

header .wrap::after {
  top: 10%;
  right: 0;
  background: url(../img/header_decoration_r.png) no-repeat;
  background-size: contain;
  background-position: top right;
}

header .wrap-inner {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  z-index: 10;
}

header .wrap-inner .main {
  width: 70.728%;
  padding: 1% 0 10%;
  text-align: center;
}

header .wrap-inner .main .ttl, header .wrap-inner .main .lead {
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 10;
}

header .wrap-inner .main .btn_regist {
  position: relative;
  width: 57.274%;
  margin: -2% auto 5%;
  z-index: 10;
}

header .wrap-inner .main .btn_regist:hover {
  opacity: .8;
}

header .wrap-inner .main .chara {
  position: absolute;
  top: 2%;
  right: -22%;
  width: 68%;
  z-index: 1;
}

header .wrap-inner .main .doram {
  width: 100%;
  height: auto;
  padding-top: 78.32446%;
  background: url(../img/head_chara.png) no-repeat;
  background-size: contain;
  background-position: center;
}

header .wrap-inner .main img {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  header .wrap-inner {
    padding: 0 3%;
  }
  header .wrap-inner .main .chara {
    right: -16%;
    width: 62%;
  }
}

header .character {
  position: relative;
  width: 95%;
  margin: 0 auto;
  padding: 1.5% 0;
}

header .character .chara_01, header .character .chara_02, header .character .chara_03, header .character .chara_04, header .character .chara_05 {
  display: inline-block;
  position: relative;
}

header .character .chara_01 img, header .character .chara_02 img, header .character .chara_03 img, header .character .chara_04 img, header .character .chara_05 img {
  width: 100%;
}

header .character .chara_01 .serif, header .character .chara_02 .serif, header .character .chara_03 .serif, header .character .chara_04 .serif, header .character .chara_05 .serif {
  position: absolute;
  transition: opacity .4s ease-out;
  opacity: 0;
}

header .character .chara_01 {
  width: 25.273%;
}

header .character .chara_01 .serif {
  top: -33%;
  right: -20%;
  width: 89.7727%;
}

header .character .chara_01:hover .serif {
  opacity: 1;
}

header .character .chara_02 {
  width: 16.5454%;
  margin-left: -2.5%;
}

header .character .chara_02 .serif {
  top: -35%;
  right: -50%;
  width: 137.4%;
}

header .character .chara_02:hover .serif {
  opacity: 1;
}

header .character .chara_03 {
  width: 15.8182%;
}

header .character .chara_03 .serif {
  top: -50%;
  right: -46%;
}

header .character .chara_03:hover .serif {
  opacity: 1;
}

header .character .chara_04 {
  width: 15.6363%;
}

header .character .chara_04 .serif {
  top: -40%;
  left: -55%;
}

header .character .chara_04:hover .serif {
  opacity: 1;
}

header .character .chara_05 {
  width: 27.9091%;
  margin-left: -3%;
}

header .character .chara_05 .serif {
  top: -27%;
  left: -23%;
  width: 80.8219%;
}

header .character .chara_05:hover .serif {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  body.sp header .character {
    display: none;
  }
  body.sp header::after {
    display: none;
  }
  body.sp header .wrap::before, body.sp header .wrap::after {
    width: 26%;
    padding-top: 60%;
  }
  body.sp header .wrap::before, body.sp header .wrap::after {
    top: auto;
    bottom: 0;
  }
  body.sp header .wrap-inner .main {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 40%;
  }
  body.sp header .wrap-inner .main .chara {
    top: 60%;
    right: 12%;
    width: 74%;
  }
}

/* メニュー */
nav {
  background: #5f4232;
  border-top: 4px solid #5f4232;
  border-bottom: 4px solid #5f4232;
}

nav::before, nav::after {
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background: #fdf7e4;
}

nav #mainMenu {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

nav li {
  width: 25%;
  background: #fffcf3;
  border: 2px #5f4232 solid;
  text-align: center;
}

nav li img {
  width: 100%;
  vertical-align: middle;
}

/* Content
----------------------------------------------------------*/
.content {
  width: 100%;
  max-width: 980px;
  margin: 4rem auto;
  padding: 1rem 0;
  background: #bedcd9;
  transform: skew(-3deg, 3deg);
  border-radius: 35px;
}

.content .inner {
  position: relative;
  padding: 5%;
  background: url(../img/innerbg.jpg);
  transform: skew(3deg, -3deg);
  border-radius: 35px;
}

.content .inner h2 {
  width: 100%;
  height: auto;
  margin: -8% auto 10%;
  text-align: center;
}

.content .inner h2 img {
  width: 100%;
}

body.sp .content {
  transform: none;
}

body.sp .content .inner {
  transform: none;
}

.box15 {
  width: 100%;
  max-width: 850px;
  padding: .25em .5em;
  margin: 0 auto 12.5%;
  color: #565656;
  border-radius: 8px;
  background: #fefdf8;
  box-shadow: 0px 0px 0px 10px #fefdf8;
  filter: drop-shadow(0px 0px 5px rgba(95, 66, 50, 0.7));
}

.box15::before, .box15::after {
  display: block;
  content: '';
  width: 100%;
  padding-top: 2.2%;
}

.box15::before {
  background: url(../img/stitch_header.png) no-repeat;
  background-size: contain;
}

.box15::after {
  background: url(../img/stitch_footer.png) no-repeat;
  background-size: contain;
}

.box-inner {
  position: relative;
  width: 100%;
  padding: 0 3.81%;
  background: url(../img/stitch_body.png) repeat-y;
  background-position: top center;
  background-size: contain;
}

.box15 h3 {
  position: absolute;
  height: auto;
  transform: translateY(-100%);
}

.box15 h3 img {
  width: 100%;
}

.box15 p {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  body.sp .box15 {
    box-shadow: 0 0 0 5px #fefdf8;
  }
}

.col_l {
  float: left;
}

.col_r {
  float: right;
}

.col01.col_l img, .col01.col_r img {
  width: 100%;
}

.col01.col_l {
  width: 56.8%;
}

.col01.col_r {
  width: 41.065%;
}

.col02.btn:hover {
  opacity: .8;
}

.col02 img {
  width: 100%;
}

.col02.col_l {
  width: 61.69%;
}

.col02.col_r {
  width: 40%;
}

.col02.btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 47%;
  transform: translate(7%, 8%);
}

.col03.col_l {
  text-align: center;
  width: 47%;
}

.col03.col_r {
  width: 53%;
}

.col04.col_l {
  text-align: center;
  width: 47%;
}

.col04.col_r {
  text-align: center;
  width: 53%;
}

.col05.col_l {
  text-align: center;
  width: 43%;
}

.col05.col_r {
  text-align: center;
  width: 57%;
}

.detail {
  position: relative;
}

.mascot {
  position: absolute;
}

.mascot img {
  width: 100%;
}

.mascot_01 {
  bottom: 0;
  left: 0;
  width: 18.013%;
  transform: translate(80%, -60%);
}

.mascot_02 {
  bottom: 0;
  right: 0;
  width: 44.674%;
  transform: translate(-7%, -10%);
}

.mascot_03 {
  top: 0;
  right: 0;
  width: 28.015%;
  transform: translate(70%, -62%);
}

.mascot_04 {
  bottom: 0;
  left: 0;
  width: 33.285%;
  transform: translate(-80%, 54%);
}

.mascot_05 {
  top: 0;
  right: 0;
  width: 18.165%;
  transform: translate(-135%, -26%);
}

.mascot_06 {
  top: 0;
  right: 0;
  width: 14.857%;
  transform: translate(-60%, -35%);
}

.mascot_07 {
  bottom: 25%;
  left: 5%;
  width: 21.37%;
}

.mascot_08 {
  bottom: 2.5%;
  right: 5%;
  width: 19.335%;
}

.mascot_09 {
  bottom: 5.5%;
  left: 10%;
  width: 13.94%;
}

.mascot_10 {
  top: 30%;
  left: -2%;
  width: 17.64%;
}

body.sp .mascot_03 {
  top: -98%;
  right: -17%;
  transform: scale(0.75);
}

body.sp .mascot_04 {
  bottom: -97%;
  left: -18%;
  transform: scale(0.75);
}

@media screen and (max-width: 767px) {
  body.sp .mascot_01 {
    bottom: 14%;
    left: 7%;
    transform: none;
  }
  body.sp .mascot_02 {
    bottom: 12%;
    right: 0%;
    transform: none;
  }
  body.sp .mascot_03 {
    top: -18%;
    right: -11%;
    transform: none;
  }
  body.sp .mascot_04 {
    bottom: -27%;
    left: -13%;
    transform: none;
  }
  body.sp .mascot_05 {
    top: -40%;
    right: 13%;
    width: 23%;
    transform: none;
  }
  body.sp .mascot_06 {
    top: -44%;
    right: -5%;
    width: 19%;
    transform: none;
  }
  body.sp .mascot_07 {
    bottom: 35%;
    left: 0;
    width: 26%;
  }
  body.sp .mascot_08 {
    bottom: 35%;
    right: 2%;
    width: 22%;
  }
  body.sp .mascot_09 {
    bottom: 5%;
    left: 3%;
    width: 16%;
  }
}

p.read img {
  width: 100%;
}

/* decoration */
.decoration li {
  position: absolute;
  width: 5.088%;
  height: auto;
}

.decoration li.item01 {
  bottom: 52%;
  left: 10%;
}

.decoration li.item02 {
  bottom: 39%;
  left: 4%;
  width: 7%;
}

.decoration li.item03 {
  bottom: 26%;
  left: 6%;
}

.decoration li.item04 {
  bottom: 10%;
  left: 4%;
  width: 7%;
}

.decoration li.item05 {
  bottom: 46%;
  right: 9%;
  width: 7%;
}

.decoration li.item06 {
  bottom: 30%;
  right: 6%;
}

.decoration li.item07 {
  top: 33%;
  right: 2%;
}

.decoration li.item08 {
  top: 41%;
  right: 5.5%;
  width: 4%;
}

.decoration li.item09 {
  top: 49%;
  right: 2%;
  transform: rotate(45deg);
}

.decoration li.item10 {
  top: 59%;
  right: 3%;
  width: 6.5%;
}

.star_s,
.star_l,
.ribbon_01,
.ribbon_02,
.cupcake,
.hotcake,
.cherry {
  display: block;
  content: '';
  padding-top: 100%;
}

.star_s {
  background: url(../img/img_star_small.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.star_l {
  background: url(../img/img_star_large.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.ribbon_01 {
  background: url(../img/img_ribbon_01.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.ribbon_02 {
  background: url(../img/img_ribbon_02.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.cupcake {
  background: url(../img/img_cupcake.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.hotcake {
  background: url(../img/img_hotcake.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.cherry {
  background: url(../img/img_cherry.png) no-repeat;
  background-size: contain;
  background-position: center;
}

/* linkbtn */
.linkbtn {
  text-align: center;
}

.linkbtn img {
  padding: 1.5%;
}

/* faq list */
.faqlist {
  display: block;
  text-align: center;
  padding: 2% 0;
}

.faqlist li {
  display: inline-block;
  width: 22.5%;
  margin: 1%;
}

.faqlist li:hover {
  opacity: .8;
}

.faqlist li img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .faqlist li {
    width: 45%;
  }
}

/*bnr area*/
.bnrarea {
  position: relative;
  margin-top: -5%;
  margin-bottom: 8%;
  text-align: center;
}

.bnrarea .bnrlist li {
  display: inline-block;
  margin: 0 3%;
  width: 28.27%;
}

.bnrarea .bnrlist li a:hover {
  opacity: .8;
}

.bnrarea .bnrlist li img {
  width: 100%;
}

/*regist*/
.regist {
  text-align: center;
}

.regist .ttl {
  width: 27.25%;
  margin: 0 auto;
}

.regist .ttl img {
  width: 100%;
}

.regist .btnlist {
  width: 54.647%;
  margin: 1.5% auto;
}

.regist .btnlist li {
  display: inline-block;
  margin: 0.25em;
}

.regist .btnlist li:hover {
  opacity: .8;
}

.regist .btnlist li img {
  width: 100%;
}

.regist .btnlist li.col1 {
  width: 46.2%;
}

.regist .btnlist li.col2 {
  width: 45.3%;
}

.regist .btnlist li.col3 {
  width: 29.5%;
}

.col03 .regist .btnlist {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .regist .btnlist li.col3 {
    width: 28%;
  }
}

/*---------sc01------------*/
#sc01 .read {
  margin-top: -7%;
  margin-bottom: 5%;
}

#sc01 .gallery {
  position: relative;
  width: 70.216%;
  height: auto;
  margin: 0 auto 25%;
  background: url(../img/sc01_gifbg.png) no-repeat;
  background-size: contain;
}

#sc01 .gallery::before {
  display: block;
  content: '';
  padding-top: 44.7665%;
}

#sc01 .gallery .gallery-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#sc01 .gallery ul {
  padding: 10% 14%;
}

#sc01 .gallery ul li {
  width: 26.47%;
  float: left;
  margin: 3.25%;
}

#sc01 .gallery ul li img {
  width: 100%;
  border: 2px #5f4232 solid;
}

#sc01 .btn_more {
  position: relative;
  width: 36.408%;
  margin: 0 auto;
  z-index: 10;
}

#sc01 .btn_more:hover {
  opacity: .8;
}

#sc01 .btn_more img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  body.sp #sc01 .gallery {
    width: 95%;
  }
  body.sp #sc01 .decoration {
    display: none;
  }
  body.sp #sc01 .btn_more {
    width: 60%;
  }
}

/*---------sc01 end------------*/
/*---------sc02------------*/
#sc02 h3 {
  width: 54.255%;
}

@media screen and (max-width: 767px) {
  body.sp #sc02 h3 {
    width: 73%;
  }
  body.sp #sc02 .detail {
    padding-bottom: 5%;
  }
  body.sp #sc02 .col01.col_l, body.sp #sc02 .col01.col_r {
    float: none;
    width: 85%;
    margin: 0 auto;
  }
}

/*---------sc02 end------------*/
/*---------sc03------------*/
#sc03 .box-inner {
  padding: 0 2%;
}

#sc03 h3 {
  width: 26.95%;
  transform: translate(6%, -100%);
}

#sc03 .box15 {
  margin-top: 3%;
  margin-bottom: 3%;
}

#sc03 .ttl {
  margin: 0 auto;
}

#sc03 .ttl img {
  width: 100%;
}

#sc03 .btn {
  width: 100%;
}

#sc03 .btn:hover {
  opacity: .8;
}

#sc03 .btn img {
  width: 100%;
}

#sc03 .step01 .ttl {
  width: 35.215%;
}

#sc03 .step01 .btn {
  width: 100%;
}

#sc03 .step02,
#sc03 .step03 {
  width: 90%;
  transform: translateX(-3.5%);
}

#sc03 .step02 .ttl,
#sc03 .step03 .ttl {
  width: 76%;
}

#sc03 .step02 .btn,
#sc03 .step03 .btn {
  width: 95%;
}

#sc03 .step02 .txt,
#sc03 .step03 .txt {
  width: 38.843%;
  margin: 0 auto;
}

#sc03 .step02 .txt img,
#sc03 .step03 .txt img {
  width: 100%;
}

#sc03 .step04 .ttl {
  width: 72%;
  text-align: left;
}

#sc03 .step04 .ttl img {
  width: 100%;
}

#sc03 .step04 .fig {
  width: 100%;
}

#sc03 .step04 .fig img {
  width: 100%;
}

#sc03 .step04 .fig.sp {
  display: none;
}

#sc03 .col03.col_l {
  margin: 5% 0;
}

#sc03 .step02 .col04.col_l {
  margin: 6% 0;
}

#sc03 .step03 .col04.col_l {
  margin: 4.5% 0;
}

#sc03 .step04 .col05.col_l {
  margin: 3.5% 0;
}

#sc03 .regist .ttl {
  width: 56.44%;
}

#sc03 .arrow {
  width: 19.2307%;
  height: auto;
  margin: 0 auto;
  padding-top: 3.9%;
  background: url(../img/arow.png) no-repeat;
  background-size: contain;
  background-position: center;
}

@media screen and (max-width: 767px) {
  body.sp #sc03 h3 {
    width: 37%;
  }
  body.sp #sc03 .box15 {
    margin: 10% 0;
  }
  body.sp #sc03 .detail {
    padding: 5% 0;
  }
  body.sp #sc03 .step02,
  body.sp #sc03 .step03 {
    width: 100%;
    transform: none;
  }
  body.sp #sc03 .step04 .fig {
    width: 80%;
    margin: 0 auto;
  }
  body.sp #sc03 .step04 .fig.pc {
    display: none;
  }
  body.sp #sc03 .step04 .fig.sp {
    display: block;
  }
  body.sp #sc03 .col03.col_l, body.sp #sc03 .col03.col_r {
    float: none;
    width: 85%;
    margin: 0 auto;
  }
  body.sp #sc03 .col03.col_l {
    padding-bottom: 5%;
  }
  body.sp #sc03 .col04.col_l, body.sp #sc03 .col04.col_r {
    float: none;
    width: 85%;
    margin: 0 auto;
  }
  body.sp #sc03 .col04.col_l {
    padding-bottom: 5%;
  }
  body.sp #sc03 .col05.col_l, body.sp #sc03 .col05.col_r {
    float: none;
    width: 85%;
    margin: 0 auto;
  }
  body.sp #sc03 .col05.col_l {
    padding-bottom: 5%;
  }
  body.sp #sc03 .decoration {
    display: none;
  }
  body.sp #sc03 .arrow {
    width: 33%;
    padding-top: 6%;
  }
}

/*---------sc03 end------------*/
/*---------sc04------------*/
#sc04 h3.ttl01 {
  width: 26.95%;
}

#sc04 h3.ttl02 {
  width: 64.229%;
}

#sc04 .btn_howto {
  width: 100%;
  margin: 0 auto;
}

#sc04 .btn_howto a:hover {
  opacity: .8;
}

#sc04 .btn_howto img {
  width: 50%;
}

@media screen and (max-width: 767px) {
  body.sp #sc04 h3.ttl01 {
    width: 37%;
  }
  body.sp #sc04 h3.ttl02 {
    width: 89%;
  }
  body.sp #sc04 .col02.col_l, body.sp #sc04 .col02.col_r {
    float: none;
    width: 85%;
    margin: 0 auto;
  }
  body.sp #sc04 .btn {
    position: relative;
    width: 85%;
    margin: 0 auto;
    transform: none;
  }
}

/*---------sc04 end------------*/
/*---------sc05------------*/
#sc05 .ss li {
  position: absolute;
  height: auto;
}

#sc05 .ss li.item01 {
  top: -48%;
  right: -8%;
  width: 42.526%;
}

#sc05 .ss li.item02 {
  top: 34%;
  right: -26%;
  width: 42.526%;
}

#sc05 .ss li .ss_01,
#sc05 .ss li .ss_02 {
  display: block;
  content: '';
  padding-top: 90.909%;
}

#sc05 .ss li .ss_01 {
  background: url(../img/sc05_ss_01.png) no-repeat;
  background-size: contain;
  background-position: center;
}

#sc05 .ss li .ss_02 {
  background: url(../img/sc05_ss_02.png) no-repeat;
  background-size: contain;
  background-position: center;
}

#sc05 .read {
  width: 64%;
}

#sc05 .read img {
  width: 100%;
}

#sc05 .link {
  margin: 5% 0;
  text-align: center;
}

#sc05 .link br {
  display: none;
}

#sc05 .btn_howto {
  width: 50%;
  margin: 0 auto;
}

#sc05 .btn_howto:hover {
  opacity: .8;
}

#sc05 .btn_howto img {
  width: 100%;
}

body.sp #sc05 .ss li.item01 {
  top: -26%;
}

body.sp #sc05 .ss li.item02 {
  display: none;
}

@media screen and (max-width: 1000px) {
  #sc05 .ss li.item01 {
    top: -26%;
  }
  #sc05 .ss li.item02 {
    display: none;
  }
  #sc05 p.link br {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  #sc05 .regist .ttl {
    width: 44.5%;
  }
  #sc05 .regist .btnlist {
    width: 80%;
  }
}

/*---------sc05 end------------*/
/*---------help------------*/
.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5% !important;
}

/*---------help end------------*/
/*---------copyright------------*/
.copy{text-align: center;}
/*---------copyright end------------*/