@charset "UTF-8";
/* media-queries.css */
@media screen and (max-width: 1441px) {
  /* 1440px以下 */ }
@media screen and (max-width: 1081px) {
  /* 1080px以下 */
  #globalNav {
    width: 32vw; } }
@media screen and (max-width: 821px) {
  /* 820px以下 */
  body {
    font-size: 14px; }

  #header {
    padding: 2em 5vw; }
    #header .txt .desc {
      display: none; }

  #footer {
    padding: 1em 5vw; }

  #globalNav {
    width: 60vw; }
    #globalNav ul li.contact .mail {
      display: block;
      font-size: 200%; }

  #content .inner {
    padding: 10em 10vw; }
  #content.privacy .inner {
    padding-top: 5em; }
  #content .main ul li {
    padding-top: 75%; }
  #content .about .inner .box .jp {
    margin-bottom: 2em; }
  #content .about .inner .box .en {
    display: block; }
  #content .service .inner ._flex {
    flex-wrap: wrap; }
  #content .service .inner .desc {
    margin-bottom: 5em;
    padding-bottom: 5em; }
    #content .service .inner .desc .titleBox,
    #content .service .inner .desc .box {
      width: 100%; }
    #content .service .inner .desc .titleBox {
      margin-bottom: 4em; }
  #content .service .inner .service_list._flex {
    flex-wrap: wrap; }
    #content .service .inner .service_list._flex .serviceBox {
      margin: 0 0 4em;
      width: 100%; }
      #content .service .inner .service_list._flex .serviceBox:last-child {
        margin-bottom: 0; }
      #content .service .inner .service_list._flex .serviceBox .stitBox {
        margin-bottom: 1em; }
  #content .company .inner ._flex {
    flex-wrap: wrap; }
    #content .company .inner ._flex .txtBox,
    #content .company .inner ._flex .mapBox {
      width: 100%; }
    #content .company .inner ._flex .txtBox {
      margin-bottom: 4em; }
  #content .career .inner ._flex,
  #content .contact .inner ._flex {
    flex-wrap: wrap; }
    #content .career .inner ._flex .left,
    #content .career .inner ._flex .right,
    #content .contact .inner ._flex .left,
    #content .contact .inner ._flex .right {
      width: 100%; }
    #content .career .inner ._flex .left,
    #content .contact .inner ._flex .left {
      margin-bottom: 4em; }

  .tab {
    display: block; }

  .tab-none {
    display: none; }

  img {
    width: 100%;
    height: auto; } }
@media screen and (max-width: 481px) {
  /* 480px以下 */
  #footer {
    padding-top: 5em;
    text-align: center; }

  #globalNav {
    width: 100vw; }
    #globalNav ul {
      width: 80%; }

  #content .inner {
    padding: 5em 10vw; }
  #content.privacy .inner {
    padding-top: 2.5em; }
  #content .main ul li {
    font-size: 90%; }
  #content .works .inner ul.works_list li {
    margin-bottom: 2em;
    width: 100%; }
  #content .company .inner .companyBox .txtBox ul li span {
    display: block;
    margin-bottom: 0.25em;
    width: 100%; }
  #content .company .inner .companyBox .mapBox iframe {
    aspect-ratio: 4 / 5; }
  #content .career {
    margin-bottom: 5em;
    padding-bottom: 5em; }
  #content .contact .inner ._flex .right a {
    font-size: 175%; }

  .pc {
    display: none; }

  .tab {
    display: none; }

  .smp {
    display: block; } }