@charset "UTF-8";

/******************
スライド画像[共通]
******************/
.mainVisual {
  	width: 100%;
	margin:0 auto;
  	height: 100vh;
}
.mainVisualSp{
	display:none;
}
.slider {
  width: 100%;
	height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
	opacity: 0;
  transition: opacity 0.5s ease;
}
.slider.is-ready {
  	opacity: 1;
}
.slick-img {
  	width: 100%;
  	height: 100vh;
	overflow: hidden;
  	object-fit: cover;
  	object-position: center;
}
.slick-img img {
	display: block;
  	width: 100%;
  	height: 100vh;
  	object-fit: cover;
	object-position: center;
  	transform: none;
}
.slick-img a:hover{
	color:var(--basecolor);
}
.slick-img a:hover img{
	opacity:1!important;
	-moz-opacity:1!important;
	-webkit-opacity:1!important;
}
.whGra {
  position: relative;
  display: block;
}
.whGra img {
  display: block;
  width: 100%;
  height: auto;
}
.whGra::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.05);
  pointer-events: none;
  z-index: 2;
}
.mainTxtWrapper{
	position: absolute;
	width: 100%;
	max-width: 1400px;
	left: 0;
	right:0;
	top: 93%;
	transform: translateY(-93%);
	-moz-transform: translateY(-93%);
	-webkit-transform: translateY(-93%);
	margin:auto;
	z-index: 4;
	display: flex;
  	justify-content: center;
}
.text {
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  	color: #fff;
  	font-family:var(--enLg);
	font-size:4.2rem;	
  	font-weight: 900;
  	text-transform: uppercase;
	line-height: 1.5;
  	letter-spacing: 0.2rem;
}
.text.is-active {
  --x: 0;
}
.line {
  display: flex;
  justify-content: center;
}
.char {
  overflow: hidden;
}
.char-text {
  display: inline-block;
  transform: translateX(var(--x, -101%));
  transition: transform 0.75s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: calc(0.05s * var(--char-index));
}
.whitespace{
	padding:0 7px;
}
.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.visuallyHidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
	font-family:var(--enLg);
	font-size:clamp(2.2rem, 1.182rem + 5.09vw, 5rem);	
}

@media screen and (max-width: 1500px) {
.mainTxtWrapper{
  	max-width: 80%;
	top: 90%;
	transform: translateY(-90%);
	-moz-transform: translateY(-90%);
	-webkit-transform: translateY(-90%);
}
.text {
	font-size:3.6rem;	
}
.whitespace{
	padding:0 5px;
}
}
@media screen and (max-width: 1300px) {
.mainTxtWrapper{
  	max-width: 86%;
}
.slider figure{
	margin:0 auto!important;
}
}
@media screen and (max-width: 1200px) {
.slick-img img {
    height: 100svh;
    object-fit: cover;
    object-position: center;
}
}
@media screen and (max-width: 1000px) {
.text {
	font-size:3rem;	
}
}
@media screen and (max-width: 800px) {
.mainVisual {
  	display:none;
}
.mainVisualSp{
	width: 100%;
	margin:0 auto;
  	height: auto;
	display:block;
	padding:80px 0 0 0;
        margin-bottom: 0;
}
.mainVisualSp figure {
    margin: 0;
}
.mainVisualSp img {
    display: block;
    width: 100%;
    height: auto;
}
.slider, .slick-slide {
    height: auto;
}
.slick-img {
  	padding:0;
	width: 100%;
  	height: 100%;
}
.slick-img img {
    height: 100%;
   object-fit: contain;
}
.mainTxtWrapper {
    width: 84%;
    max-width: 84%;
	transform: unset;
	-moz-transform: unset;
	-webkit-transform: unset;
	top:unset;
    bottom:5%;
	justify-content: flex-end;
}
.whitespace{
	padding:0 12px;
}
.text {
	font-size:3.5rem;	
}
}
@media screen and (max-width: 640px) {
.text {
	font-size:3rem;	
}
}
@media screen and (max-width: 480px) {
.whitespace{
	padding:0 10px;
}
.text {
	line-height: 1.3;
	font-size:2.6rem;
}
}
@media screen and (max-width: 400px) {
.text {
	font-size:2.3rem;
}
}
@media screen and (max-width: 320px) {
.text {
	font-size:2.2rem;
}
}

/******************
トップ　見出し
******************/
.topMidashi{
	font-family:var(--enLg);
	font-size:var(--h2Midashi);
	font-weight:800;
	line-height:1.4;
	letter-spacing:0.2rem;
	margin:0 auto 50px auto;
	color:#606060;
	text-align:center;
}
.topMidashi span{
	display:block;
	font-size:var(--h2SubMidashi);
	font-weight:600;
	letter-spacing:0;
}
.trMidashi{
	text-align:left;
}
@media screen and (max-width: 1000px) {
.topMidashi{
	margin:0 auto 40px auto;
	line-height:1.3;
}
}
@media screen and (max-width: 800px) {
.tm84{
	width:84%;
	max-width:84%;
}
.trMidashi{
	text-align:center;
}
}
@media screen and (max-width: 640px) {
.topMidashi{
	margin:0 auto 30px auto;
}
}

/******************
トップ　強み（追加）
******************/
.topStrengths{
	width:100%;
	display:flex;
	justify-content:space-between;
}
.topStrengthsOne{
	width:31%;
}
.topStrengthsPic {
	position: relative;
	width: 100%;
	display: block;
	line-height: 0;
	overflow: hidden;
	-webkit-mask-image: url(./images/top/top-service-mask.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: cover;
	mask-image: url(./images/top/top-service-mask.png);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: cover;
}
.topStrengthsPic img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}
.topStrengthsOne a:hover .topStrengthsPic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}
.topStrengthsPic::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0); 
	transition: background-color 0.3s ease;
	pointer-events: none;
	-webkit-mask-image: url(./images/top/top-service-mask.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: cover;
	mask-image: url(./images/top/top-service-mask.png);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: cover;
}
.topStrengthsOne a:hover .topStrengthsPic::after {
	background-color: rgba(0, 0, 0, .2); 
}
.topStrengthsOne a:hover img{
	opacity:1!important;
	-moz-opacity:1!important;
	-webkit-opacity:1!important;
}
.topStrengthsOne a:hover{
	text-decoration:none;
}
.topStrengthsBottom{
	position:absolute;
	bottom:-45px;
	left:5px;
}
.topStrengthsTtl{
	font-size:clamp(1rem, 0.945rem + 0.27vw, 1.15rem);
	font-weight:500;
}
@media screen and (max-width: 1300px) {
.topStrengthsBottom{
	bottom:-50px;
}
}
@media screen and (max-width: 1000px) {
.topStrengths {
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}
.topStrengthsOne {
    width: 47%;
	margin:0 auto 50px auto;
}
.topStrengthsOne:last-child {
	margin:0 auto;
}
.topStrengthsBottom {
    bottom: -45px;
}
}
@media screen and (max-width: 640px) {
.topStrengths {
    display:block;
	gap:unset;
}
.topStrengthsOne {
    width: 100%;
	margin:0 auto;
}
.topStrengthsBottom {
    position: relative;
    bottom: 30px;
}
}
@media screen and (max-width: 480px) {
.topStrengthsBottom {
    bottom: 20px;
}
}
@media screen and (max-width: 350px) {
.topStrengthsBottom {
    bottom: 15px;
}
}





/******************
トップ　サービス
******************/
.topService{
	width:100%;
	display:flex;
	justify-content:space-between;
	padding:0 0 100px 0;
}
.topServiceOne{
	width:31%;
}
.topServiceOnePic {
	position: relative;
	width: 100%;
	display: block;
	line-height: 0;
	overflow: hidden;
	-webkit-mask-image: url(./images/top/top-service-mask.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: cover;
	mask-image: url(./images/top/top-service-mask.png);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: cover;
}
.topServiceOnePic img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}
.topServiceOne a:hover .topServiceOnePic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}
.topServiceOnePic::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0); 
	transition: background-color 0.3s ease;
	pointer-events: none;
	-webkit-mask-image: url(./images/top/top-service-mask.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: cover;
	mask-image: url(./images/top/top-service-mask.png);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: cover;
}
.topServiceOne a:hover .topServiceOnePic::after {
	background-color: rgba(0, 0, 0, .2); 
}
.topServiceOne a:hover img{
	opacity:1!important;
	-moz-opacity:1!important;
	-webkit-opacity:1!important;
}
.topServiceOne a:hover{
	text-decoration:none;
}
.topServiceOneBottom{
	position:absolute;
	bottom:-45px;
	left:5px;
}
.topServiceOneTtl{
	font-size:clamp(1rem, 0.945rem + 0.27vw, 1.15rem);
	font-weight:500;
}
.topServiceUnder{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}
.tsuSp{
	display:none;
}
@media screen and (max-width: 1300px) {
.topServiceOneBottom{
	bottom:-50px;
}
}
@media screen and (max-width: 1000px) {
.topService {
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}
.topServiceOne {
    width: 47%;
	margin:0 auto 50px auto;
}
.topServiceOne:last-child {
	margin:0 auto;
}
.topServiceOneBottom {
    bottom: -45px;
}
}
@media screen and (max-width: 800px) {
.topService{
	padding:0 0 70px 0;
}
.topServiceUnder {
    max-width:640px;
}
.tsuPc{
	display:none;
}
.tsuSp{
	display:block;
}
}
@media screen and (max-width: 640px) {
.topService {
    display:block;
	gap:unset;
	padding:0 0 10px 0;
}
.topServiceOne {
    width: 100%;
	margin:0 auto;
}
.topServiceOneBottom {
    position: relative;
    bottom: 30px;
}
}
@media screen and (max-width: 480px) {
.topServiceOneBottom {
    bottom: 20px;
}
}
@media screen and (max-width: 350px) {
.topServiceOneBottom {
    bottom: 15px;
}
}

/******************
トップ・改善事例
******************/
.topPickup {
    overflow: hidden;
}
.topCaseInner {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}
.pu-section .topCaseInner {
    padding: 60px 0 40px 0;
}
[class*=swiper]:focus {
    outline: none;
}
.caseListPic {
    position: relative;
    overflow: hidden;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
.caseListPic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
	object-position: center;
}
.topPickup .swiper-button-prev, .topPickup .swiper-button-next {
    display: grid;
    place-content: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
}
.topPickup .swiper-button-prev::before, .topPickup .swiper-button-next::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: 50%;
}
.topPickup .swiper-button-prev::after{
	font-family: 'Material Icons';
  	content:'\e5e0';
  	transition: 0.3s;
  	position: absolute;
  	left: 37%;
  	top: 4px;
  	color:#fff;
	transition:.3s;
	font-weight:300;
	font-size:130%;
}
.topPickup .swiper-button-next::after{
	font-family: 'Material Icons';
  	content:'\e5e1';
  	transition: 0.3s;
  	position: absolute;
  	right: 25%;
  	top: 4px;
  	color:#fff;
	transition:.3s;
	font-weight:300;
	font-size:130%;
}
.topPickup .swiper-button-disabled {
    pointer-events: none;
    opacity: 0;
}
.topPickup .swiper {
    overflow: visible;
 }
.topPickup .swiper-button-prev, .topPickup .swiper-button-next {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
}
.topPickup .swiper-button-prev::before, .topPickup .swiper-button-next::before {
    background-color:var(--themecolor);
}
.topPickup .swiper-button-prev::after, .topPickup .swiper-button-next::after {
    border-color: #fff;
}
.topPickup .swiper-button-prev {
    right: calc(100% - 1.6rem);
	top:-36%;
}
.topPickup .swiper-button-next {
    left: calc(100% - 1.6rem);
	top:-36%;
}
.topPickup .slide {
    overflow: hidden;
    -webkit-transition: .4s opacity 1s;
    transition: .4s, opacity 1s;
}
.topPickup .caseListPic {
    padding-top: 62.5%;
}
.topPickup .swiper-slide:not(.swiper-slide-visible) .slide {
    pointer-events: none;
    opacity: 0.3;
}
.topPickup  .swiper-button-prev::before, .topPickup .swiper-button-next::before {
    -webkit-transition: .4s;
    transition: .4s;
}
.swiper-button-prev:hover::before, .swiper-button-next:hover::before {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
}
.topPickup .slide img {
    -webkit-transition:.4s ;
    transition: .4s;
}
.topPickup .slide:hover {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
}
.topPickup .slide:hover img {
    --webkit-transform: scale(1.1);
              transform: scale(1.1);
}
.caseListCate{
	position:absolute;
	bottom:0;
	left:0;
	z-index:200;
	background:rgba(24,147,59,.8);
	color:#fff;
	padding:2px 15px;
	border-radius:0 20px 0 0;
	-moz-border-radius:0 20px 0 0;
	-webkit-border-radius:0 20px 0 0;
	font-size:clamp(0.9rem, 0.882rem + 0.09vw, 0.95rem);
}
.caseListUnder{
	width:100%;
	margin:0 auto;
	padding:15px 0;
}
.caseListTtl{

}
.topPickup .slide a:hover {
    text-decoration:none;
	color:var(--themecolor);
}
.topCaseTxt{
	text-align:center;
}
.bgLine{
  	position: absolute;
  	top: 0;
  	right: 0;
  	height: 100%;
  	width: 80%;
  	pointer-events: none;
  	z-index:2;
}
.bgLine img{
	height:100%;
}

@media screen and (max-width: 1400px) {
.topCaseInner {
    max-width: 84%;
}
}
@media screen and (max-width: 1000px) {
.pu-section .topCaseInner {
    padding: 40px 0;
}
.topCaseTxt {
    width:84%;
	margin:0 auto;
}
}
@media screen and (max-width: 640px) {
.pu-section .topCaseInner {
    padding: 30px 0;
}
.topCaseTxt {
    text-align:left;
}
.topCaseTxt br{
    display:none;
}
}




/******************
トップ・お知らせ
******************/
.topInfoWrapper{
	width:100%;
	margin:0 auto;
}
.topInfoMidashi{
	width:100%;
	max-width:100%;
}
.topInfoMore{
	width:100%;
	max-width:280px;
	margin:30px auto 0 auto;
}
.tsMore{
	margin:60px 0 0 0;
}
.tpMore{
	margin:0 auto;
	max-width:360px;
}
.trMore{
	float:right;
	margin:50px 0 0 0;
}
.topInfoMore a {
	display: block;
	width: 100%;
	color: var(--vasecolor);
	background:#fff;
	border:1px solid var(--themecolor);
	position: relative;
	padding: 10px 5%;
	box-sizing: border-box;
	text-decoration: none;
	overflow: hidden;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	transition:.3s;
	text-align:center;
	font-size:clamp(0.8rem, 0.764rem + 0.18vw, 0.9rem);
	position:relative;
	overflow: hidden;
	z-index: 1;
}
.topInfoMore a span {
  position: relative;
  z-index: 2;
}
.topInfoMore a::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--themecolor);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .3s cubic-bezier(0.45, 0, 0.55, 1);
	z-index: 0;
}
.topInfoMore a:hover::after {
	transform: scaleX(1);
	transform-origin: left center;
}
.topInfoMore a:not(:hover)::after {
	transform: scaleX(0);
	transform-origin: right center;
}
.topInfoMore a::before {
	font-family: 'Material Icons';
	content: '\e5df';
	position: absolute;
	right: 5%;
	top: 16%;
	color:var(--themecolor);
	font-weight: 600;
	font-size:1.1rem;
	transition: 0.3s;
}
.topInfoMore a:hover{
	text-decoration:none;
	transition: 0.3s;
	color:#fff;
	background:var(--themecolor);
	border:1px solid var(--themecolor);
	z-index: 1;
}
.topInfoMore a:hover::before {
	color:#fff;
	z-index:1;
}
.topInfoBox {
    overflow: hidden;
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.topInfoBox ul li{
	width:96%;
	padding:25px 2% 20px 2%;
	border-bottom:1px solid #898989;
}
.topInfoBox ul li:first-child{
	padding:0 2% 20px 2%;
}
.topInfoBox ul li:last-child{
	padding:25px 2% 0 2%;
	border-bottom:none;
}
.topInfoBox .infoUp {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 auto 10px auto;
}
.topInfoBox .infoUpNaka {
  display: flex;
  align-items: center;
  flex: 0 0 260px;
}
.topInfoBox .infoDate {
  flex: 0 0 100px; 
  font-weight: 500;
  color: var(--themecolor);
}
.topInfoBox .infoCategory {
  flex: 0 0 120px;
  font-weight: 500;
  color: var(--themecolor);
  border: 1px solid var(--themecolor);
  padding: 0 10px;
  font-size: 0.8rem;
  border-radius: 3px;
  text-align: center;
  line-height: 1.8;
  margin: 0 0 0 10px;
}
.topInfoBox .infoTitle {
  flex: 1;
  display: block;
  margin-left: 30px;
}
@media screen and (max-width: 1000px) {
.topInfoMore a::before {
	top: 17%;
}
.topInfoBox .infoUp{
	display:block;
}
.topInfoBox .infoUpNaka{
	width:100%;
	display:flex;
	align-items:center;
	margin:0 auto 10px auto;
}
.topInfoBox .infoTitle{
	width:100%;
	margin:0;
}
}
@media screen and (max-width: 900px) {
.trMore{
	margin:30px 0 0 0;
}
}
@media screen and (max-width: 800px) {
.topInfoWrapper {
    display: block;
}
.topInfoMidashi {
	display:flex;
	justify-content:space-between;
	align-items:center;
    width: 100%;
    max-width:100%;
	margin:0 auto 10px auto;
}
.topInfoBox {
    width: 100%;
    margin: 0 auto;
}
.topInfoBox ul li {
    width: 100%;
    padding: 25px 0 20px 0;
	display:block;
}
.topInfoBox ul li:first-child {
    padding: 0 0 20px 0;
}
.topInfoBox ul li:last-child {
    padding: 25px 0 0 0;
}
.trMore{
	float:none;
	margin:30px auto 0 auto;
}
}
@media screen and (max-width: 640px) {
.topInfoMore{
	width:100%;
	max-width:100%;
}
.tsMore{
	margin:40px 0 0 0;
}
.tpMore{
	max-width:84%;
	margin:0 auto;
}
.topInfoMidashi .topInfoMore {
    width: 40%;
    max-width: 40%;
}
.topInfoBox ul li {
    width: 100%;
    padding: 15px 0;
	display:block;
}
.topInfoBox ul li:first-child {
    padding: 0 0 15px 0;
}
.topInfoBox ul li:last-child {
    padding: 15px 0 0 0;
}
}
@media screen and (max-width: 480px) {
.topInfoMidashi .topInfoMore a {
    padding: 8px 5%;
    font-size:0.85rem;
}
.topInfoMidashi .topInfoMore a::before {
	top: 13%;
}
}
@media screen and (max-width: 360px) {
.topInfoMidashi .topInfoMore {
    width: 45%;
    max-width: 45%;
}
}


/******************
トップ・採用情報
******************/
.topRecruitWrapper{
	position:relative;
	width:100%;
	max-width:100%;
	display:flex;
	margin:0 auto;
	justify-content:space-between;
	align-items:center;
	padding:0 0 150px 0;
}
.topRecruit{
	width:34%;
	margin:0 8%;
}
.topRecruitCatch{
	color:#606060;
	font-size: clamp(1.2rem, 1.091rem + 0.55vw, 1.5rem);
  	font-weight: 600;
  	margin: 0 auto 15px auto;
	line-height:1.6;
}
.topRecruitTxt{
	color:var(--basecolor);
}
.topRecruitL{
	width:50%;
}
.recruitGalleryMasonry {
  	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	width: 100%;
}
.recruitGalleryMasonry .item:first-child { grid-area: 2 / 1 / 4 / 3; }
.recruitGalleryMasonry .item:nth-child(2) { grid-area: 3 / 5 / 3 / 7; }
.recruitGalleryMasonry .item:nth-child(3) { grid-area: 1 / 1 / 1 / 5; }
.recruitGalleryMasonry .item:nth-child(4) { grid-area: 2 / 3 / 2 / 5; }
.recruitGalleryMasonry .item:nth-child(5) { grid-area: 1 / 7/ 3 / 5; }
.recruitGalleryMasonry .item:last-child { grid-area:  3 / 3 / 3 / 5; } 

.recruitGalleryMasonry .item {
	width: 100%;
	height: 100%;
}
.recruitGalleryMasonry .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media screen and (max-width: 1300px) {
.topRecruit{
	width:44%;
}
}
@media screen and (max-width: 1200px) {
.topRecruitTxt br{
	display:none;
}
}
@media screen and (max-width: 900px) {
.topRecruitCatch {
    color: var(--basecolor);
}
.topRecruitTxt{
	color: var(--basecolor);
}
}
@media screen and (max-width: 800px) {
.topRecruitWrapper{
	display:block;
	padding:0 0 150px 0;
}
.topRecruitL{
	width:100%;
	margin:0 auto 50px auto;
}
.topRecruit{
	width:86%;
	margin:0 auto;
}
.topRecruitCatch {
   	text-align:center;
}
}
@media screen and (max-width: 640px) {
.topRecruitWrapper{
	padding:0 0 120px 0;
}
}
@media screen and (max-width: 480px) {
.topRecruitWrapper{
	padding:0 0 100px 0;
}
.topRecruitL{
	margin:0 auto 30px auto;
}
}
@media screen and (max-width: 360px) {
.topRecruitWrapper{
	padding:0 0 80px 0;
}
}