/*:::::::::::::::
~~~~~~~~~~~~~~~
Responsive Settings
~~~~~~~~~~~~~~~
Break Point
  PC : 1020px
  TB : 768px
  SP : 480px
~~~~~~~~~~~~~~~
:::::::::::::::*/
.pc-hidden {
  display: none;
}
/*:::::::::::::::
Fix For Parallax
:::::::::::::::*/
@media screen and (max-width:1260px) {
  .main-visual-bg-video {
    overflow: hidden;
    height: 100vh;
    width: auto;
  }
}
/*:::::::::::::::
Start SP Size
:::::::::::::::*/
@media screen and (max-width:480px) {
  /* common */
  .pc-hidden {
    display: inline;
  }
  /* section-1 */
  .main-logo-wrapper .main-logo  {
    width: 70%;
  }
  .main-visual-bg-video {
    overflow: hidden;
    height: 100vh;
    width: auto;
  }
  /* section-3 */
  .section-3-inner {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-3-inner-box-wrapper-top ,
  .section-3-inner-box-wrapper-bottom {
    flex-direction: column;
  }
  .section-3-inner-box-wrapper .service-box {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
  }
  /* section-4 */
  .trouble-wrapper {
    height: 75rem;
  }
  .trouble-wrapper .trouble {
    width: 80%
  }
  .trouble-wrapper .trouble-1 {
    top: 0;
    left: 3%;
  }
  .trouble-wrapper .trouble-2 {
    top: 15%;
    left: 6%;
  }
  .trouble-wrapper .trouble-3 {
    top: 30%;
    left: 4%;
  }
  .trouble-wrapper .trouble-4 {
    top: 45%;
    left: 5%;
  }
  .trouble-wrapper .trouble-5 {
    top: 60%;
    left: 8%;
  }
  .trouble-wrapper .trouble-6 {
    top: 75%;
    left: 2%;
  }
  /* section-5 */
  #section-5 {
    padding: 25px 0;
  }
  .section-5-inner {
    width: 95%;
  }
  .section-5-inner .section-5-title {
    font-size: 28px;
    margin: 20px 0;
  }
  .contact-us-link {
    width: 90%;
    margin-top: 30px;
  }
  /* footer */
  .footer-inner {
    width: 90%;
    padding-top: 20px;
  }
  .footer-inner-inner {
    flex-direction: column;
  }
  .footer-inner-inner-left ,
  .footer-inner-inner-right {
    width: 100%;
    padding-left: 0;
  }
  .footer-inner-inner-left ul ,
  .footer-inner-inner-right ul {
    padding-left: 2rem;
  }
  .footer-inner-inner-right-logo {
    text-align: center;
  }
  .footer-inner-inner-right-logo img {
    width: 70%;
  }
  #footer .copyright {
    margin-top: 0;
  }
}
/*:::::::::::::::
:::::::::::::::
end header & footer & home
:::::::::::::::
:::::::::::::::*/
/*:::::::::::::::
page.php style
:::::::::::::::*/
@media screen and (max-width:480px) {
  .service-page .page-content .service-summary-bottom {
    flex-direction: column-reverse;
  }
  .service-page .page-content .service-summry-bottom-left ,
  .service-page .page-content .service-summry-bottom-right {
    width: 100%;
    padding: 0;
  }
  .contact-form-block .wpcf7 {
    width: 80%;
    margin: 0 auto;
  }
}