html {
  -webkit-overflow-scrolling: touch;
  max-width: 1100px;
  margin: 0 auto;

}



body {
  margin: 0;
  padding: 0;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic Pro', "Meiryo UI", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", sans-serif;
  text-decoration: none;
  color: inherit;
  font-feature-settings: "palt";
  background-color: #fff;

}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}

.main {
  width: 100%;
}

img {
  width: 100%;
  margin: -1px;
  padding: 0px;
  vertical-align: bottom;
}

* {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

ul li {
  width: 50%;
}

div {
  padding: 0px;
}

a {
  text-decoration: none;
  color: black;

}

a:hover {
  opacity: 0.95;
}



/*2026.06/17修正・追加*/

.page-wrapper {
  overflow: hidden;
}

.text-area {
  position: relative;
}


.text-obj01,
.text-obj02,
.text-obj03,
.text-obj03-1,
.text-obj04,
.text-obj04-1,
.text-obj05,
.text-obj06,
.text-obj07,
.text-obj07-1,
.text-obj07-2 {
  position: absolute;
  /* left: 50%;
    transform: translateX(-50%); */
  font-size: clamp(8px, 2vw, 23px);
  line-height: 2.4;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  width: 100%;
  letter-spacing: 2px;
}

/* 運動が続かないあなたへ。グンゼスポーツが楽しく続く理由 */
.text-obj01 {
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10%;
}

/* 
@media screen and (max-width: 750px) {
  .text-obj01 {
    bottom: 5%;
  }
} */

/* そのこだわりが詰まっているのがです。 */
.text-obj02 {
  top: 13%;
  left: 50%;
  transform: translateX(-50%);
  color: #3E3A39;
  font-size: clamp(12px, 3vw, 38px);
  line-height: 1.8;
  letter-spacing: 5px;
}

/* 
@media screen and (max-width: 750px) {
  .text-obj02 {
    top: 2%;
  }
} */

/* こんなお悩みありませんか？ */
.text-obj03 {
  text-align: center;
  font-size: clamp(12px, 3vw, 38px);
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 5px;
}

.text-obj03-1 {
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: clamp(8px, 1.8vw, 18px);
  line-height: 2.4;
  font-weight: 600;
  width: 100%;
  text-align: center;

}

/* ジムプログラムとは？ */
.text-obj04 {
  top: 2%;
  font-size: clamp(18px, 3vw, 38px);
  text-align: center;
}

.text-obj04-1 {
  top: 7%;
  font-size: clamp(14px, 2.6vw, 30px);
  text-align: center;
}

/* ジムプログラムは続くの？ */
.text-obj05 {
  top: 4%;
  font-size: clamp(18px, 3vw, 38px);
  text-align: center;
}

/* はじめの一歩は、ジムプログラムから。 */
.text-obj06 {
  top: 8%;
  color: #3e3a39;
  font-size: clamp(11px, 2.6vw, 28px);
}

/* blank */
.text-obj07 {
  top: 8%;
  font-size: clamp(11px, 2.6vw, 30px);
}

.text-obj07-1 {
  top: 35%;

}

.text-obj07-2 {
  top: 64%;
  font-size: clamp(18px, 3vw, 38px);
  line-height: 2;
  color: #FFF100;
  text-shadow: #7ECEF4 5px 0 5px;
}

span.big {
  font-size: 45px;
  line-height: 1.4;


}

.marker-orange {
  background: linear-gradient(transparent 65%, #ea5504 50%);
}

.marker-blue {
  background: linear-gradient(transparent 65%, #008ccf 50%);
}

.marker-yellow {
  background: linear-gradient(transparent 0, #FFF100 0);
}

.marker-skyblue {
  background: linear-gradient(transparent 65%, #7ecef4 50%);
}

.l-wrapper {
  display: block;
  font-size: 0;
}

.l-wrapper img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 500px) {
  span.big {
    font-size: 15px;
    line-height: 1.7;


  }

}

/* -----------店舗一覧~フッター設定--------------- */

p.tenpo0 {
  padding: 0px;
  font-size: 32px;
  letter-spacing: 0.1em;
  text-align: center;
  color: white;
  font-weight: 800;
}

p.tenpo {
  padding: 55px 0 10px 0;
  font-size: 34px;
  letter-spacing: 0.1em;
  text-align: center;
  color: white;
  font-weight: 800;
}

p.tenpo2 {
  padding: 0;
  font-size: 30px;
  letter-spacing: 0.1em;
  text-align: left;
  color: #514e4d;
  font-weight: 800;
}

.shop {
  margin: 0 auto;
}

.flexwrap {
  display: flex;
  flex-wrap: wrap;
  /* 折返し指定 */
  justify-content: center;
  max-width: 900px;
  margin: 135px auto 80px;
}

.flexwrap_re {
  display: flex;
  flex-wrap: wrap-reverse;
  /* 逆折返し指定 */
  justify-content: center;
  max-width: 100%;
  margin: 135px auto 80px;
}

.bodyr {
  max-width: 450px;
}

.bodyl {
  max-width: 410px;
  padding-right: 40px;
}

.parea {
  height: 221px;
  background-color: #efeedf;
}

.obje {
  position: absolute;
  width: 30%;
  top: 38%;
  right: -20%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.objeleft {
  position: absolute;
  width: 60%;
  top: 65%;
  left: -10%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: -1;
}

.objeright {
  position: absolute;
  width: 60%;
  top: 65%;
  right: -50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: -1;
}

.objeleft2 {
  position: absolute;
  width: 60%;
  top: 85%;
  left: -50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: -1;
}

.ake {
  margin: 100px 0 0 0;
}

.bgariright {
  height: 171px;
  background-color: #009CE5;
  width: calc(100% + 140px);
  margin: 0 -40px;
}

.bgarileft {
  height: 171px;
  background-color: #009CE5;
  width: calc(100% + 140px);
  margin: 0 0 0 -100px;
}

.pari {
  max-width: 900px;
  margin: 80px auto 0;
}

.footbg {
  background-color: #86b3e0;

}

.shop {
  max-width: 900px;
  margin-top: 0px;
  padding-bottom: 50px;
}

.tophe {
  max-width: 500px;
  margin: 80px auto 150px;

}

#footerFloatingMenu {
  display: block;
  max-width: 100%;

  position: fixed;
  left: -20px;

  bottom: 2px;
  z-index: 999;
  text-align: center;

}

#footerFloatingMenu #inner {
  margin: auto;


}

div#footer-bk {
  background-color: #fff;
  max-width: 1100px;
  position: fixed;
  bottom: 0px;
}

/* フッターの表示領域 */
div#footer {
  max-width: 1100px;
  margin: auto;
}

.t1 {
  position: absolute;
  top: 6%;
  left: 6.5%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);

}

.t2 {
  position: absolute;
  width: 80%;
  top: 9%;
  left: 55%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);

}

.t3 {
  position: absolute;
  width: 35%;
  top: 10%;
  right: -15%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.t4 {
  position: absolute;
  width: 37%;
  top: 54%;
  left: 25.5%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.t5 {
  position: absolute;
  width: 31.5%;
  top: 57%;
  right: -6.5%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.area {
  position: relative;
}

.area2 {
  margin-top: 120px;
  padding-bottom: 130px;
  position: relative;
}

.area3 {
  position: relative;
  padding-bottom: 130px;
}

.area4 {
  position: relative;
  padding-bottom: 0;
}

.act {
  position: absolute;
  width: 75%;
  top: 14%;
  left: 50%;
  font-size: 28px;
  color: #605267;
  font-weight: bold;
  text-align: center;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);

}

.areashop {
  position: relative;
  margin: 40px auto;
  padding-bottom: 30px;
  max-width: 95%;

}

/* 中間調整用 ************************************************************************************************/
@media screen and (min-width:751px) and (max-width:1100px) {

  .flexwrap {
    display: flex;
    flex-wrap: wrap;
    /* 折返し指定 */
    justify-content: center;
    max-width: 750px;
    margin: 5vw auto 7vw;
  }

  .bodyr {
    max-width: 350px;
  }

  .bodyl {
    max-width: 300px;
    padding-right: 5vw;
  }

  .shop {
    max-width: 750px;
    padding-bottom: 5vw;
  }

  p.tenpo2 {
    padding: 0;
    font-size: 2.8vw;
    letter-spacing: 0.1em;
    text-align: left;
    color: #514e4d;
    font-weight: 800;
  }

  .area {
    position: relative;

  }

  .area2 {
    margin-top: 10vw;
    padding-bottom: 8vw;
    position: relative;
  }

  .area3 {
    position: relative;
    padding-bottom: 2vw;
  }

  .act {
    position: absolute;
    width: 80%;
    top: 14%;
    left: 50%;
    font-size: 2.5vw;
    color: #605267;
    font-weight: bold;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

  }

  .parts {
    max-width: 83%;
    margin: -5.5vw auto 0;
    display: block;
  }

  .partsp {
    max-width: 83%;
    margin: 0 auto;
    padding: 0 0 80px 0;
    display: block;
  }

  .parts0 {
    max-width: 83%;
    margin: 20px auto;
    display: block;
  }

  .parts0b {
    max-width: 83%;
    margin: -135px auto;
    display: block;
  }

  p.p1 {
    position: absolute;
    width: 80%;
    top: 10%;
    left: 50%;
    color: #fff;
    font-size: 6vw;
    text-align: center;
    font-weight: bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.p1b {
    position: absolute;
    width: 80%;
    top: 10%;
    left: 50%;
    color: #fff;
    font-size: 6vw;
    text-align: center;
    font-weight: bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.p2 {
    position: absolute;
    width: 80%;
    top: 21%;
    left: 50%;
    color: #fff;
    font-size: 3vw;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.p3 {
    position: absolute;
    width: 80%;
    bottom: 5%;
    left: 50%;
    color: #fff;
    font-size: 3vw;
    line-height: 2;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.p4 {
    position: absolute;
    width: 80%;
    bottom: 12%;
    left: 50%;
    color: #fff;
    font-size: 3vw;
    line-height: 1.5;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  /* span.big {
    font-size: 6vw;
    text-align: center;
    font-weight: bold;
  } */

  p.cc1 {
    position: absolute;
    width: 80%;
    top: 0%;
    left: 50%;
    color: #000;
    font-size: 4vw;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.cc2 {
    position: absolute;
    width: 80%;
    top: 8%;
    left: 50%;
    color: #000;
    font-size: 6vw;
    text-align: center;
    font-weight: bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.cc3 {
    position: absolute;
    width: 80%;
    bottom: 8%;
    left: 50%;
    color: #000;
    font-size: 3.5vw;
    line-height: 2;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.normal {
    width: 80%;
    color: #fff;
    font-size: 3.5vw;
    padding: 0;
    margin: 0 auto;
    display: block;
    line-height: 1.75;
    text-align: center;
  }

  p.normalpull {
    width: 80%;
    color: #fff;
    padding: 0;
    font-size: 3.5vw;
    margin: -15vw auto 0;
    display: block;
    line-height: 1.75;
    text-align: center;
  }

  .bgptn1 {
    background-color: #57c1da;
    padding-top: 6%;
  }

  .bgptn2 {
    background-color: #e8f5fc;
    padding: 5vw 0 0 0;
  }

  .bgptn3 {
    background-color: #86c9e3;
    padding: 0;
  }

  p.bmae {
    color: #385b94;
    text-align: center;
    padding: 1vw;
  }

  p.ccen {
    color: #000;
    text-align: center;
  }

}

/* SP-------------------------------------------------------------- */
@media only screen and (max-width: 750px) {

  h1 {
    margin: 0 auto;
    padding: 0;
    font-size: 6vw;
    color: #824e00;
    letter-spacing: 0.1em;
    text-align: center;
  }

  .area {
    position: relative;

  }

  .area2 {
    margin-top: 10vw;
    padding-bottom: 8vw;
    position: relative;
  }

  .area3 {
    position: relative;
    padding-bottom: 2vw;
  }

  .act {
    position: absolute;
    width: 80%;
    top: -3%;
    left: 50%;
    font-size: 2.8vw;
    color: #605267;
    font-weight: bold;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

  }

  .areashop {
    position: relative;
    overflow: hidden;

    margin: 0 auto;
    margin-bottom: 5vw;
    max-width: 90%;
  }



  .h4modoki {
    margin: 10vw 0 0 0;
    padding: 4vw 0 0 0vw;
    font-weight: 800;
    font-size: 4vw;
    text-align: center;
    line-height: 1.45;
    letter-spacing: 0.1em;
    color: #fff;
  }

  .h6modoki {
    margin: 10vw 0 0 0;
    padding: 4vw 0 0 0vw;
    font-weight: 800;
    font-size: 4vw;
    text-align: center;
    line-height: 1.45;
    letter-spacing: 0.1em;
    color: #fff;
  }

  p.sm {
    padding: 10vw;
    font-size: 7vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
    text-align: center;
    color: #824e00;
    font-weight: 800;
  }

  p.tenpo0 {
    padding: 0px;
    font-size: 5vw;
    letter-spacing: 0.1em;
    text-align: center;
    color: white;
    font-weight: 800;
  }

  p.tenpo {
    padding: 10vw 0 5vw 0;
    font-size: 6.5vw;

    letter-spacing: 0.1em;
    text-align: center;
    color: white;
    font-weight: 800;
  }

  p.tenpo2 {
    padding: 0;
    font-size: 4.5vw;
    letter-spacing: 0.1em;
    text-align: left;
    color: #514e4d;
    font-weight: 800;
  }

  .shop {
    margin: 0 auto;
  }

  .flexwrap {
    display: flex;
    flex-wrap: wrap;
    /* 折返し指定 */
    justify-content: center;
    max-width: 900px;
    margin: 5vw auto 7vw;
  }

  .flexwrap_re {
    display: flex;
    flex-wrap: wrap-reverse;
    /* 逆折返し指定 */
    justify-content: center;
    max-width: 100%;
    margin: 5vw auto 7vw;
  }

  .bodyr {
    max-width: 100%;
  }

  .bodyl {
    max-width: 100%;
    padding-right: 0;
  }

  .parea {
    height: 40vw;
    background-color: #efeedf;
  }

  .obje {
    position: absolute;
    width: 30%;
    top: 38%;
    right: -20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    overflow: hidden;

  }

  .objeleft {
    position: absolute;
    width: 60%;
    top: 65%;
    left: -10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: -1;
    overflow: hidden;
  }

  .objeright {
    position: absolute;
    width: 60%;
    top: 65%;
    right: -50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: -1;
    overflow: hidden;
  }

  .objeleft2 {
    position: absolute;
    width: 60%;
    top: 85%;
    left: -50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: -1;
    overflow: hidden;
  }

  .ake {
    margin: 10vw 0 0 0;
  }

  .bgariright {
    height: 32vw;
    background-color: #009CE5;
    margin: 0;
    max-width: 750px;
    width: calc(100% + 0px);
    width: 100%;
  }

  .bgarileft {
    height: 32vw;
    margin: 0;
    max-width: 750px;
    background-color: #009CE5;
    width: calc(100% + 0px);
    width: 100%;
  }

  .pari {
    max-width: 900px;
    margin: 80px auto 0;

  }

  .footbg {
    background-color: #86b3e0;
  }



  .parts {
    max-width: 83%;
    margin: -5.5vw auto 0;
    display: block;
  }

  .partsp {
    max-width: 83%;
    margin: 0 auto;
    padding: 0 0 80px 0;
    display: block;
  }

  .parts0 {
    max-width: 83%;
    margin: 20px auto;
    display: block;
  }

  .parts0b {
    max-width: 83%;
    margin: -135px auto;
    display: block;
  }

  p.p1 {
    position: absolute;
    width: 80%;
    top: 5%;
    left: 50%;
    color: #fff;
    font-size: 6vw;
    text-align: center;
    font-weight: bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.p1b {
    position: absolute;
    width: 80%;
    top: 6%;
    left: 50%;
    color: #fff;
    font-size: 6vw;
    text-align: center;
    font-weight: bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.p2 {
    position: absolute;
    width: 80%;
    top: 16%;
    left: 50%;
    color: #fff;
    font-size: 3vw;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.p3 {
    position: absolute;
    width: 80%;
    bottom: 0%;
    left: 50%;
    color: #fff;
    font-size: 3vw;
    line-height: 2;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.p4 {
    position: absolute;
    width: 80%;
    bottom: 7%;
    left: 50%;
    color: #fff;
    font-size: 3vw;
    line-height: 1.5;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  span.big {
    font-size: 6vw;
    text-align: center;
    font-weight: bold;
  }

  p.cc1 {
    position: absolute;
    width: 80%;
    top: -4.5%;
    left: 50%;
    color: #000;
    font-size: 4vw;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.cc2 {
    position: absolute;
    width: 80%;
    top: 3%;
    left: 50%;
    color: #000;
    font-size: 6vw;
    text-align: center;
    font-weight: bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.cc3 {
    position: absolute;
    width: 80%;
    bottom: 6%;
    left: 50%;
    color: #000;
    font-size: 3.5vw;
    line-height: 2;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  p.normal {
    width: 80%;
    color: #fff;
    font-size: 3.5vw;
    padding: 0;
    margin: 0 auto;
    display: block;
    line-height: 1.75;
    text-align: center;
  }

  p.normalpull {
    width: 80%;
    color: #fff;
    padding: 0;
    font-size: 3.5vw;
    margin: -15vw auto 0;
    display: block;
    line-height: 1.75;
    text-align: center;
  }

  .bgptn1 {
    background-color: #57c1da;
    padding-top: 6%;
  }

  .bgptn2 {
    background-color: #e8f5fc;
    padding: 5vw 0 0 0;
  }

  .bgptn3 {
    background-color: #86c9e3;
    padding: 0 0 5vw 0;
  }

  p.bmae {
    color: #385b94;
    text-align: center;
    padding: 1vw;
  }

  p.ccen {
    color: #000;
    text-align: center;
  }

  section {
    background-color: #00b9e7;
  }


  .tophe {
    max-width: 90%;
    margin: 10vw auto 15vw;

  }

  /* テーブルカスタム */

  .table {
    overflow-x: scroll;
  }

  .designtable {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 5vw;
    margin-left: 5vw;
    margin-bottom: 10vw;
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
  }

  .designtable th {
    padding: 3vw;
    background: #ed6d00;
    border: solid 1px #666666;
    color: #ffffff;
  }

  .designtable td {
    padding: 2vw;
    border: solid 1px #666666;
  }

  .designtable td:first-child {
    background: #ecbf98;
  }

  p.tbl {
    font-size: 4vw;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.1em;
    padding: 0;

  }

  p.mark {
    font-size: 4vw;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.1em;
    padding: 0;
  }

  p.mark::after {
    content: "";

    display: inline-block;
    vertical-align: middle;
    width: 10vw;
    height: 10vw;
    background: url(../images/mark.png) no-repeat;
    background-size: contain;
    margin-left: 10px;


  }

  /* テーブルここまで */
  .footbg {
    background-color: #86b3e0;
  }

  .shop {
    max-width: 95%;
    padding-bottom: 50px;
  }

  .t1 {
    position: absolute;
    top: 6%;
    left: 10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

  }

  .t2 {
    position: absolute;
    width: 80%;
    top: 9%;
    left: 65%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

  }

  .t3 {
    position: absolute;
    width: 50%;
    top: 27%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  .t4 {
    position: absolute;
    width: 60%;
    top: 40.5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  .t5 {
    position: absolute;
    width: 50%;
    top: 66%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

}