@charset "utf-8";

@media only screen and (max-width: 767px) {

  .home #sec01 {
    padding: 30px 0 0;
  }
	.home #sec01 h2:not(.ttl_h2) {
		font-size: 1.5rem;
	}
  .home #sec01 h2 { margin: 5% 0.2em 0.1em; }
  .home #sec01 .txt {
  font-size: 0.9375rem;
  margin-bottom:25px;
  padding: 0;
  color:#FFF;
}

.home #sec01 .sp_btn_area {
    margin: 0 auto;
	padding: 0;
  }

  .home #sec01 .btn_area a,
  .to_recruit_list .btn_area a{
	margin: 0;
  }
  
 .home #sec01 .works_list {
    padding-top:25px;
    padding-bottom:30px;
    width: 100%;
	height: auto;
	background: url("../../images_sp/index/bg-menu.jpg") no-repeat left bottom;
	background-size: 100%;
	background-color:#FFF;
}

.home #sec01 .works_list .sp_menu{
	margin-left:0;
    padding-top:0;
}

.home #sec01 h2.ttl_h2{
  		font-size: 1.7rem;/*font-size:1.45rem;*/
        letter-spacing: 0;
        line-height: 1.2;
}
 
 .home .slick-dots:after {
    display: none;
  }
 .home .slick-dots {
    bottom: 20px;
  }
  .home .slick-dots {
    text-align: center;
  }
  .index_mv {
    padding-bottom: 46px;
    margin-bottom: -46px;
  }
   .index_mv .slide {
    background-size:50%;
  }
  .index_mv .inner {
    top: 57px;
  }
  .index_mv .slide .slick-slide li {
    height: 598px;
  }

 /* .home #sec01 ul li:nth-of-type(2) {
    margin: 0;
  }
  .home #sec01 ul {
  }*/
 
  .home #sec02 h2 {  
    font-size: 1.7rem;
    line-height: 1.4;
	text-align:center;
    max-width: 100%;
	margin:  0 auto 25px; 
  }
  .home #sec02 {
		background-image: url(../../images_sp/index/bg-sec02.jpg) ;
		background-position: center bottom ;
		background-size: cover;
		padding: 8vw 0 65%;
  }
.home #sec02 .txt p {  width:100%;max-width: 420px;margin:auto;font-size: 0.9375rem; padding-left: 0.4em;padding-right: 0.1em; }

	.home #sec01 .mark {
		right: 5%;
		top: -280px;
		width: 39vw;
	}
	
/* NEWS -----------------------------------*/
.boxNews01 {
    padding: 6% 0;
    background: linear-gradient(180deg, #156fb1 0%, #156fb1 135px, #fff 135px, #fff 100%);
    background-color: #002b82;
}
	.boxNews01 .boxWrap {
		display: block;
	}
	.boxNews01 .ttl {
		padding-left:0;
		padding-right: 0;margin: 0 auto;
		text-align: center;
		margin-bottom: 40px;
	}
	.boxNews01 .inner {
		padding: 0 25px;
	}
	.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:after {
		height: 22vw;
	}*/
	.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 a:last-child {
		margin-left: 0;
	}
	.home #sec02 h2 span {
		margin-left: 0;
	}
	.boxRecruitList .box {
		width: 100%!important;
		margin-right: 0;
	}
	.boxRecruitList .box a {
		display: block;
	}
	.boxRecruitList .box .img {
		width: 100%;
		height: 70vw;
	}
	.boxRecruitList .box .img img {
		max-width: inherit;
		width: 106%;
	}
	.boxRecruitList .box .cont {
		padding-bottom: 50px;
	}
	.home #sec01 .boxImgSec01 {
		height: 42vw;
	}
	.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;
	}
	
	
	
	
	
	
}