/*  #mainImg
================================================ */
#mainImg { background-image: url(../img/recruit/mainimg_sp.png); }

@media screen and (min-width: 600px) { #mainImg { background-image: url(../img/recruit/mainimg_pc.png); } }

/*  #recruit
================================================ */
#philosophy .inner { padding-top: 35px; padding-bottom: 45px; }

#philosophy .box { position: relative; z-index: 1; margin-top: 10px; padding: 25px 20px; background: #fff; }

#philosophy .box .leadTxt { text-align: center; font-size: 2.1rem; font-weight: 700; line-height: 1.6; }

#philosophy .box .txt { margin-top: 10px; }

#philosophy .box .txt span { font-weight: 700; }

#philosophy .img { margin-top: -215px; height: 220px; background: url(../img/recruit/bg_philosophy_sp.png) no-repeat; background-size: cover; }

@media screen and (min-width: 600px) { #philosophy .inner { padding-top: 75px; padding-bottom: 80px; }
  #philosophy .box { margin-top: 45px; padding: 50px 205px 80px; }
  #philosophy .box .leadTxt { font-size: 3.2rem; }
  #philosophy .box .txt { margin-top: 20px; }
  #philosophy .img { margin-top: -370px; height: 370px; background: url(../img/recruit/bg_philosophy_pc.png) no-repeat; background-size: cover; } }

#mission { background: #fff; }

#mission .inner { padding-top: 20px; padding-bottom: 40px; }

#mission .environList { margin-top: 10px; }

#mission .environItem + .environItem { margin-top: 20px; }

#mission .environItem .img { padding: 0 20px; }

#mission .environItem .itemTit { padding-top: 15px; text-align: center; font-size: 1.7rem; font-weight: 700; }

#mission .section { margin-top: 35px; }

#mission .section .bg { height: 711px; }

#mission .section .secIn { padding-bottom: 15px; }

#mission .section .tit { padding-bottom: 10px; font-size: 2.3rem; }

#mission .section .itemTit { font-size: 1.7rem; font-weight: 700; }

#mission .section .addTxt { padding-top: 10px; }

#mission .section .list { margin-top: 15px; }

#mission .section .list .item { position: relative; padding-left: 20px; line-height: 1.5; }

#mission .section .list .item:before { content: ''; position: absolute; left: 0; top: 8px; width: 15px; height: 2px; background: #a2005b; }

#mission .section .list .item + .item { margin-top: 3px; }

#mission .section .gallery { overflow: hidden; margin: 0 -5px; }

#mission .section .gallery .pic { float: left; box-sizing: border-box; width: 50%; padding: 0 5px; }

#mission .section .gallery .pic:nth-child(n+3) { margin-top: 10px; }

#mission .section:nth-child(2n) { margin-top: 45px; }

@media screen and (min-width: 600px) { #mission .inner { padding-top: 95px; padding-bottom: 120px; }
  #mission .environList { overflow: hidden; margin: 35px 0 -90px 0; }
  #mission .environItem { float: left; width: 373px; }
  #mission .environItem + .environItem { margin-top: 0; margin-left: 20px; }
  #mission .environItem:nth-child(4) { margin-left: 0; }
  #mission .environItem:nth-child(7) { margin-left: 0; }
  #mission .environItem:nth-child(n+4) { margin-top: 10px; }
  #mission .environItem .img { padding: 0; }
  #mission .environItem .itemTit { padding-top: 17px; font-size: 2rem; }
  #mission .environItem .itemTxt { margin-top: 10px; height: 140px; font-size: 1.4rem; }
  #mission .section { margin-top: 160px; }
  #mission .section .bg { height: 870px; }
  #mission .section .secIn { padding-bottom: 60px; }
  #mission .section .txtWrap { padding-left: 120px; }
  #mission .section .tit { padding-bottom: 15px; font-size: 3.2rem; }
  #mission .section .itemTit { font-size: 2.4rem; }
  #mission .section .list { margin-top: 25px; }
  #mission .section .list .item { box-sizing: border-box; margin-top: 15px; padding-left: 25px; font-size: 1.5rem; }
  #mission .section .list .item:before { top: 11px; }
  #mission .section .gallery { overflow: hidden; margin: 0 -7px; padding: 0 80px; }
  #mission .section .gallery .pic { width: 25%; padding: 0 7px; }
  #mission .section .gallery .pic:nth-child(n+3) { margin-top: 0px; }
  #mission .section:nth-child(2n) { margin-top: 160px; }
  #mission .section:nth-child(2n) .txtWrap { padding-left: 0; }
	#mission.en .environItem .itemTxt{height: auto;}
	#mission.en .environItem:nth-child(3n+1){clear: both;}
	#mission.en .environItem:nth-child(n+4) { margin-top: 40px; }
 }

#environment .inner { padding-top: 20px; padding-bottom: 40px; }

#environment .environList { margin-top: 10px; }

#environment .environItem + .environItem { margin-top: 20px; }

#environment .environItem .img { padding: 0 20px; }

#environment .environItem .itemTit { padding-top: 15px; text-align: center; font-size: 1.7rem; font-weight: 700; }

#environment .section { margin-top: 35px; }

#environment .section .bg { height: 711px; }

#environment .section .secIn { padding-bottom: 15px; }

#environment .section .tit { padding-bottom: 10px; font-size: 2.3rem; }

#environment .section .itemTit { font-size: 1.7rem; font-weight: 700; }

#environment .section .addTxt { padding-top: 10px; }

#environment .section .list { margin-top: 15px; }

#environment .section .list .item { position: relative; padding-left: 20px; line-height: 1.5; }

#environment .section .list .item:before { content: ''; position: absolute; left: 0; top: 8px; width: 15px; height: 2px; background: #a2005b; }

#environment .section .list .item + .item { margin-top: 3px; }

#environment .section .gallery { overflow: hidden; margin: 0 -5px; }

#environment .section .gallery .pic { float: left; box-sizing: border-box; width: 50%; padding: 0 5px; }

#environment .section .gallery .pic:nth-child(n+3) { margin-top: 10px; }

#environment .section:nth-child(2n) { margin-top: 45px; }

@media screen and (min-width: 600px) { #environment .inner { padding-top: 95px; padding-bottom: 120px; }
  #environment .environList { overflow: hidden; margin: 35px 0 -90px 0; }
  #environment .environItem { float: left; width: 373px; }
  #environment .environItem + .environItem { margin-top: 0; margin-left: 20px; }
  #environment .environItem:nth-child(4) { margin-left: 0; }
  #environment .environItem:nth-child(7) { margin-left: 0; }
  #environment .environItem:nth-child(n+4) { margin-top: 30px; }
  #environment .environItem .img { padding: 0; }
  #environment .environItem .itemTit { padding-top: 17px; font-size: 2rem; }
  #environment .environItem .itemTxt { margin-top: 10px; height: 260px; font-size: 1.4rem; }
  #environment .section { margin-top: 160px; }
  #environment .section .bg { height: 870px; }
  #environment .section .secIn { padding-bottom: 60px; }
  #environment .section .txtWrap { padding-left: 120px; }
  #environment .section .tit { padding-bottom: 15px; font-size: 3.2rem; }
  #environment .section .itemTit { font-size: 2.4rem; }
  #environment .section .list { margin-top: 25px; }
  #environment .section .list .item { box-sizing: border-box; margin-top: 15px; padding-left: 25px; font-size: 1.5rem; }
  #environment .section .list .item:before { top: 11px; }
  #environment .section .gallery { overflow: hidden; margin: 0 -7px; padding: 0 80px; }
  #environment .section .gallery .pic { width: 25%; padding: 0 7px; }
  #environment .section .gallery .pic:nth-child(n+3) { margin-top: 0px; }
  #environment .section:nth-child(2n) { margin-top: 160px; }
  #environment .section:nth-child(2n) .txtWrap { padding-left: 0; }
	#environment.en .environItem .itemTxt{height: auto;}
	#environment.en .environItem:nth-child(3n+1){clear: both;}
	#environment.en .environItem:nth-child(n+4) { margin-top: 40px; }
 }

#contact .inner { padding-bottom: 50px; }

#contact .box { background: url(../img/recruit/bg_contact_sp.png) no-repeat; background-size: cover; padding: 20px 30px 30px; }

#contact .txt { text-align: center; color: #fff; font-size: 1.7rem; font-weight: 700; line-height: 1.6; }

#contact .btn { margin-top: 15px; }

@media screen and (min-width: 600px) { #contact .inner { padding-top: 80px; padding-bottom: 130px; }
  #contact .box { overflow: hidden; background: url(../img/recruit/bg_contact_pc.png) no-repeat; background-size: cover; padding: 90px 150px; }
  #contact .txt { float: left; width: 330px; text-align: left; font-size: 2.8rem; }
	#contact.en .txt { font-size: 2.4rem; width: 360px; }
  #contact .btn { float: right; width: 400px; margin-top: 15px; } }
