@charset "utf-8";

@media only screen and (max-width: 767px) {
  /*.home .btn_area a {
    max-width:270px;
  }*/
  
 .index_mv {
  position: relative;
  overflow: hidden;
  padding-bottom:0;
  margin-top:72px;
}

 .home #sec01 {
    padding: 48px 0 0;
  }
  
  .home #sec01 .inner {
    padding: 0 15px;
    }
	
  
  .home #sec01 h2:not(.ttl_h2) {
	  font-size: 1.6875rem;
      letter-spacing: inherit;
	}
	
  .home #sec01 .txt {
    font-size:1.0625rem;
	text-align:left;
	padding:0 1em
  }

 .home #sec01 .txt span{
    display: inline-block;
    margin-top:1.0em;
  }
  
  .home #sec01 .important_news_area{
   padding:1.0em 1.2em 1.5em;
   margin-top:66px;
   width: 100%;
   }

.home #sec01 .important_news_area h3{
   padding:0.5em 0.2em;
   font-size:1.125rem;
   line-height: normal;
   }
  
  .home #sec01 .works_list ul {
	display: flex;
    flex-direction: column;
  }
  .home #sec01 .works_list ul li {
     width:100%;
     margin-bottom:20px;
   }
   .home #sec01 .works_list ul li:last-child{
     margin-bottom: 0;
   }

  .home #sec01 .works_list ul li a{
     display: flex;
     align-items: flex-end;
     justify-content: space-between; 
   }
   
.home #sec01 .works_list ul li .boxImg{
  display:block;
  width:40%;
  min-width:151px;
  height:150px;
  overflow: hidden;
  position: relative;
}
.home #sec01 .works_list ul li .boxImg img{
  width:100%;
  height:auto;
/* min-height:150px; */
  object-fit: cover;
/*  border-radius: 0 0 0 10px !important; */
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.home #sec01 .works_list ul li .boxTxt{
  width:calc(100% - 40%);
  /*min-height:110px; */
  height: 150px;
  /*margin-bottom:2px;*/
  align-items: center;
  border-radius: 0 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  padding: .5rem;
}

.home #sec01 .works_list ul li .boxTxt::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: '';
  display: block;
  height: 10vw;
  margin: auto auto .25rem;
  position: relative;
  top: 	inherit;
  left: inherit;
  transform: translateX(0%);
  width: 10vw;
}


.home #sec01 .works_list ul li .boxTxt.icon_food::before{
  width: 20vw;
}
.home #sec01 .works_list ul li h3{
  font-size: 1.165rem;
  margin-bottom: auto;
  width: 100%;
}

.home #sec01 .works_list ul li h3::after{
    font-size: 4.28125rem;
}

/*.home #sec01 .works_list ul li .boxImg{
  width:50%;
  min-width:150px;
  height:auto;
  overflow: hidden;
}
.home #sec01 .works_list ul li .boxImg img{
  width:auto;
  min-height:100px;
  object-fit: cover;
}

.home #sec01 .works_list ul li .txt{
  padding:1em 0.3em 0;
  font-size:0.85rem;
  line-height:normal;
  text-align:left;
}*/

 .home #sec01 h2.ttl_h2{
  		font-size: 1.6875rem;/*font-size:1.45rem;*/
        letter-spacing: 0;
        line-height: 1.2;
		margin-bottom: 36px;
}
 
 .home .slick-dots:after {
    display: none;
  }
 .home .slick-dots {
    /*bottom: 20px;*/
  }
  .home .slick-dots {
    text-align: center;
  }
  .index_mv {
    position: relative;/*overflow: hidden;
	padding-bottom: 46px;
    margin-bottom: -46px;*/
  }
   .index_mv .slide {
    background-size:50%;z-index:98;/**/
  }
  .index_mv .inner {
    top: 57px;/**/
  }
 .index_mv .catch { 
    width:100%;
	max-width:200px;
    bottom:10%;
    left: 15%;
	 /*position: absolute; 
    bottom:12%;
    left: 2%;
    z-index: 99;*/
  }

  .home #sec02 h2 {  
    font-size: 1.6875rem;
    line-height: 1.4;
	text-align:center;
    max-width: 100%;
	margin:  0 auto 25px; 
  }
  .home #sec02 {
		background-image: url(../../images_sp/index/bg-sec02-sp.png) ;
		background-position: center bottom ;
		background-size: cover;
		padding: 15vw 0 65%;
  }

  .home #sec02 .txt p {  width:100%; max-width: 420px; margin:auto;font-size: 0.9375rem; padding-left: 0.4em;padding-right: 0.4em; }

/* NEWS -----------------------------------*/
   
   
.boxNews01 .inner {
	width: 100%;
	padding-left: 110px;
    padding-bottom:66px !important;
	position: relative;
	z-index: 1;
}

.boxNews01 .inner:after {
	width: 100%;
	content: "";
	position: absolute;
	min-height: 500px;
	background-color: var(--main-color);
	top: -100px;
	left: -81%;
		
}

   
   .boxNews01 {
    padding: 44px 0 10px;
    }
	.boxNews01 .boxWrap {
		display: block;
	}
	.boxNews01 .ttl {
        margin: 0 auto 50px;
		height: auto;
	}
	.boxNews01 .ttl h2 span{
	    padding-top: 0;
	}
	.boxNews01 .inner {
		padding: 0 25px;
	}
    
    .boxNews01 .inner:after {
	  position: absolute;
	  min-height: 200px; /*145px;*/
	  top: -50px;
	  left: 0%;
		
}
	.boxNews01 .boxWrap .ttl:after {
		content: none;
	}
	.boxNews01 .boxWrap .ttl a {
		margin: 0 auto;
	}
	.home #sec01 .btn_area {
		text-align: center;
	}
	/*.home #sec01 .btn_area a,
	.home .to_recruit_list .btn_area a{
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}*/
	/*.home .to_recruit_list .btn_area a {
		display: flex;
	}*/

	.home #sec01 ul.pc_only {
		display: none;
	}
	.home #sec01 ul li {
		margin: auto;
	}
	.home #sec02 .txt div {
		padding-left: 0;
	}
	/*.home #sec02 .txt div a {
		display: block;
		margin-bottom: 15px;
		width: 100%;
	}*/
	/**/
	.home #sec02 .btn_area {
		text-align:center !important;
	}
	
	.home #sec02 .btn_area a {
		margin-top: 30px !important;
	}
	.home #sec02 h2 span {
		margin-left: 0;
	}
	.home .to_recruit_list {
    padding: 4.15rem 0 4.75rem; /*85px 0*/
	overflow: hidden;
/*	background-color:#fff; */
    }
	.boxRecruitList{
  margin-right: 0px !important;
  }
	.boxRecruitList .box {
		width: 100%!important;
		margin-right: 0;
	}
	.boxRecruitList .box a {
		display: block;
	}
	.boxRecruitList .box .img {
		width: 100%;
		height: 67vw;
	}
	.boxRecruitList .box .img img {
		max-width: inherit;
		width: 106%;
	}
	.boxRecruitList .box .cont {
		padding-bottom: 50px;
	}
	.to_recruit_list .btn_area.sp_only a{ margin-top: 0 !important; }
	.home #sec01 .boxImgSec01 {
		width:100%;
		background: url("../../images_sp/index/sp-img-sec01.jpg?ver=1") no-repeat center  center;
		background-size: cover;
		margin-top: 5rem;
	/*margin-top: 3.75rem;*/
    }
	.home .boxImgSec02 {
     	background: url("../../images_sp/index/sp-img-sec02.jpg") no-repeat center  center;
		background-size: cover;
		width:100%;
		margin-top: 5rem;
    }
	.boxRecruitList .slick-prev {
		background-size: contain!important;
		width: 10vw;
		height: 10vw;
		left: -15px;
		z-index: 1;
	}
	.boxRecruitList .slick-next {
		background-size: contain!important;
		width: 10vw;
		height: 10vw;
		right: -15px;
		z-index: 1;
	}
	
	.home .ttl_box h2.ttl_h2{
    text-align: center;
}

.home .ttl_box h2.ttl_h2::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

}