@import url("https://fonts.googleapis.com/css?family=Prompt:300,400,500,600,700&display=swap");
@import url("../fonts/agencyfb-reg/styles.css");
@media screen and (max-width: 1320px) { .container { padding-right: 60px; padding-left: 60px; max-width: none; } }

@media screen and (max-width: 1100px) { header .container { padding-left: 0; padding-right: 0; }
  header .menuright ul li { margin-left: 20px; }
  header .menuleft ul li { margin-right: 20px; } }

@media screen and (max-width: 1040px) { footer .wrap__footer { -webkit-box-pack: justify; justify-content: space-between; }
  footer .footer__social { width: 50%; }
  footer .copyright { width: 50%; text-align: right; } }

@media screen and (max-width: 992px) { .container { padding-right: 45px; padding-left: 45px; } }

@media screen and (max-width: 880px) { header .menu a { font-size: 1.4rem; letter-spacing: 2px; }
  .list__service { width: 100%; }
  .sec__maincontent--client .list__client ul li { margin-left: 40px; width: calc(33.33% - 40px); }
  .sec__maincontent--client .wrap__intro { padding-right: 30px; }
  .sec__maincontent--contactus .wrap__detail .wrap__map { width: 350px; height: 350px; margin: auto; } }

@media screen and (max-width: 800px) { ._set-tablet { display: inline-block; }
  header .menu { display: none; }
  header .logo { padding-top: 5px; }
  header .container { -webkit-box-pack: start; justify-content: flex-start; padding: 0 30px; }
  .btn__mobilemenu { display: block; opacity: 0; } }

@media screen and (max-width: 768px) { .container { padding-right: 30px; padding-left: 30px; }
  footer .footer__social { width: 100%; }
  footer .footer__social ul { -webkit-box-pack: center; justify-content: center; padding-bottom: 10px; }
  footer .footer__social ul li:last-child { margin-right: 0; }
  footer .copyright { width: 100%; text-align: center; }
  .sec__maincontent--client .wrap__intro { width: 100%; padding-top: 0; }
  .sec__maincontent--client .list__client { width: 100%; padding-top: 60px; }
  .sec__maincontent--client .list__client ul li { margin-left: 0px; width: 20%; }
  .sec__maincontent--client .list__client ul li img { width: 80px; }
  .sec__maincontent--contactus .wrap__detail .map { width: 100%; -webkit-box-pack: center; justify-content: center; }
  .sec__maincontent--contactus .wrap__detail .sentfrom { width: 100%; padding: 30px 0 0; }
  .sec__contactform { margin: auto; }
  .sec__maincontent--contactus .sentfrom .text { text-align: center; }
  .sec__maincontent--contactus .sentfrom .text h4 { text-align: center; }
  .sec__contactform .-btn button[value="Submit"] { float: none; margin: auto; width: 100%; }
  .sec__mainpagehome .container { min-height: calc(100vh - 370px); }
  .sec__mainpagehome .col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }
  .sec__mainpagehome .col2 .wrap { width: 100%; height: 350px; } }

@media screen and (max-width: 600px) { .sec__mainpagehome .container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-flow: column-reverse; }
  .sec__mainpagehome .col1 { width: 100%; margin-top: 40px; }
  .sec__mainpagehome .col2 { width: 100%; }
  .sec__mainpagehome .col2 .wrap { width: 60%; margin: auto; }
  .sec__mainpagehome .logocontent img { max-width: 200px; }
  .list__service .box { width: 100%; }
  .sec__mainpagehome .col2 .wrap { height: auto; } }

@media screen and (max-width: 560px) { ._set-mobile { display: inline-block; }
  .sec__mobilemenu.active { padding: 30px 60px; }
  .list__works .box { width: calc(33.33% - 10px); }
  .sec__maincontent--client .list__client ul li { margin-left: 0px; width: 25%; }
  .sec__maincontent--client .list__client ul li img { width: 80px; } }

@media screen and (max-width: 480px) { .container { padding-right: 20px; padding-left: 20px; }
  .sec__mobilemenu ul#list__mobilemainmenu > li a { font-size: 2.4rem; }
  .sec__mobilemenu ul#list__mobilemainmenu > li img { height: 35px; margin-right: 10px; }
  .sec__mobilemenu ul#list__mobilemainmenu > li .wrap__submenu { padding-left: 60px; }
  .sec__mobilemenu ul#list__mobilemainmenu > li .wrap__submenu a { letter-spacing: 0; }
  .sec__mobilemenu ul#list__mobilemainmenu .has_msubmenu .togglemenu { top: -5px; right: -5px; }
  .sec__mobilemenu.active { padding: 30px 40px; }
  .sec__mainpagehome .container { min-height: inherit; } }

@media screen and (max-width: 420px) { html { font-size: 55%; }
  h2 { letter-spacing: 10px; }
  h5, h4 { letter-spacing: 6px; }
  header .container { padding: 0 20px; }
  header .logo { width: 120px; }
  .btn__mobilemenu { right: 20px; }
  .sec__mobilemenu.active { padding: 30px; }
  .sec__mobilemenu .btn__closemenu { top: 10px; right: 8px; }
  .list__works .box { width: calc(50% - 10px); }
  .list__service .title { letter-spacing: 5px; }
  .sec__maincontent--client .list__client ul li img { width: 60px; }
  .sec__maincontent--contactus .sentfrom .text { padding-bottom: 20px; }
  .sec__maincontent--contactus .wrap__detail { padding-top: 50px; }
  .sec__mainpagehome .col2 .wrap { width: 80%; } }

@media screen and (max-width: 375px) { .sec__mobilemenu.active { top: 10px; left: 10px; right: 10px; bottom: 10px; width: auto; height: auto; }
  .sec__mobilemenu ul#list__mobilemainmenu > li img { height: 30px; margin-right: 5px; }
  .sec__mobilemenu.active { padding: 40px; }
  .btn__mobilemenu { right: 20px; }
  .sec__mobilemenu .btn__closemenu { -webkit-transform: scale(0.8); transform: scale(0.8); }
  .sec__mobilemenu .mobile__social li { margin-right: 10px; }
  footer .copyright { letter-spacing: 3px; } }

@media screen and (max-width: 320px) { .sec__mobilemenu.active { padding: 30px; }
  .sec__mobilemenu .btn__closemenu { top: 5px; right: 3px; -webkit-transform: scale(0.8); }
  .sec__mainpagehome .download { letter-spacing: 5px; }
  .sec__maincontent--client .list__client ul li { margin-left: 0px; width: 33.33%; }
  .sec__maincontent--client .list__client ul li img { width: 60px; }
  .sec__maincontent--contactus .wrap__detail .wrap__map { width: 280px; height: 280px; } }

/*# sourceMappingURL=screen.css.map */