@charset "UTF-8";
/* Scss Document */
/*------------------------スマホ用レスポンシブ-------------------------------------------------------------------*/
@media screen and (max-width: 499px) {
  /*-----------------------top----------------------------*/
  /* line 8, ../scss/mobile.scss */
  .wrapper {
    width: 100%;
    overflow: hidden;
  }

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

  /* line 16, ../scss/mobile.scss */
  .caption {
    font-size: 2em;
  }

  /* line 19, ../scss/mobile.scss */
  .caption02 {
    font-size: 1.2em;
    margin-bottom: 40px;
  }

  /* line 23, ../scss/mobile.scss */
  .topImg {
    height: 250px;
  }
  /* line 25, ../scss/mobile.scss */
  .topImg p {
    width: 60%;
  }
  /* line 28, ../scss/mobile.scss */
  .topImg .headline {
    margin-top: 2.6em;
    font-size: .7em;
  }

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

  /* line 37, ../scss/mobile.scss */
  #telImg {
    display: none !important;
  }

  /* line 41, ../scss/mobile.scss */
  #name .pc_logo {
    display: none !important;
  }
  /* line 44, ../scss/mobile.scss */
  #name a {
    display: flex;
  }
  /* line 47, ../scss/mobile.scss */
  #name .sp_logo {
    display: inline-block !important;
    width: 70%;
  }

  /* line 53, ../scss/mobile.scss */
  #topimage .pc {
    display: none;
  }
  /* line 56, ../scss/mobile.scss */
  #topimage .sp {
    display: block;
  }

  /* line 60, ../scss/mobile.scss */
  .loading #mark {
    width: 20%;
    top: 40%;
    margin-left: -10%;
  }

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

  /* line 70, ../scss/mobile.scss */
  #hummove {
    display: block;
    cursor: pointer;
    width: 50px;
    top: 1.5%;
    right: 2%;
  }
  /* line 77, ../scss/mobile.scss */
  #hummove .border01, #hummove .border02, #hummove .border03 {
    transition: .5s;
  }
  /* line 81, ../scss/mobile.scss */
  #hummove.active {
    transition: 0.5s;
  }
  /* line 83, ../scss/mobile.scss */
  #hummove.active .border02 {
    opacity: 0;
  }
  /* line 86, ../scss/mobile.scss */
  #hummove.active .border01 {
    transform: rotateZ(45deg);
    transform-origin: 30% 50px;
  }
  /* line 90, ../scss/mobile.scss */
  #hummove.active .border03 {
    transform: rotateZ(-45deg);
    transform-origin: 30% 80px;
  }

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

  /* line 109, ../scss/mobile.scss */
  #gnavi {
    width: 110vw;
    height: 110vh;
    display: block;
    z-index: 9999;
  }
  /* line 114, ../scss/mobile.scss */
  #gnavi ul {
    display: block !important;
    margin-top: 50%;
    margin-left: 25%;
    width: 80%;
  }
  /* line 119, ../scss/mobile.scss */
  #gnavi ul li {
    margin: 0;
    width: 70%;
    border-bottom: 1px solid #ddd;
  }
  /* line 124, ../scss/mobile.scss */
  #gnavi ul a {
    font-size: 1.1em !important;
    display: block;
    padding: 20px 0 10px !important;
  }

  /*------------------------サービス-------------------------*/
  /* line 134, ../scss/mobile.scss */
  #service .title {
    width: 90%;
    line-height: 1.2em;
    font-size: 1.3em;
    top: -6.5%;
    left: 7%;
    text-align: left;
  }
  /* line 141, ../scss/mobile.scss */
  #service .title br {
    display: none;
  }
  /* line 145, ../scss/mobile.scss */
  #service .box {
    display: block;
    margin-top: 130px;
  }
  /* line 148, ../scss/mobile.scss */
  #service .box dl {
    display: block;
    width: 90%;
    margin: 30px auto;
    padding: 10px;
  }
  /* line 153, ../scss/mobile.scss */
  #service .box dl dt img {
    width: 100%;
    height: 250px;
  }
  /* line 158, ../scss/mobile.scss */
  #service .box dl dd h3 {
    font-size: 1.3em !important;
  }
  /* line 166, ../scss/mobile.scss */
  #service ul {
    display: block !important;
    margin: 25% auto 0;
  }
  /* line 169, ../scss/mobile.scss */
  #service ul li {
    height: 200px;
    margin-right: 0 !important;
  }
  /* line 172, ../scss/mobile.scss */
  #service ul li:nth-child(3)::after, #service ul li:nth-child(4)::after {
    background-position: center;
  }
  /* line 175, ../scss/mobile.scss */
  #service ul li a {
    font-size: 1.2em;
    height: 200px;
  }
  /* line 178, ../scss/mobile.scss */
  #service ul li a span {
    margin-top: 0;
    font-weight: normal;
  }
  /* line 181, ../scss/mobile.scss */
  #service ul li a span::after {
    top: 130px;
    font-size: 0.7em !important;
    padding: 5px 10px;
  }

  /*----------------------info--------------------------*/
  /* line 196, ../scss/mobile.scss */
  #info time {
    margin-left: 1em;
  }
  /* line 199, ../scss/mobile.scss */
  #info p {
    margin-left: 9em;
    margin-top: -1.9em;
    font-size: .9em;
  }

  /*-----------------------topinfo-----------------------*/
  /* line 208, ../scss/mobile.scss */
  #topinfo {
    width: 60px;
    bottom: 20%;
    right: 1%;
  }

  /*-----------------------gfooter-------------------------*/
  /* line 215, ../scss/mobile.scss */
  #gfooter #footerin {
    height: auto;
    padding: 20px 0 10px;
  }
  /* line 218, ../scss/mobile.scss */
  #gfooter #footerin p.font {
    font-size: 1.2em !important;
    font-weight: bold;
  }
  /* line 222, ../scss/mobile.scss */
  #gfooter #footerin address {
    font-size: 0.8em !important;
    font-weight: normal;
    letter-spacing: -.7px;
  }
  /* line 227, ../scss/mobile.scss */
  #gfooter #footerin p {
    font-size: 1.2em !important;
    margin-bottom: 5px;
  }
  /* line 231, ../scss/mobile.scss */
  #gfooter #footerin span {
    font-size: 0.6em !important;
  }
  /* line 235, ../scss/mobile.scss */
  #gfooter small {
    font-size: .6em;
    letter-spacing: 1px;
  }

  /* line 244, ../scss/mobile.scss */
  .cm section, .wk section, .ga section, .rc section, .cnt section {
    padding: 40px 0 60px;
    margin: 0 auto;
  }
  /* line 248, ../scss/mobile.scss */
  .cm p, .wk p, .ga p, .rc p, .cnt p {
    font-size: 1em;
  }

  /*----------------------company--------------------------*/
  /* line 256, ../scss/mobile.scss */
  .cm .company_00_l {
    font-size: 1em;
  }
  /* line 258, ../scss/mobile.scss */
  .cm .company_00_l p {
    font-size: 1.1em;
  }
  /* line 262, ../scss/mobile.scss */
  .cm iframe {
    width: 100%;
    height: 280px;
  }
  /* line 266, ../scss/mobile.scss */
  .cm th, .cm td {
    letter-spacing: -1px;
    padding: 7px;
  }
  /* line 272, ../scss/mobile.scss */
  .cm .cp_pic ul li {
    flex-basis: 100%;
    margin-top: 20px;
  }
  /* line 275, ../scss/mobile.scss */
  .cm .cp_pic ul li:nth-child(3), .cm .cp_pic ul li:nth-child(4) {
    margin-top: 20px !important;
  }

  /*-------------------------work------------------------------*/
  /* line 286, ../scss/mobile.scss */
  .wk .wkbox li {
    flex-basis: 47% !important;
    margin-bottom: 24px !important;
  }
  /* line 292, ../scss/mobile.scss */
  .wk .work02 .company_01 {
    display: block;
  }
  /* line 295, ../scss/mobile.scss */
  .wk .work02 p {
    padding: 20px 0;
  }

  /*------------------------gallery-----------------------------*/
  /* line 306, ../scss/mobile.scss */
  .ga .wkbox li {
    flex-basis: 47% !important;
    margin-bottom: 24px !important;
  }
  /* line 312, ../scss/mobile.scss */
  .ga .gabox ul {
    display: block;
  }
  /* line 315, ../scss/mobile.scss */
  .ga .gabox li {
    width: 80% !important;
    text-align: center;
    margin: 40px auto;
  }

  /*------------------------recruit-----------------------------*/
  /* line 328, ../scss/mobile.scss */
  .rc #rcImg {
    margin-top: 50px;
  }
  /* line 331, ../scss/mobile.scss */
  .rc th {
    padding: 10px 5px;
    width: 25%;
  }
  /* line 335, ../scss/mobile.scss */
  .rc td {
    width: 75%;
  }

  /*-------------------------contact----------------------------*/
  /* line 343, ../scss/mobile.scss */
  .cnt .caption {
    display: block !important;
    padding: 0 !important;
    position: static !important;
    margin-left: 0 !important;
  }
  /* line 349, ../scss/mobile.scss */
  .cnt .ct::after {
    display: none;
  }
  /* line 352, ../scss/mobile.scss */
  .cnt form {
    margin: 50px 0;
  }
  /* line 355, ../scss/mobile.scss */
  .cnt table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
  }
  /* line 360, ../scss/mobile.scss */
  .cnt th, .cnt td {
    display: block;
    width: 100%;
    padding: 5px 0 0;
  }
  /* line 365, ../scss/mobile.scss */
  .cnt td {
    margin-bottom: 15px;
  }
  /* line 367, ../scss/mobile.scss */
  .cnt td input, .cnt td textarea {
    width: 90%;
  }
  /* line 371, ../scss/mobile.scss */
  .cnt .submit_button {
    height: 50px !important;
    width: 190px !important;
    line-height: 50% !important;
    font-size: 1em !important;
    margin: 8% 3% !important;
  }
  
  
  
  
  
  
  
  
 
.tp_yt_txt01{
    font-size: 19px;
    line-height: 140%;
    text-align: center;
    margin-bottom:30px;
}


.tp_yt_txt01 span::before {
	content: "\A" ;
	white-space: pre ;
}




.tp_yt_out{
    width: 100%;
    height: auto;

    margin-bottom: 40px;

}

.tp_yt_out ul li{
    width: 100%;
    height: auto;
    float: none;
    margin-right:0% !important;  
    margin-bottom: 20px;
}

.tp_yt_out ul li:nth-child(2n){
    margin-right: 0;
    float: right;
    margin-bottom: 0;
}



.tp_yt_in {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  box-sizing: border-box;
}



.tp_yt_in iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  leftt: 0;
}



/* clear ---------------------------------------------- */


.clearfix:after {
height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
 overflow:hidden;
}
.clearfix {
 display:inline-block;
overflow:hidden;
}

/* exlude MacIE5 \*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}












 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

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