.pc-header {
  display: none;
  height: 0;
}
.sb-header {
  display: none;
  height: 0;
}
body {
  overflow-x: clip;
}
.bottom_menu {
  display: none !important;
}
.speedia_contents {
  position: relative;
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  display: block;
  border: solid 8px #f08300;
  min-height: 1000px;
  font-family: "Noto Sans JP";
  line-height: 1.6;
  font-weight: 500;
  color: #2f2f2f;
  letter-spacing: 0;
  overflow-x: clip;
}
.speedia_contents .isPc {
  display: none;
}
.speedia_contents h2 {
  margin: 0;
}
.speedia_contents .head_en {
  text-align: center;
  margin: 0 auto;
}
.speedia_contents .head_en img {
  height: 20px;
}
.speedia_contents .head2 {
  background: transparent;
  text-align: center;
  font-size: clamp(40px, 10.256410256410255vw, 66.66666666666667px);
  font-weight: bold;
  margin-bottom: 32px;
  padding: 0;
}
.speedia_contents .head3 {
  font-weight: bold;
  font-size: clamp(24px, 6.153846153846154vw, 40px);
  padding: 0;
  margin: 0 0 40px;
}
.speedia_contents .inner {
  max-width: 1128px;
  padding: 0 clamp(16px, 4.102564102564102vw, 26.666666666666668px);
  margin: 0 auto;
}
.speedia_contents .text_slide_background {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 0;
  opacity: 1;
}
.speedia_contents .text_slide_wrap .splide__slide {
  min-width: 1735px;
}
.speedia_contents .text_slide_wrap .splide__slide img {
  height: 110px;
}
.speedia_contents .fixbtn {
  position: fixed;
  bottom: 3px;
  left: 0;
  right: 0;
  z-index: 9;
  max-width: 390px;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.speedia_contents .fixbtn.is-active {
  opacity: 1;
  visibility: visible;
}
.speedia_contents .splide {
  visibility: visible;
}
.speedia_contents .splide__list {
  height: auto;
}
.speedia_contents .splide__arrows {
  position: absolute;
  width: 100%;
  height: 44px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
}
.speedia_contents .splide__arrow {
  width: 44px;
  height: 44px;
  background-color: transparent;
  background-size: 100% 100%;
  opacity: 1;
}
.speedia_contents .splide__arrow svg {
  display: none;
}
.speedia_contents .splide__arrow--prev {
  left: 0;
  background-image: url("/img/usr/freepage/speedia/3pre_arr.png");
}
.speedia_contents .splide__arrow--next {
  right: 0;
  background-image: url("/img/usr/freepage/speedia/3nx_arr.png");
}
.speedia_contents .main_logo {
  position: absolute;
  top: -8px;
  left: -8px;
  background: #f08300;
  border: none;
  width: 93px;
  height: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}
.speedia_contents .main_logo img {
  border: 3px solid #fff;
  width: 77px;
}
.speedia_contents .main_visual {
  position: relative;
  background-color: #f08300;
  padding-bottom: 24px;
}
.speedia_contents .main_visual_ttl {
  margin-top: -25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.speedia_contents .main_visual_ttl span {
  padding-left: 4px;
  margin-right: -10px;
}
.speedia_contents .main_visual_mask {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: -18px;
  margin-left: -8px;
  margin-right: -8px;
  width: clamp(85px, 21.794871794871796vw, 141.66666666666666px);
  height: clamp(85px, 21.794871794871796vw, 141.66666666666666px);
}
.speedia_contents .main_visual .lineup_section {
  padding: 0 16px;
}
.story_section {
  position: relative;
  padding: 171px 0 194px;
}
.story_section .head2_wrap {
  min-height: clamp(365px, 93.58974358974359vw, 608.3333333333334px);
  padding: 90px 24px 115px;
  text-align: center;
  background-image: url("/img/usr/freepage/speedia/2bg_donburi.png");
  background-repeat: no-repeat;
  background-size: clamp(464px, 118.97435897435898vw, 773.3333333333334px) auto;
  background-position: top center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.5;
  font-weight: 700;
}
.story_section .head2_wrap small {
  letter-spacing: 0.05em;
  font-size: clamp(20px, 5.128205128205128vw, 33.333333333333336px);
}
.story_section .head2_wrap strong {
  line-height: 1.3;
  font-weight: 700;
  font-size: clamp(36px, 9.230769230769232vw, 60px);
}
.story_section .head2_wrap span {
  letter-spacing: 0.05em;
  font-size: clamp(30px, 7.692307692307693vw, 50px);
}
.story_section img.story_on {
  position: absolute;
  border: 1px solid #f08300;
  border-radius: 20px;
  width: clamp(165px, 42.30769230769231vw, 275px);
}
.story_section img.story_1 {
  top: 60px;
  left: 24px;
}
.story_section img.story_2 {
  top: 93px;
  right: -29px;
}
.story_section img.story_3 {
  display: none;
}
.story_section img.story_4 {
  display: none;
}
.story_section img.story_5 {
  bottom: 133px;
  left: -23px;
}
.story_section img.story_6 {
  bottom: 80px;
  right: 24px;
}
.staff_section,
.features_section,
.lineup_section,
.history_section {
  padding: 80px 0;
}
#staff .item_slide_wrap.splide {
  visibility: visible;
  background: #f08300;
  padding: 12px 0;
}
#staff .item_slide_wrap .splide__list {
  height: auto;
}
#staff .item_slide_wrap .splide__slide {
  min-width: 402px;
  max-width: 402px;
}
.staff_section .head_en {
  width: 106px;
}
.staff_section .txt {
  text-align: center;
  font-weight: bold;
  font-size: clamp(18px, 4.615384615384616vw, 30px);
  margin-bottom: 20px;
}
.staff_section .note {
  text-align: right;
  font-weight: 500;
  font-size: clamp(8px, 2.051282051282051vw, 13.333333333333334px);
  margin-top: 20px;
}
.staff_section .staff_review {
  padding: 30px clamp(14px, 3.589743589743589vw, 23.333333333333332px);
  border: 3px solid #f08300;
  border-radius: 44px;
  overflow-x: clip;
}
.staff_section .staff_review .ttl {
  text-align: center;
  font-size: clamp(24px, 6.153846153846154vw, 40px);
  font-weight: bold;
}
.staff_section .staff_review .ttl span {
  display: inline-block;
  padding: 0 20px;
  position: relative;
}
.staff_section .staff_review .ttl span:before,
.staff_section .staff_review .ttl span:after {
  position: absolute;
  content: "";
  display: block;
  width: 3px;
  background-color: #2f2f2f;
  top: 6px;
  bottom: 4px;
}
.staff_section .staff_review .ttl span:before {
  left: 0;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
.staff_section .staff_review .ttl span:after {
  right: 0;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
.staff_section .staff_review dl {
  margin-top: 28px;
  padding: 0 6px;
}
.staff_section .staff_review dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.staff_section .staff_review dl dt figure {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(50px, 12.82051282051282vw, 83.33333333333333px);
}
.staff_section .staff_review dl dt span {
  font-size: clamp(16px, 4.102564102564102vw, 26.666666666666668px);
  font-weight: bold;
}
.staff_section .staff_review dl dd {
  margin-top: 8px;
  font-weight: bold;
  font-size: clamp(16px, 4.102564102564102vw, 26.666666666666668px);
}
.staff_section .staff_review .staff_review_slider {
  padding: 0 0 0 6px;
  margin-top: 40px;
  margin-right: -14px;
  padding-right: 24px;
}
.staff_section .staff_review .staff_review_slider .splide__track {
  overflow: visible;
}
.staff_section .staff_review .staff_review_slider .splide__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.staff_section .staff_review .staff_review_slider figure.splide__slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(260px, 66.66666666666666vw, 433.3333333333333px);
}
.staff_section .staff_review .staff_review_slider figure.splide__slide img {
  border: 1px solid #f08300;
  border-radius: 44px;
}
.staff_section .staff_review + .note {
  margin-bottom: 80px;
}
.staff_slide_wrap.splide {
  visibility: visible;
  margin-top: 40px;
  padding: 0 22px;
}
.staff_slide_wrap.splide .splide__arrows {
  left: 0;
}
.staff_slide_wrap.splide .splide__track {
  overflow: visible;
}
.staff_slide_wrap.splide .splide__list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
}
.staff_slide_wrap.splide .splide__slide {
  background: #fff;
  border-radius: 44px;
  border: solid 3px #f08300;
}
.staff_slide_wrap.splide .splide__slide img {
  border-radius: 40px 40px 0 0;
}
.staff_slide_wrap.splide .voice_comment {
  font-weight: bold;
  min-height: 164px;
  font-size: clamp(18px, 4.615384615384616vw, 30px);
  padding: 24px 32px;
}
.features_section {
  background-color: #fff7f2;
  background-image: url("/img/usr/freepage/speedia/4_bg_x.png");
  background-size: 66px;
  background-repeat: repeat;
  overflow-x: hidden;
}
.features_section .head_en {
  width: 168px;
}
.features_explain_list {
  margin-top: 80px;
}
.feature_slide_background {
  position: absolute;
  width: 100vw;
  top: -32px;
  left: 0;
  z-index: -2;
}
.featuretext_slide_wrap .splide__track {
  overflow: visible;
}
.featuretext_slide_wrap .splide__slide {
  min-width: 890px;
}
.featuretext_slide_wrap .splide__slide img {
  height: 70px;
}
.features_explain_block {
  position: relative;
  z-index: 1;
  padding: 61px clamp(21px, 5.384615384615385vw, 35px);
}
.features_explain_block:before {
  position: absolute;
  content: "";
  border: solid clamp(3px, 0.769230769230769vw, 5px) #f08300;
  border-radius: 44px;
  background: #fff;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.features_explain_block + .features_explain_block {
  margin-top: 80px;
}
.features_explain_block:first-of-type .block_num {
  width: 66px;
}
.features_explain_block:not(:first-of-type) .block_num {
  width: 75px;
}
.features_explain_block .block_num {
  z-index: 5;
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.features_explain_block .strongpoint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 24px;
  margin-top: 40px;
}
.features_explain_block .strongpoint span {
  vertical-align: super;
  display: inline-block;
  font-size: 10px;
}
.features_explain_block .strongpoint .txt {
  font-size: clamp(16px, 4.102564102564102vw, 26.666666666666668px);
  font-weight: bold;
}
.features_explain_block .strongpoint .note {
  font-weight: 500;
  text-align: right;
  margin-top: 8px;
  font-size: 10px;
}
.features_explain_block img.component {
  width: 100%;
  height: 189px;
  -o-object-fit: contain;
     object-fit: contain;
}
.features_explain_block .moreover_block {
  margin: 40px 0;
}
.features_explain_block .moreover_label {
  background: #f08300;
  border-radius: 38px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 49px;
  text-align: center;
  margin: 0 auto 24px;
}
.features_explain_block .moreover_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.features_explain_block .moreover_img img {
  width: 50%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.features_explain_block .moreover_txt {
  text-align: center;
  margin-top: 20px;
  font-weight: bold;
  font-size: clamp(20px, 5.128205128205128vw, 33.333333333333336px);
}
.features_explain_block .moreover_hand {
  background-image: url("/img/usr/freepage/speedia/4pf_hand.jpg");
  background-size: 100% auto;
  background-position: center;
  aspect-ratio: 1.484848484848485;
  font-size: clamp(18px, 4.615384615384616vw, 30px);
  text-align: center;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 20px;
  margin-top: 20px;
}
.features_explain_block .bottom_txt {
  text-align: center;
  font-weight: bold;
  font-size: clamp(20px, 5.128205128205128vw, 33.333333333333336px);
}
#feature01 .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
#feature02 .strongpoint {
  margin: 0 auto;
}
#feature02 .moreover_hand {
  background-image: url("/img/usr/freepage/speedia/4pf_body.jpg");
}
.prescription_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 34px;
     -moz-column-gap: 34px;
          column-gap: 34px;
  row-gap: 24px;
  margin: 24px 0;
}
.prescription_item {
  width: calc(50% - 17px);
}
.lineup_visual {
  line-height: 0;
}
.lineup_visual img {
  width: 100%;
  aspect-ratio: 390/478;
  -o-object-fit: cover;
     object-fit: cover;
}
.lineup_section {
  background: #f08300;
  padding-right: 2px;
  padding-left: 2px;
  margin: 0 -2px;
}
.lineup_section .head2 {
  color: #fff;
  margin-bottom: 80px;
}
.lineup_section .flex {
  gap: 74px;
}
.lineup_section .lineup_item {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  background: #fff;
  padding: 40px 32px;
  border-radius: 44px;
  margin-top: 24px;
}
.lineup_section .point {
  position: absolute;
  width: 120px;
  top: 40px;
  right: 32px;
}
.lineup_section .product {
  width: 100%;
  display: block;
  margin: 0 auto 24px;
}
.lineup_section .name {
  margin: 0 -20px;
  font-weight: bold;
  font-size: clamp(24px, 6.153846153846154vw, 40px);
}
.lineup_section .item_price {
  font-weight: bold;
  font-size: clamp(36px, 9.230769230769232vw, 60px);
}
.lineup_section .item_price strong {
  font-weight: bold;
  position: relative;
  bottom: -0.05em;
}
.lineup_section .item_price span {
  font-size: clamp(24px, 6.153846153846154vw, 40px);
}
.lineup_section .item_price_ttl {
  font-size: clamp(18px, 4.615384615384616vw, 30px);
  font-weight: bold;
  margin-bottom: clamp(-13px, -3.333333333333333vw, -21.666666666666668px);
}
.lineup_section .item_price_ttl strong {
  font-weight: bold;
  color: #f08300;
}
.lineup_section .item_discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  margin-top: clamp(5px, 1.282051282051282vw, 8.333333333333334px);
  margin-bottom: clamp(15px, 3.846153846153846vw, 25px);
}
.lineup_section .item_discount .item_price_ttl {
  font-size: clamp(16px, 4.102564102564102vw, 26.666666666666668px);
  margin-bottom: 0;
}
.lineup_section .item_discount .item_price s {
  text-decoration: none;
}
.lineup_section .item_discount .item_price strong {
  font-weight: bold;
  text-decoration: line-through;
  font-size: clamp(26px, 6.666666666666667vw, 43.333333333333336px);
}
.lineup_section .item_discount .item_price span {
  font-size: clamp(18px, 4.615384615384616vw, 30px);
}
.lineup_section .cart_btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #004121;
  background-image: url("/img/usr/freepage/speedia/btn_arrow.png");
  background-position: right 20px center;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: bold;
  border-radius: 40px;
  font-size: clamp(24px, 3.4vw, 32px);
  margin: 20px auto clamp(24px, 6.153846153846154vw, 40px);
  max-width: 320px;
  aspect-ratio: 278/64;
}
.lineup_section .sns_txt {
  width: 278px;
  display: block;
  margin: 0 auto;
}
.lineup_section .sns_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
.lineup_section .sns_icon img {
  width: 40px;
}
.lineup_section .lineup_list {
  position: relative;
  z-index: 0;
}
.lineup_slide_background {
  position: absolute;
  top: -30px;
  left: 0;
  z-index: -2;
}
.lineup_slide_background .splide__track {
  overflow: visible;
}
.lineup_slide_background .splide__slide {
  width: auto !important;
  height: 70px;
}
.lineup_slide_background .splide__slide img {
  width: 1104px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
}
.history_section .head2 {
  color: #f08300;
}
.history_section .thumbnail_slide_wrap {
  visibility: visible;
  padding: 0 clamp(16px, 4.102564102564102vw, 26.666666666666668px);
  margin-bottom: 40px;
}
.history_section .thumbnail_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 6px;
  padding: 0 24px;
  height: auto;
}
.history_section .thumbnail_item {
  cursor: pointer;
  text-align: center;
  min-width: calc(50% - 3px);
  height: 74px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 40px;
  color: #f08300;
  border: solid 1px #f08300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.history_section .thumbnail_item.is-active {
  background: #f08300;
  color: #fff;
}
.history_section .splide__track--nav>.splide__list>.splide__slide {
  border: solid 1px #f08300;
}
.history_slide_wrap {
  visibility: visible;
  padding: 0 38px;
}
.history_slide_wrap .history_slide {
  overflow: visible;
}
.history_slide_wrap .splide__list {
  height: auto;
}
.history_slide_wrap .splide__slide {
  border: solid 3px #f08300;
  border-radius: 44px;
}
.history_slide_wrap .splide__arrows {
  left: 18px;
  right: 18px;
  width: auto;
}
.history_slide_wrap .contents {
  padding: 24px 29px 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 12px;
}
.history_slide_wrap .num {
  height: 12px;
}
.history_slide_wrap .title {
  font-weight: bold;
  font-size: 18px;
}
.history_slide_wrap .txt {
  margin-top: 8px;
  font-size: 16px;
}
.history_slide_wrap .img {
  border-radius: 40px 40px 0 0;
  aspect-ratio: 298/274;
}
.voice_section {
  padding: 66px 0 100px;
}
.voice_section .head2 {
  color: #f08300;
}
.faq_section {
  background: #f08300;
  padding: 0 2px 80px;
  margin: 0 -2px;
}
.faq_section:before {
  display: block;
  content: "";
  width: 100%;
  height: 30px;
  background-color: #fff;
  background-image: url("/img/usr/freepage/speedia/9qa_bgtop_sp.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom -2px center;
  margin-bottom: 51px;
  margin-top: -1px;
}
.faq_section .head2 {
  color: #fff;
}
.faq_section .faq_block {
  background: #fff;
  max-width: calc(100% - 28px);
  margin: 24px auto 0;
  border-radius: 44px;
  padding: 21px 20px 16px 24px;
}
.faq_section .faq_block:not(:first-of-type) .answer {
  display: none;
}
.faq_section .quest {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-weight: bold;
  color: #f08300;
  font-size: 16px;
  padding: 12px 35px 16px 0;
  cursor: pointer;
}
.faq_section .quest.isActive:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.faq_section .quest:before {
  content: "Q";
  font-size: 20px;
  margin-right: 17px;
}
.faq_section .quest:after {
  position: absolute;
  display: inline-block;
  content: "";
  left: auto;
  right: 0;
  min-width: 10px;
  min-height: 10px;
  border-right: solid 2px #f08300;
  border-top: solid 2px #f08300;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-225deg);
          transform: translateY(-50%) rotate(-225deg);
}
.faq_section .answer {
  font-size: 12px;
  padding: 8px 35px 16px 30px;
}
.faq_section .answer span {
  font-size: 10px;
  vertical-align: super;
}
@-webkit-keyframes mainfade1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3);
  }
  90% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes mainfade1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3);
  }
  90% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes mainfade2 {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@keyframes mainfade2 {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@-webkit-keyframes maincopy {
  0% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes maincopy {
  0% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}