@media (max-width: 767px) {
  .navbar-fixed-top {
    background-color: transparent!important;
  }
  .navbar-brand img {
    display: none!important;
  }
  .navbar-collapse {
    background-color: #ffa500!important;
  }
}



.brand-image {
  background: none;
}






.brand-image .pricetar-research-header {
  /* position: absolute; */
  /* top: 20px; */
  /* perspective: 300px; */
  /* margin-top: 100px; */
  z-index: 30;
  max-width:450px;
  margin-top: 45px;
}


@media (min-width: 992px) {
.brand-image .pricetar-research-header {
  position: absolute;
  width: 100%;
  height: auto;
}
}


.brand-image .pricetar-research-header2 {
  position: absolute;
  top: 0px;
  perspective: 300px;
  margin-top: 100px;
  z-index: 29;
}



@media (max-width: 991px) {
.brand-image .pricetar-research-header {
  /* margin-top: 45px; */
}
.brand-image .pricetar-research-header2 {
  top: 20px;
  margin-top: 10vh;
}
}


@media (max-width: 480px) {
  .brand-image .pricetar-research-header, 
  .brand-image .pricetar-research-header2 {
    top: 0px;
    margin-top: 0px;
}
}







.brand-image .pricetar-research-header2 img {
  padding-top: 0px;
  transform: rotateX(50deg);
  -webkit-animation: bounceIn 0.5s ease-in-out 1s both;
  animation-delay: 2s;
}



@media (max-width: 991px)  {
  .brand-image .pricetar-research-header img {
    max-width: 100%;
    margin-top: 0px;
    max-height: 80vh;
  }




  .brand-image .container{
    width: 100%;
}
}





@media (max-width: 480px) {
  .brand-image .pricetar-research-header img {
    max-width: 100%;
    margin-top: -20px;
    max-height: 80vh;
}
}





@-webkit-keyframes brandpricetar-research-header {
  from {
    transform: rotateX(90deg);
    padding-top: 200px;
    opacity:0;
  }
  to {
    transform: rotateX(0deg);
    padding-top: 0;
    opacity:1;
  }
}

@media (max-width: 480px) {
@-webkit-keyframes brandpricetar-research-header {
  from {
    transform: rotateX(90deg);
    padding-top: 0px;
  }
  to {
    transform: rotateX(0deg);
    padding-top: 0;
  }
}
}




@media (max-width: 480px){
.brand-image {
    padding: 15px 0 0px 0;
    background-size: cover;
    background-position: center;
    height: auto;
    padding-bottom: 0px;
}
}





@media (max-width: 480px){
.brand-image .brand-application2 {
    margin-top: 0px;
    /* padding: 0 5px 0 20px; */
}
}





.research-moc01-sp {
  position: relative;
  background-image: url(https://lp.pricetar.com/lp/common/research-moc01back.png);
  background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
  background-position:left center;                     /* 画像の表示位置を指定  */
  background-size:cover;                               /* 画像のサイズを指定    */
  width:100%;
  height: 60vh;
  margin-top: -30px;
  overflow: hidden;
}

.research-moc01-sp img {
  height: 60vh;
}

@media (max-height: 800px){
.research-moc01-sp,
.research-moc01-sp img {
  height: 65vh;
}
  }









  .research-moc02-sp{
    position: relative;
    background-image: url(https://lp.pricetar.com/lp/common/research-moc02back.png);
    background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:center center;                     /* 画像の表示位置を指定  */
    background-size:contain;                               /* 画像のサイズを指定    */
    width:100%;                                            /* 横幅のサイズを指定    */
    height:512px;  
  }

  @media (min-width: 767px){
    .research-moc02-sp {
      margin-left: 23%;
    }
}
  
  .research-moc02-sp img{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
  }








  @media (min-width: 767px){
    .research-moc01-sp,
    .research-moc01-sp img {
      height: 600px;
      margin-top: 0px;
      max-width: 600px;
      position: absolute;
    }
    .pricetar-research-header {
      position: absolute;
    }
      }



      @media (min-width: 992px){
        .research-moc01-sp,
        .research-moc01-sp img {
          height: 700px;
          margin-top: 0px;
          max-width: 700px;
          
        }
          }



          .brand-image .brand-application2 {
            margin-top: 0px;
          }
          
          
          
          
          
          .row-15 {
            margin-left: -15px;
            margin-right: -15px;
          }
          
          @media (max-width: 480px) {
          .row-15 {
            margin-left: -15px;
            margin-right: -15px;
          }
          }
          




.pricetar-research-02{
  background: url(https://lp.pricetar.com/lp/common/pricetar-research-bg002.jpg);
  background-size: cover;
  background-position: left;
  color: #222222;
  position: relative;
  z-index: 0;
  overflow: hidden;
}


.pricetar-research-02:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: -1;
}



.pricetar-research-03{
  background: url(https://lp.pricetar.com/lp/common/pricetar-research-bg003.jpg);
  background-size: cover;
  background-position: 55% 50%;
  color: #222222;
  position: relative;
  z-index: 0;
  overflow: hidden;
}


.pricetar-research-03:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: -1;
}


.pricetar-research-04{
  background: url(https://lp.pricetar.com/lp/common/pricetar-research-bg004.jpg);
  background-size: cover;
  background-position: 38% 50%;
  color: #222222;
  position: relative;
  z-index: 0;
  overflow: hidden;
}


.pricetar-research-04:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: -1;
}




.pricetar-research-06{
  background: url(https://lp.pricetar.com/lp/common/pricetar-research-bg006.jpg);
  background-size: cover;
  background-position: 50% 50%;
  color: #222222;
  position: relative;
  z-index: 0;
  overflow: hidden;
}


.pricetar-research-06:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: -1;
}



.pricetar-research-07{
  background: url(https://lp.pricetar.com/lp/common/pricetar-research-bg007.jpg);
  background-size: cover;
  background-position: 40% 50%;
  color: #222222;
  position: relative;
  z-index: 0;
  overflow: hidden;
}


.pricetar-research-07:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: -1;
}





.pricetar-research-08{
  background: url(https://lp.pricetar.com/lp/common/pricetar-research-bg008.jpg);
  background-size: cover;
  background-position: 35% 50%;
  color: #222222;
  position: relative;
  z-index: 0;
  overflow: hidden;
}


.pricetar-research-08:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: -1;
}






.black p {
  text-shadow: 
      white 1px 1px 5px, white -1px 1px 5px;
  }

  


.white p {
  text-shadow: 
      black 0px 0px 5px, black -0px 0px 5px;
  }

  


  .dropshadow-gold {
    -webkit-filter:drop-shadow(0px 0px 10px rgba(132, 97, 2, 0.82));
    -moz-filter:drop-shadow(0px 0px 10px rgba(132, 97, 2, 0.82));
    -ms-filter:drop-shadow(0px 0px 10px rgba(132, 97, 2, 0.82));
    filter:drop-shadow(0px 0px 10px rgba(132, 97, 2, 0.82));
  }



  .pdlr-15up {
  padding-left: 15px;
  padding-right: 15px;
}

  .pdlr-0 {
    padding-left: 0px;
    padding-right: 0px;
  }




  .mglr-15down {

    padding-left: -15px;
    padding-right: -15px;
  }
  
    .mglr-0 {
      padding-left: 0px;
      padding-right: 0px;
    }
  
  
.brand-image .research-moc01-logo {
  position: absolute;
  top: 0px;
  z-index: 29;
}








.brand-image .research-moc01-logo img {
  padding-top: 0px;
  transform: rotateX(50deg);
  -webkit-animation: bounceIn .5s ease-in-out 1s both;
  animation-delay: 2s;
}