@charset "utf-8";

.recruit-bg01 {
  background-image: url(../images/index/recruit-bg01.png);
}

/* recruit-visual01 */
/*--------------------------------------------------*/

.recruit-visual01 {}
.recruit-visual01 ._inner {}
/* 1200～∞（xl）*/
@media (min-width: 1200px) {
  .recruit-visual01 ._inner img {
    width: 100%;
    /* display: none; */
  }
  .recruit-visual01 ._inner {
    /* height: 445px; */
    background-image: url(../images/index/sv-recruit-top.jpg);
    background-position: center;
    background-size: cover;
  }
}
/* 0～1199 */
@media (max-width: 1199px) {
  .recruit-visual01 ._inner {
    background: none;
    height: inherit;
  }
}








/* recruit01-main */
/*--------------------------------------------------*/

.recruit01 {
  padding: 0 15px;
  padding-bottom: 30px;
  margin-bottom: %:
}
.recruit01-main {
  margin: auto;
  max-width: 810px;
  border: 2px solid #7AC143;
  border-radius: 10px;
  padding: 15px;
  background-color: #FFF;
}
.recruit01-subtitle {
  text-align: center;
  margin-bottom: 15px;
}
/* 768～∞（md）*/
@media (min-width: 768px) {
  .recruit01-list > li {
    display: table;
    width: 100%;
  }
  .recruit01-list > li:not(:last-child) {
    border-bottom: 1px solid #808080;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .recruit01-list > li > span {
    display: block;
    display: table-cell;
  }
  .recruit01-list ._date {
    width: 100px;
    text-align: center;
  }
  .recruit01-list ._cate {
    width: 100px;
    text-align: center;
    color: #EF8B1E;
    border-radius: 5px;
    border: 1px solid #EF8B1E;
  }
  .recruit01-list ._text {
    padding-left: 10px;
  }
  .recruit01-list ._link {
    width: 100px;
    text-align: center;
  }
  .recruit01-list ._link a {
    display: block;
    background-color: #FF0000;
    width: 100%;
    height: 100%;
    color: #FFF;
    border-radius: 5px;
    font-size: 13px;
  }
}
/* 0～767 */
@media (max-width: 767px) {
  .recruit01-list > li {
  }
  .recruit01-list > li:not(:last-child) {
    border-bottom: 1px solid #808080;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .recruit01-list > li > span {

  }
  .recruit01-list ._date {
    width: 100px;
    text-align: center;
  }
  .recruit01-list ._cate {
    width: 100px;
    text-align: center;
    color: #EF8B1E;
    border-radius: 5px;
    border: 1px solid #EF8B1E;
  }
  .recruit01-list ._text {
    padding-left: 10px;
  }
  .recruit01-list ._link {
    width: 100px;
    text-align: center;
  }
  .recruit01-list ._link a {
    background-color: #FF0000;
    width: 100%;
    height: 100%;
    color: #FFF;
    border-radius: 5px;
    font-size: 13px;
    padding: 2px 10px;
  }
}




/* recruit02 */
/*--------------------------------------------------*/

/* 1200～∞（xl）*/
@media (min-width: 1200px) {
  .recruit02-main {
    background-image: url(../images/index/recruit02-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    max-width: 795px;
    height: 376px;
    margin: auto;
    position: relative;
  }
  .recruit02-subtitle {
    position: absolute;
    top: -10px;
    left: -100px;
  }
  .recruit02-text01 {
    position: absolute;
    top: 110px;
    left: -65px;
    font-size: 18px;
    font-weight: bold;
  }
  .recruit02-list {
  }
  .recruit02-list li {
    position: absolute;
    font-weight: bold;
    width: 300px;
    text-shadow: 2px 2px 2px rgba(255,255,255);
  }
  .recruit02-list li:nth-of-type(1) {
    top: 0;
    left: 430px;
  }
  .recruit02-list li:nth-of-type(2) {
    top: 250px;
    left: 230px;
  }
  .recruit02-list li:nth-of-type(3) {
    top: 250px;
    left: 670px;
  }
  .recruit02-text01 ._img {
    display: none;
  }
}
/* 0～1199 */
@media (max-width: 1199px) {
  .recruit02 {
    margin: 0 15px;
  }
  .recruit02-text01 ._img {
    display: block;
    text-align: center;
  }
  .recruit02-text01 ._text {
    display: none;
  }
  .recruit02-subtitle {
    text-align: center;
  }
  .recruit02-list li {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-left: 70px;
    background-repeat: no-repeat;
    background-position: 10px center;
  }
  .recruit02-list li br {
    display: none;
  }
  .recruit02-list li:nth-of-type(1) {
    background-image: url(../images/index/recruit02-num1.svg);
  }
  .recruit02-list li:nth-of-type(2) {
    background-image: url(../images/index/recruit02-num2.svg);
  }
  .recruit02-list li:nth-of-type(3) {
    background-image: url(../images/index/recruit02-num3.svg);
  }
}
/* 0～767 */
@media (max-width: 767px) {
  .recruit02 {
    margin: 0 15px;
  }
  .recruit02-list li {
    font-size: 14px;
    padding-left: 70px;
    background-size: auto 70px;
  }
}

/* recruit03 */
/*--------------------------------------------------*/

.recruit03-main {
  text-align: center;
  margin: 0 15px;
}
.recruit03-list {
  max-width: 1000px;
  margin: auto;
}
.recruit03-title {
  max-width: 1000px;
  text-align: left;
  margin: auto;
}

.recruit03.mt-xs-30{
  margin-bottom: 30px;
}

/* 768～∞（md）*/
@media (min-width: 768px) {
}
/* 0～767 */
@media (max-width: 767px) {
  .recruit03-list li ._left {
    float: right;
  }
  .recruit03-list li ._right {
    float: left;
  }
  .recruit03-title {
    text-align: center;
    padding: 0 30px;
  }
}

/* recruit04 */
/*--------------------------------------------------*/

.recruit04 {
  padding: 0 15px;
}
.recruit04-title {
  max-width: 1000px;
  margin: auto;
}
.recruit04-title img {}
.recruit04-main {
}

.recruit04-subttl {
  text-align: center;
  margin-top: 20px;
}
.recruit04-subttl img {}
/* 768～∞（md）*/
@media (min-width: 768px) {
  .recruit04-list {
    display: table;
    margin: auto;
  }
  .recruit04-list > li {
    display: table-cell;
  }
}
/* 0～767 */
@media (max-width: 767px) {
  .recruit04-subttl {
    margin-top: 10px;
  }
  .recruit04-list > li {
    margin-bottom: 30px;
  }
}

/* recruit04 */
/*--------------------------------------------------*/

.recruit05 {
  padding: 0 15px;
}
.recruit05-main {
  max-width: 710px;
  margin: auto;
  border: 10px solid #FF1D25;
  padding: 30px;
  text-align: center;
}
.recruit05-title {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: -0.05em;
  line-height: 1.3;
}
hr.recruit05-hr {
  height: 6.5px;
  background-image: url(../images/index/recruit05-hr.svg);
  background-color: #FFF;
  background-repeat: repeat-x;
  border: 0px none;
  margin: 0; padding: 0;
}
.recruit05-list li {
	font-size: 18px;
	margin-bottom: 10px;
	background-image: url(../images/index/promise01.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:45px;
	text-align:left;

}

.recruit05-list li:nth-child(2) {
	background-image: url(../images/index/promise02.svg);
 }

.recruit05-list li:nth-child(3) {
	background-image: url(../images/index/promise03.svg);
 }

.recruit05-list li:nth-child(4) {
	background-image: url(../images/index/promise04.svg);
 }

.recruit05-list li:nth-child(5) {
	background-image: url(../images/index/promise05.svg);
 }

.recruit05-list li:nth-child(6) {
	background-image: url(../images/index/promise06.svg);
 }

.recruit05-list li:nth-child(7) {
	background-image: url(../images/index/promise07.svg);

 }







/* 0～767 */
@media (max-width: 767px) {
  .recruit05-main {
    padding: 15px;
  }
  .recruit05-title {
    font-size: 4.3vw;
  }
  .recruit05-list li {
    font-size: 14px;
    text-align: left;
  }
}

/* recruit06 */
/*--------------------------------------------------*/

.recruit06 {
  text-align: center;
  padding: 0 15px;
  margin-bottom: 3%;
}
.recruit06-main {
  text-align: left;
  max-width: 690px;
  margin: auto;
}
.recruit06-title {
  font-size: 48px;
  font-weight: bold;
  line-height: 0.8;
}
.recruit06-underttl {
  font-size: 15px;
  white-space: nowrap;
}
.recruit06-movie {}


.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}




/* recruit07 */
/*--------------------------------------------------*/

.recruit07 {
  text-align: center;
  padding: 0 15px;
}
.recruit07-main {
  text-align: left;
  max-width: 400px;
  margin: auto;
}
.recruit07-title {
  font-size: 48px;
  font-weight: bold;
  line-height: 0.8;
}
.recruit07-underttl {
  font-size: 15px;
  white-space: nowrap;
}
/* 0～991 */
@media (max-width: 991px) {
  .recruit07-title {
    font-size: 38px;
  }
}
/*footer-mtop-space-bg.jpg*/

.footer-eco{
    text-align: center;
    margin: 10px auto;
}

.banner-box{
  text-align: center;
  padding: 5% 0;
}

.banner-box img.sp{
  display: none;
}

@media (max-width: 480px) {

  .banner-box img.pc{
    display: none;
  }

  .banner-box img.sp{
    display: block;
  }

  .banner-box{
    padding: 8%;
    padding-top: 15%;
  }

}