@charset "UTF-8";
/* Scss Document */
/*-----------------------タブレット用---------------------------*/
@media screen and (min-width: 500px) and (max-width: 1029px) {
  /*--------------------top----------------------*/
  /* line 5, ../scss/tablet.scss */
  .wrapper {
    width: 100%;
    overflow: hidden;
  }

  /* line 9, ../scss/tablet.scss */
  .inner {
    width: 90%;
    margin: 0 auto;
  }

  /* line 13, ../scss/tablet.scss */
  .caption {
    font-size: 2.7em;
  }

  /* line 16, ../scss/tablet.scss */
  .caption02 {
    font-size: 1.5em;
    margin-bottom: 50px;
  }

  /* line 20, ../scss/tablet.scss */
  .topImg {
    height: 450px;
  }
  /* line 22, ../scss/tablet.scss */
  .topImg p {
    width: 50%;
  }
  /* line 25, ../scss/tablet.scss */
  .topImg .headline {
    margin-top: 2em;
    font-size: 1em;
  }

  /* line 30, ../scss/tablet.scss */
  section {
    padding: 80px 0 60px;
    margin: 0 auto;
  }

  /* line 34, ../scss/tablet.scss */
  #topinfo {
    right: 2%;
  }

  /* line 38, ../scss/tablet.scss */
  #name .pc_logo {
    display: inline-block !important;
    width: 85%;
  }
  /* line 42, ../scss/tablet.scss */
  #name .sp_logo {
    display: none !important;
  }

  /* line 46, ../scss/tablet.scss */
  #telImg {
    width: 24%;
    margin-right: 8%;
  }

  /* line 50, ../scss/tablet.scss */
  #mark {
    width: 15% !important;
    margin-left: -7% !important;
  }

  /*-------------------ハンバーガーメニュー--------------------*/
  /* line 55, ../scss/tablet.scss */
  #gheader {
    position: relative;
  }

  /* line 58, ../scss/tablet.scss */
  #hummove {
    display: block;
    cursor: pointer;
    width: 80px;
    z-index: 9999;
    position: fixed;
    top: 0%;
    right: 1%;
  }
  /* line 67, ../scss/tablet.scss */
  #hummove .border01, #hummove .border02, #hummove .border03 {
    transition: .5s;
  }
  /* line 71, ../scss/tablet.scss */
  #hummove.active {
    transition: 0.5s;
  }
  /* line 73, ../scss/tablet.scss */
  #hummove.active .border02 {
    opacity: 0;
  }
  /* line 76, ../scss/tablet.scss */
  #hummove.active .border01 {
    transform: rotateZ(45deg);
    transform-origin: 30% 50px;
  }
  /* line 80, ../scss/tablet.scss */
  #hummove.active .border03 {
    transform: rotateZ(-45deg);
    transform-origin: 30% 80px;
  }

  /* line 86, ../scss/tablet.scss */
  #hum {
    display: block;
    width: 100%;
    height: 110vh;
    margin-top: -20%;
    margin-left: -5%;
    transition: all .5s ease-in;
    position: fixed;
    background-color: #fff;
    right: -100vw;
  }
  /* line 96, ../scss/tablet.scss */
  #hum.slidebox {
    right: -0vw;
  }

  /* line 100, ../scss/tablet.scss */
  #gnavi {
    width: 110vw;
    height: 110vh;
    display: block;
    z-index: 9998;
  }
  /* line 105, ../scss/tablet.scss */
  #gnavi ul {
    display: block !important;
    margin-top: 40%;
    margin-left: 25%;
    width: 80%;
  }
  /* line 110, ../scss/tablet.scss */
  #gnavi ul li {
    margin: 0px;
    border-bottom: 1px solid #ddd;
    width: 70%;
  }
  /* line 115, ../scss/tablet.scss */
  #gnavi ul a {
    font-size: 1.4em !important;
    color: #555;
    display: block;
  }

  /* line 123, ../scss/tablet.scss */
  .home .title {
    width: 100% !important;
    margin-top: -3% !important;
    margin-left: 2% !important;
    font-size: 1.6em !important;
  }
  /* line 131, ../scss/tablet.scss */
  .home .box dl:nth-child(3) {
    margin-top: 6% !important;
  }
  /* line 135, ../scss/tablet.scss */
  .home .box dl dd h3 {
    font-size: 1.1em !important;
    letter-spacing: -1.5px;
    padding: 10px 0 3px 0 !important;
  }
  /* line 140, ../scss/tablet.scss */
  .home .box dl dd p {
    font-size: 0.9em !important;
  }
  /* line 147, ../scss/tablet.scss */
  .home #service li {
    flex-basis: 47%;
    height: 250px;
    margin-right: 0;
    margin-bottom: 10px;
  }
  /* line 152, ../scss/tablet.scss */
  .home #service li:nth-child(1), .home #service li:nth-child(3) {
    margin-right: 10px;
  }
  /* line 155, ../scss/tablet.scss */
  .home #service li:nth-child(3)::after, .home #service li:nth-child(4)::after {
    background-position: center;
  }
  /* line 158, ../scss/tablet.scss */
  .home #service li a {
    height: 250px;
    font-weight: normal;
    font-size: 1.2em !important;
  }
  /* line 162, ../scss/tablet.scss */
  .home #service li a span {
    margin-top: 0;
  }
  /* line 164, ../scss/tablet.scss */
  .home #service li a span::after {
    top: 160px;
    font-size: .8em;
    padding: 7px 20px;
  }
  /* line 173, ../scss/tablet.scss */
  .home .mg {
    margin-top: 30px;
    width: 85%;
    margin: 30px auto;
  }
  /* line 179, ../scss/tablet.scss */
  .home #info article {
    margin-bottom: 2%;
  }
  /* line 182, ../scss/tablet.scss */
  .home #info p {
    margin-left: 8em;
    margin-top: -1.8em;
  }

  /* line 189, ../scss/tablet.scss */
  #gfooter #footerin {
    height: auto;
    padding: 20px 0;
  }
  /* line 193, ../scss/tablet.scss */
  #gfooter small {
    padding: 5px 0;
  }

  /* line 198, ../scss/tablet.scss */
  .cm #hummove, .wk #hummove, .ga #hummove, .rc #hummove, .cnt #hummove {
    right: 3%;
  }
  /* line 201, ../scss/tablet.scss */
  .cm #telImg, .wk #telImg, .ga #telImg, .rc #telImg, .cnt #telImg {
    margin-right: 10%;
  }
  /* line 204, ../scss/tablet.scss */
  .cm section, .wk section, .ga section, .rc section, .cnt section {
    padding: 30px 0 60px;
    margin: 0 auto;
  }
  /* line 208, ../scss/tablet.scss */
  .cm p, .wk p, .ga p, .rc p, .cnt p {
    font-size: 1em;
  }

  /*-----------------------company-----------------------------*/
  /* line 214, ../scss/tablet.scss */
  .cm iframe {
    width: 100%;
  }
  /* line 217, ../scss/tablet.scss */
  .cm .boxshadow p {
    font-size: 1.1em;
  }

  /*-------------------------work------------------------------*/
  /*------------------------gallery-----------------------------*/
  /* line 230, ../scss/tablet.scss */
  .ga .gallery01 li {
    flex-basis: 40%;
    margin-right: 25px;
  }

  /*------------------------recruit-----------------------------*/
  /* line 240, ../scss/tablet.scss */
  .rc #rcImg {
    margin-top: 30px;
  }
  /* line 243, ../scss/tablet.scss */
  .rc section {
    padding: 50px 0 60px !important;
  }
  /* line 246, ../scss/tablet.scss */
  .rc .caption02 {
    margin-bottom: 30px;
  }
  /* line 249, ../scss/tablet.scss */
  .rc .top {
    margin-top: 80px;
  }

  /*-------------------------contact----------------------------*/
  /* line 257, ../scss/tablet.scss */
  .cnt .caption {
    left: -120px;
  }
  /* line 260, ../scss/tablet.scss */
  .cnt .ct::after {
    width: 100%;
    left: 0;
    z-index: -1;
  }
  /* line 265, ../scss/tablet.scss */
  .cnt table {
    width: 100%;
  }
  /* line 268, ../scss/tablet.scss */
  .cnt td {
    width: 60%;
    padding: 10px;
  }
  /* line 271, ../scss/tablet.scss */
  .cnt td input {
    width: 98%;
  }
  /* line 275, ../scss/tablet.scss */
  .cnt textarea {
    width: 100%;
  }
  /* line 278, ../scss/tablet.scss */
  .cnt #form-center {
    margin-top: 40px;
  }
  /* line 281, ../scss/tablet.scss */
  .cnt .submit_button {
    font-size: 1.1em !important;
  }

  /*------------------------------------------------------------*/
}

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