@charset "UTF-8";

/* CSS Document */


@media only screen and (max-width: 768px) {
/**********************************************
レイアウト**********************************
***********************************************/
body{
	min-width: inherit;
	}
	
/**********************************************
採用情報一覧**********************************
***********************************************/
.job-list-title {
    font-size: 24px;
    line-height: 1.33333;
    color: #947347;
    padding: 20px 10px;
}
	
.job-list-box {
    text-align: left;
    background-color: #FFF;
    border: solid 1px #ddd;
    padding: 10px 5px;
    font-size: 14px;
    width: 48%;
    vertical-align: top;
}
.pankuzu ul {
    margin-bottom: 10px;
	padding: 10px;
}
/**********************************************
採用情報詳細**********************************
***********************************************/
.job-detail-title .container {
    width: 100%;
    max-width: 100%;
    background: #947347;
	margin: 0 auto;
}
.job-detail-box-discription .container {
    width: 96%;
    max-width: 100%;
    margin: 0 auto 60px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.job-box-warpper {
	width: 100%;
	margin: 0 auto;
}	
.job-detail-box-top .container {
    width: 96%;
    max-width: 1000px;
}
	.job-detail-box-top .job-detail-bar {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 auto 60px auto;
}
.job-detail-box-discription .cont-dis {
    width: 48%;
}
.job-detail-box-discription .cont-txt {
    width: 48%;
    padding: 10px;
    line-height: 2;
}
.job-detail-box-discription .cont-dis img {
	max-width: 100%;
}
 img{
	max-width: 100%;
	}
.job-detail-box-work .container {
    width: 96%;
    max-width: 100%;
    margin: 0 auto 60px auto;
}
.job-detail-box-merrit .container {
    width: 96%;
    max-width: 100%;
    margin: 0 auto 60px auto;
}
/**********************************************
採用希望フォーム**********************************
***********************************************/
.com-inner {
    width: 96%;
    margin: 0 auto;
}
.form-btn .submit {
	width: 96%;
    display: inline-block;
    background-color: #e83c3c;
	padding: 0px;

}
.job-list-box {
    width: 46%;
}
	
.sikaku-area label{
	float: left;
	width: 48%;
	padding: 10px 0;
}
	
.section-all-recrut-btn .archive-ara-rerut-wrap ul li{ 
	width: 70%;
}
	
/**********************************************
*********************************
***********************************************/



/**********************************************
スマホメニューレスポンシブ追加**********************
***********************************************/
  /* -------------------------------------------------
layout (Ipad)
----------------------------------------------------*/
  .for-pc,
  .btn-tel,
  .btn-menu,
  #g-nav-sp { display: none;}
  
  .for-sp { display: block !important;}

  body {
    min-width: 100%;
  }
  

/* ===== header ===== */
  header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #fff;
    width: 100%;
    height: 92px;
  }
  
  .header-sp-logo {
    padding-left: 2%;
  }

  .header-sp-logo a {
    display: block;
  }
  
  .utility-sp {
    position: relative;
    width: 100%;
    background: #fff;
    min-height: 64px;
  }
  
  .btn-tel,
  .btn-menu {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
  }
  
  .btn-tel { right: 92px;}
  
  .btn-tel a {
    background: #dc143c url("../image/icon_mail_sp.png") no-repeat center top 7px;
    background-size: 50px 50px;
    width: 92px;
    height: 92px;
    display: block;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    padding-top: 68px;
  }

  .header-sp-logo img{
    max-height: 92px;
    padding: 1%;
    box-sizing: border-box;
  }


/* ===== main visual ===== */
  .mv { margin-top: 92px;}
  
  .bg-slider {
    min-height: inherit !important;
    padding-top: 50vw !important;
  }


/* ===== global nav ===== */
  #g-nav-sp {
    position: absolute;
    top: 92px;
    left: 0;
    display: none;
    background-color: #38b135;
    width: 100%;
    height: 100vh;
    padding: 3%;
  }
  
  .g-nav-sp-in {
    height: 80vh;
    overflow-y: auto;
  }
  
  .dropmenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 5%;
  }
  
  #g-nav-sp li {
    background-color: #fff;
    width: 100%;
    margin-bottom: 8px;
  }
  
  .dropmenu li ul li { margin-bottom: 0 !important;}
  
  .dropmenu li ul { display: none;}
  
  #g-nav-sp li.harf { width: 49%;}
  
  #g-nav-sp li.harf a, li.g-nav-icon a {
    background-size: 24px 24px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  #g-nav-sp li, .dropmenu > li > a {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    padding-left: 4px;
  }
  
  .dropmenu li ul li a {
    border-top: 1px solid #ccc;
    padding: 15px 0 15px 52px !important;
  }
  
  
/* ハンバーガーメニュー */
  .menu-trigger, .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  
  .menu-trigger {
    position: relative;
    width: 92px;
    height: 92px;
    background-color: #38b135;
    padding: 0 15px;
  }
  
  .menu-trigger span {
    position: absolute;
    left: 22px;
    width: 49px;
    height: 2px;
    background-color: #fff;
  } 
  .menu-trigger span:nth-of-type(1) { top: 24px;}
  .menu-trigger span:nth-of-type(2) { top: 45px;}
  .menu-trigger span:nth-of-type(3) { bottom: 24px;}
  
  .active .menu-trigger span:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(-45deg);
    transform: translateY(20px) rotate(-45deg);
  }
  
  .active .menu-trigger span:nth-of-type(2) { opacity: 0;}
  
  .active .menu-trigger span:nth-of-type(3) {
    -webkit-transform: translateY(-21px) rotate(45deg);
    transform: translateY(-21px) rotate(45deg);
  }




/**********************************************
レスポンシブ追加**********************
***********************************************/

/* Top */
  header {
    padding: 0;
  }

  .top-sec .container {
    width: 90%;
  }

  .top-sec01 {
    margin-top: 92px;
  }

  .top-sec02 {
    background-size: 70%;
  }

  .top-sec04 {
    background-size: 50%, 50%;
  }

  .top-sec05-sub {
    background-size: 70%;
  }

  .top-sec05 .works-area ul li {
    width: 30%;
  }

  .top-sec06 {
    background-size: 60%;
  }

  footer .footer-contents .container {
    width: 90%;
  }
	
	.pankuzu {
		padding-top: 10%;
	}



  /* Company */

  .company-sec01 {
    margin-top: 92px;
  }

  .company-sec01 .container {
    padding: 20% 0;
  }

  .company-sec01 {
    background-size: 15%, 40%;
  }

  .company-sec01 .container {
    padding: 15% 0;
  }

  .company-bg-l {
    top: 36%;
  }

  .company-bg-r {
    top: 70%;
  }

  .company-sec .container {
    max-width: 90%;
  }

  .company-sec02 {
    background-size: 40%;
  }




.works-title img {
  margin-top: 92px;
}

.voice-point-box01 .voice-orange-bg, .voice-point-box02 .voice-orange-bg, .voice-point-box03 .voice-orange-bg {
  height: 300px;
}

.staff-voice-list .bx-wrapper {
	width:100%;
}
	
.staff-voice-list .all-pdf a {
		width: 100%;
	}

.prev-arrow {
    top: 100px;
}

.next-arrow {
	top: 100px;
}






}



@media only screen and (max-width: 600px) {
header .header img{
	max-width: 100%;
}
.job-detail-box-top .row .left {
    width: 100%;
    color: #ffffff;
    background: #947347;
}
.job-detail-box-top .row {
    font-size: 1.5rem;
    display: inherit;
    flex-wrap: wrap;
    border-bottom: 1px solid #a49c8a;
    line-height: 1.4;
}
	.job-detail-box-top .row .left, .job-detail-box-top .row .right {
    padding: 15px 25px;
    display: inherit;
    align-items: center;
}
.job-detail-box-top .row .right {
    width:96%;
}
.job-detail-box-discription .container {
    width: 96%;
    max-width: 100%;
    margin: 0 auto 60px auto;
    display: inherit;
    flex-wrap: wrap;
    justify-content: space-between;
}
.job-detail-box-discription .cont-dis {
    width: 100%;
}
.job-detail-box-discription .cont-txt {
    width: 100%;
    padding: 10px;
    line-height: 2;
}
.job-detail-box-discription .cont-dis a {
	display: block;
	text-align: center;
}
	
	header .header {
		position: initial;
	}

	.t-bannar {
	width: 50%;
    padding-top: 7%;
    position: initial;
    /* top: 0; */
    /* right: 0; */
	}






/**********************************************
スマホメニューレスポンシブ追加**********************
***********************************************/


/* ===== header ===== */
  header { height: 64px;}
  
  .header-sp-logo { width: 204px;}
  
  .header-sp-logo img {
    max-height: 64px;
    width: auto;
    padding: 2%;
    box-sizing: border-box;
  }
  
  .btn-tel { right: 64px;}
  
  .btn-tel a {
    background: #dc143c url("../image/icon_mail_sp.png") no-repeat center top 5px;
    background-size: 36px 36px;
    width: 64px;
    height: 64px;
    padding-top: 47px;
  }


/* ===== main visual ===== */
  .mv { margin-top: 64px;}


/* ===== global nav ===== */
  #g-nav-sp { top: 64px;}



  
  
/* ハンバーガーメニュー */  
  .menu-trigger {
    width: 64px;
    height: 64px;
  }
  
  .menu-trigger span {
    left: 15px;
    width: 34px;
  } 
  .menu-trigger span:nth-of-type(1) { top: 17px;}
  .menu-trigger span:nth-of-type(2) { top: 31px;}
  .menu-trigger span:nth-of-type(3) { bottom: 17px;}
  
  .active .menu-trigger span:nth-of-type(1) {
    -webkit-transform: translateY(14px) rotate(-45deg);
    transform: translateY(14px) rotate(-45deg);
  }
  
  .active .menu-trigger span:nth-of-type(3) {
    -webkit-transform: translateY(-14px) rotate(45deg);
    transform: translateY(-14px) rotate(45deg);
  }



/**********************************************
レスポンシブ追加**********************
***********************************************/


.top-sec01 {
    margin-top: 64px;
}

.top-sec .container {
    padding: 30px 0 0;
}

.top-sec03 img {
    width: 90%;
}

.top-sec04-title img {
    width: 90%;
}

.top-sec04 .top-sec04-title {
    padding: 4% 0;
}

.top-sec04-orange p {
    font-size: 1.5rem;
}

.top-sec04-desc p {
    padding: 4% 0;
    font-size: 1.3rem;
}

.top-sec05 .top-sec05-title {
    text-align: center;
}

.top-sec06-single {
    width: 100%;
    margin-bottom: 8%;
}

.top-sec07 img {
    width: 90%;
}

.footer-box-l, .footer-box-r {
    width: 100%;
}

.section-all-recrut-btn {
    width: 100%;
	margin-top: 20px;
}
	
.company-sec02 {
    background-size: 40%;
  }


.company-sec01 {
  margin-top: 64px;
}

.company-bg-l {
  top: 30%;
}

.company-bg-r {
  top: 70%;
}


.company-sec01 td, .company-sec01 th {
	font-size: 1rem;
}

	.company-sec02-box h2 {
		font-size: 1.5rem;
	}

	.company-sec02-box p {
		font-size: 1rem;
	}
	
	.company-sec03-box h2 {
		font-size: 1.5rem;
	}
	
	.company-sec03-box p {
		font-size: 1rem;
	}
	
	.company-bg-l {
		top: 34%;
	}



  
  .works-title img {
    width: 50%;
    margin-top: 64px;
  }

  .works-box h3 {
    background:none;
  }

  .works-box h3 span {
    font-size: 1.8rem;
    margin-top: 2%;
    margin-bottom: 4%;
  }

  .works-box-l {
    width: 100%;
  }

  .works-box-r {
    width: 100%;
  }

  .works-box-r img {
    width: 90%;
    margin: 0 auto;
    display: block;
    padding: 4% 0;
  }

  .works-box {
    width: 95%;
    margin: 0 auto;
    background-size: 20%;
    margin-bottom: 8%;
  }

  .works-contents {
    padding: 8% 0;
  }

  .voice {
    padding-top: 64px;
  }

  .voice-point-box:nth-child(even) .com-inner {
    flex-flow: initial;
  }

  .voice-point-box-l, .voice-point-box-r {
    width: 90%;
    margin: 0 auto;
    padding: 4% 0;
  }

  .voice-point-box01 .voice-orange-bg img {
    left: -4%;
  }

  .voice-point-box .com-inner {
    flex-wrap: wrap !important;
  } 

  .voice-point-box02 .voice-orange-bg img {
    right: -4%;
  }

  .voice-point-box03 .voice-orange-bg img {
    left: -4%;
  }

  .voice-title2 h2 img {
    top: -20px;
    width: 70%;
  }

  .staff-list-box {
    padding: 16% 0;
  }

  .staff-list-l, .staff-list-r {
    width: 100%;
    margin: 2% 0;
  }

  .staff-list-inner-r {
    width: 68%;
    padding-left: 2%;
  }

  .voice-point-box .com-inner {
    padding: 8% 0;
  }
	
	.pankuzu {
		padding-top: 22%;
	}
	
	.staff-voice-list h4 {
		font-size: 3rem;
	}

	.staff-voice-list .all-pdf {
		padding-top: 8%;
	}
	
.prev-arrow {
   top: 65px;
	width: 8%;
}

.next-arrow {
	top: 65px;
	width: 8%;
}
	
	/* 応募ボタン変更 */  	
.co-next-btn-single{
	transform: translate(0%, -53%);
    left: 0;
    right: 0;
    z-index: 1000;
}		

	

	
/**********************************************
メールフォーム横並び追加**********************
***********************************************/	
.sikaku-area label{
	float: left;
	width: 100%;
	padding: 10px 0;
}	

.sikaku-area .c1 .mwform-checkbox-field-text {
	letter-spacing: 0.03em;
}
}

@media only screen and (max-width: 500px) {
.job-list-box {
    width: 100%;
}
	
	.header-sp-logo img {
		    width: 90%;
    padding-top: 5%;
	}
	
	
	
	
}