@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------------------------------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*mvSec*/
#mvSec { max-width: 1960px; margin: 0 auto; position: relative; padding: 0 20px; z-index: 1; }
#mvSec #mvTitle { padding-top: 50px; width: 36.3vw; margin: 0 auto; max-width: 700px; }
#mvSec .mvPeople,
#mvSec #mvText { position: absolute; }
#mvSec .mvPeople { bottom: -164px; width: 15.8%; z-index: 1; max-width: 302px; }
#mvSec #mvPeople01 { left: 315px; }
#mvSec #mvPeople02 { right: 353px; }
#mvSec #mvText { max-width: 1919px; bottom: -242px; left: 0; right: 0; }
#mvSec #mvimgList li { position: absolute; max-width: 188px; width: 9.82%; }
#mvSec #mvimgList li:first-child { top: 52px; left: 3.2%; }
#mvSec #mvimgList li:nth-child(2) { top: 52px; left: 20.7%; }
#mvSec #mvimgList li:nth-child(3) { top: 278px; left: 11.9%; }
#mvSec #mvimgList li:nth-child(4) { top: 487px; left: 3.2%; }
#mvSec #mvimgList li:nth-child(5) { top: 500px; left: 20.7%; }
#mvSec #mvimgList li:nth-child(6) { top: 52px; right: 21.3%; }
#mvSec #mvimgList li:nth-child(7) { top:52px; right: 3.9%; }
#mvSec #mvimgList li:nth-child(8) { top: 278px; right: 12.6%; }
#mvSec #mvimgList li:nth-child(9) { top: 500px; right: 21.3%; }
#mvSec #mvimgList li:last-child { top: 500px; right: 3.8%; }

@media screen and (max-width: 1960px) {
	
	#mvSec #mvTitle { padding-top: 2.7vw; }
	#mvSec .mvPeople { bottom: -8.5vw; }
	#mvSec #mvPeople01 { left: 16.6%; }
	#mvSec #mvPeople02 { right: 18.5%; }
	#mvSec #mvText { bottom: -12.6vw; }
	#mvSec #mvimgList li:first-child { top: 2.7vw; }
	#mvSec #mvimgList li:nth-child(2) { top: 2.7vw; }
	#mvSec #mvimgList li:nth-child(3) { top: 14.4vw; }
	#mvSec #mvimgList li:nth-child(4) { top: 25.2vw; }
	#mvSec #mvimgList li:nth-child(5) { top: 25.9vw; }
	#mvSec #mvimgList li:nth-child(6) { top: 2.7vw; }
	#mvSec #mvimgList li:nth-child(7) { top: 2.7vw; }
	#mvSec #mvimgList li:nth-child(8) { top: 14.4vw; }
	#mvSec #mvimgList li:nth-child(9) { top: 25.9vw; }
	#mvSec #mvimgList li:last-child { top: 25.9vw; }
	
}

@media screen and (max-width: 750px) {
	
	#mvSec #mvTitle { width: 77.3vw; padding-top: 25.7vw; padding-bottom: 34vw; }
	#mvSec #mvimgList li { width: 20.5%; z-index: -1; }
	#mvSec #mvimgList li:nth-child(2) { top: 3.2vw; left: 2.7%; }
	#mvSec #mvimgList li:nth-child(6) { top: 3.2vw; right: 39.3%; }
	#mvSec #mvimgList li:nth-child(4) { top: 3.2vw; left: auto; right: 2.7%; }
	#mvSec #mvimgList li:nth-child(5) { top: auto; bottom: 12vw; left: 2.7%; }
	#mvSec #mvimgList li:nth-child(8) { top: auto; bottom: 12vw; right: 39.3%; }
	#mvSec #mvimgList li:nth-child(9) { top: auto; bottom: 12vw; right: 2.7%; }
	#mvSec #mvimgList li:first-child,
	#mvSec #mvimgList li:nth-child(3),
	#mvSec #mvimgList li:nth-child(7),
	#mvSec #mvimgList li:last-child { display: none; }

	#mvSec #mvText { bottom: 0; }
	#mvSec .mvPeople { bottom: 5vw; width: 26.6%; }
	#mvSec #mvPeople01 { left: 1.1%; }
	#mvSec #mvPeople02 { right: 0; }
	
}


/*messageAbout*/
#messageAbout { position: relative; background: url("/parking/recruit/common/images/common_contents_bg01.png") repeat center center; margin-top: 245px; }
#messageAbout #contentsBg { position: absolute; top: -218px; width: 1920px; left: 50%; transform: translateX(-50%); overflow: hidden; }
#messageAbout #contentsBg #contentsBgCar01,
#messageAbout #contentsBg #contentsBgCar02,
#messageAbout #contentsBg #contentsBgCar03,
#messageAbout #contentsBg #contentsBgCar04,
#messageAbout #contentsBg #contentsBgCar05,
#messageAbout #contentsBg #contentsBgCar06,
#messageAbout #contentsBg #contentsBgCar07,
#messageAbout #contentsBg #contentsBgCar08 { position: absolute; width: 64%; left: 0; right: 0; margin: 0 auto; }
#messageAbout #contentsBg #contentsBgCar01,
#messageAbout #contentsBg #contentsBgCar08 { top: 0; }
#messageAbout #contentsBg #contentsBgCar02,
#messageAbout #contentsBg #contentsBgCar03,
#messageAbout #contentsBg #contentsBgCar06,
#messageAbout #contentsBg #contentsBgCar07 { bottom: -3.5%; }
#messageAbout #contentsBg #contentsBgCar04,
#messageAbout #contentsBg #contentsBgCar05 { display: none; }
#messageAbout #contentsBg .contentsBgRoad { aspect-ratio: 1; animation: 20s linear infinite rotateCar; position: relative; }
#messageAbout #contentsBg .contentsBgRoad .contentsCarImg01,
#messageAbout #contentsBg .contentsBgRoad .contentsCarImg02 { width: 3.37%; position: absolute; top: calc(50% - 28px); max-width: 32px; }
#messageAbout #contentsBg .contentsBgRoad .contentsCarImg01 { right: 7.5%; }
#messageAbout #contentsBg .contentsBgRoad .contentsCarImg02 { left: 7.5%; transform: rotate(180deg); }
#messageAbout #messageSec,
#messageAbout #aboutSec { position: relative; }
#messageAbout #messageSec .contentsWrap,
#messageAbout #aboutSec .contentsWrap { padding: 0; position: relative; }

#messageAbout #messageSec, #messageAbout #aboutSec { /*opacity: 0 !important;*/ }
#messageAbout #contentsBg #contentsBgCar02 .contentsBgRoad { transform: rotate(-90deg); }
#messageAbout #contentsBg #contentsBgCar02 .contentsBgRoad .contentsCarImg01 { right: 8%; }
#messageAbout #contentsBg #contentsBgCar03 .contentsBgRoad { animation: 20s 3s linear infinite rotateCar; }
#messageAbout #contentsBg #contentsBgCar03 .contentsBgRoad .contentsCarImg02 { left: 8%; }
#messageAbout #contentsBg #contentsBgCar06 .contentsBgRoad { transform: rotate(-180deg); animation: 20s 1s linear infinite rotateHalfRight; }
#messageAbout #contentsBg #contentsBgCar06 .contentsBgRoad .contentsCarImg01 { top: 50%; right: -20%; transform: rotate(-90deg); animation: 20s 1s linear infinite goRightCar; }
#messageAbout #contentsBg #contentsBgCar07 .contentsBgRoad { transform: rotate(0); animation: 20s linear infinite rotateHalfLeft; }
#messageAbout #contentsBg #contentsBgCar07 .contentsBgRoad .contentsCarImg02 { top: 44%; left: -20%; transform: rotate(90deg); animation: 20s linear infinite goLeftCar; }
#messageAbout #contentsBg #contentsBgCar08 .contentsBgRoad { animation: 20s linear infinite rotateCarReverse; position: relative; }
#messageAbout #contentsBg #contentsBgCar08 .contentsBgRoad .contentsCarImg01 { left: 1.5%; right: auto; }

@keyframes rotateCar {
  0% { transform:rotate(0); }
  100% { transform:rotate(-360deg); }
}

@keyframes rotateCarReverse {
  0% { transform:rotate(0); }
  100% { transform:rotate(360deg); }
}

@keyframes goRightCar {
  0% { right: -30%; top: 50%; transform: rotate(-90deg); }
  17% { right: -1%; top: 50%; transform: rotate(-90deg); }
  20% { right: 1.5%; top: 53%; transform: rotate(-180deg); }
  45% { right: 1.5%; top: 42%; transform: rotate(-180deg); }
  80% { right: 1.5%; top: 42%; transform: rotate(-180deg); }
  83% { right: -1%; top: 45%; transform: rotate(-270deg); }
  100% { right: -30%; top: 45%; transform: rotate(-270deg); }
}

@keyframes goLeftCar {
  0% { left: -30%; top: 44%; transform: rotate(90deg); }
  17% { left: -1%; top: 44%; transform: rotate(90deg); }
  20% { left: 2%; top: 41%; transform: rotate(0); }
  55% { left: 2%; top: 55%; transform: rotate(0); }
  80% { left: 2%; top: 55%; transform: rotate(0); }
  83% { left: -1%; top: 51.5%; transform: rotate(-88deg); }
  100% { left: -30%; top: 51.5%; transform: rotate(-88deg); }
}

@keyframes rotateHalfRight {
  0% { transform:rotate(0); }
  20% { transform:rotate(0); }
  45% { transform:rotate(85deg); }
  80% { transform:rotate(180deg); }
  100% { transform:rotate(180deg); }
}

@keyframes rotateHalfLeft {
  0% { transform:rotate(0); }
  20% { transform:rotate(0); }
  45% { transform:rotate(85deg); }
  80% { transform:rotate(180deg); }
  100% { transform:rotate(180deg); }
}

/*message*/
#messageAbout #messageSec { padding-bottom: 68px; }
#messageAbout #messageSec .contentsTitle { max-width: 778px; width: 59.2vw; text-align: center; margin: 0 auto; padding-top: 87px; }
#messageAbout #messageSec .contentsSubTitle { max-width: 562px; width: 42.7vw; text-align: center; margin: 2vw auto 0; }
#messageAbout #messageSec p { text-align: center; margin-top: 26px; font-size: 1.7rem; line-height: 1.7; }
#messageAbout #messageSec #messageImg01 { position: absolute; bottom: -154px; left: -314px; }
#messageAbout #messageSec #messageImg02 { position: absolute; bottom: -134px; right: -272px; }

/*about*/
#messageAbout #aboutSec .contentsTitle { max-width: 778px; width: 59.2vw; text-align: center; margin: 0 auto; }
#messageAbout #aboutSec .contentsSubTitle { max-width: 1084px; width: 82.5vw; text-align: center; margin: -32px auto 0; }
#messageAbout #aboutSec #aboutList { margin: 33px auto 0; display: flex; justify-content: space-between; padding: 0 20px; }
#messageAbout #aboutSec #aboutList li { width: 32%; background-color: #fff; border: solid 4px #0767b1; border-radius: 30px; box-shadow: 10px 10px 10px rgba(0,0,0,0.3); }
#messageAbout #aboutSec #aboutList li a { padding: 20px 10px 10px 15px; display: flex; flex-direction: column; height: 100%; }
#messageAbout #aboutSec #aboutList li p { margin-top: 5px; font-size: 1.55rem; color: #000; line-height: 1.4; flex: 1; display: flex; align-items: center; background: url("/parking/recruit/common/images/common_arrow_blue.png") no-repeat right 5px center / 14.5%; padding-left: 1%; padding-right: 18%; transition: 0.2s; }
#messageAbout #aboutSec #aboutList li a:hover p { background-position: right center; }
#messageAbout #aboutSec #aboutCollab { margin: 45px 20px 0; display: flex; justify-content: space-between; align-items: center; background-color: #ffea01; border: solid 4px #004ea1; border-radius: 30px; padding: 2.1%; }
#messageAbout #aboutSec #aboutCollab p { flex: 1; font-size: 2.1rem; line-height: 1.5; font-weight: bold; }
#messageAbout #aboutSec #aboutCollab #aboutCollabIframe { width: 34%; aspect-ratio: 16 / 9; }
#messageAbout #aboutSec #aboutCollab #aboutCollabIframe iframe { width: 100%; height: 100%; }



@media screen and (max-width: 1960px) {
	
	#messageAbout { margin-top: 12.7vw; }
	#messageAbout #contentsBg { top: -10.5vw; }
	#messageAbout #messageSec .contentsTitle { padding-top: calc(87px + 2vw); }
	
}

@media screen and (max-width: 1340px) {
	
	#messageAbout { margin-top: 12.6vw; }
	#messageAbout #contentsBg { top: -10.5vw; width: 148%; }
	
	/*message*/
	#messageAbout #messageSec { padding-bottom: 5.2vw; }
	#messageAbout #messageSec .contentsTitle { padding-top: 12.5vw; }
	#messageAbout #messageSec .contentsSubTitle { margin-top: 3vw; }
	#messageAbout #messageSec p { font-size: 2.1vw; margin-top: 2vw; }
	#messageAbout #messageSec #messageImg01 { bottom: -12.2vw; width: 36vw; left: -24vw; }
	#messageAbout #messageSec #messageImg02 { bottom: -10vw; width: 36vw; right: -21vw; }
	
	/*about*/
	#messageAbout #aboutSec .contentsSubTitle { margin-top: -2vw; }
	#messageAbout #aboutSec #aboutList { margin-top: 1.8vw; }	
	#messageAbout #aboutSec #aboutList li a { padding: 1.4vw 1.5vw 1vw; }
	#messageAbout #aboutSec #aboutList li p { margin-top: 0.5vw; font-size: 1.9vw; line-height: 1.2; }
	#messageAbout #aboutSec #aboutCollab { margin-top: 3.6vw; }
	#messageAbout #aboutSec #aboutCollab p { font-size: 2.4vw; }

}

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

	#messageAbout { margin-top: 0; background: none; }
	#messageAbout #contentsBg { width: 100%; top: -20.2vw; }
	#messageAbout #contentsBg #contentsBgCar01,
	#messageAbout #contentsBg #contentsBgCar02,
	#messageAbout #contentsBg #contentsBgCar03,
	#messageAbout #contentsBg #contentsBgCar04,
	#messageAbout #contentsBg #contentsBgCar05,
	#messageAbout #contentsBg #contentsBgCar06,
	#messageAbout #contentsBg #contentsBgCar07,
	#messageAbout #contentsBg #contentsBgCar08 { width: 150%; left: -24%; }
	#messageAbout #contentsBg #contentsBgCar01 { top: 1vw; }
	#messageAbout #contentsBg #contentsBgCar02,
	#messageAbout #contentsBg #contentsBgCar03 { top: 31.2%; }
	#messageAbout #contentsBg #contentsBgCar02 .contentsBgRoad { animation: 20s linear infinite fadeCarTop; }
	#messageAbout #contentsBg #contentsBgCar03 .contentsBgRoad { animation: 20s linear infinite fadeCarBottom; }

	#messageAbout #contentsBg #contentsBgCar04,
	#messageAbout #contentsBg #contentsBgCar08 { display: block; bottom: -1.9%; }
	
	#messageAbout #contentsBg #contentsBgCar02 .contentsBgRoad .contentsCarImg01 { right: 7%; }
	#messageAbout #contentsBg #contentsBgCar03 .contentsBgRoad .contentsCarImg02 { left: 7%; }

	#messageAbout #contentsBg #contentsBgCar04 .contentsBgRoad { animation: 20s linear infinite fadeCarBottom; }

	#messageAbout #contentsBg #contentsBgCar05 { display: block; top: 1vw; transform: rotate(90deg); }
	#messageAbout #contentsBg #contentsBgCar05 .contentsBgRoad { animation: 20s linear infinite rotateCarReverse; }
	#messageAbout #contentsBg #contentsBgCar05 .contentsBgRoad .contentsCarImg01 { right: 1.2%; transform: rotate(180deg); }

	#messageAbout #contentsBg #contentsBgCar06,
	#messageAbout #contentsBg #contentsBgCar07 { display: none; }

	#messageAbout #contentsBg #contentsBgCar08 { top: auto; }
	#messageAbout #contentsBg #contentsBgCar08 .contentsBgRoad { animation: 20s 3s linear infinite fadeCarTopReverse; }

	/*message*/
	#messageAbout #messageSec { padding-bottom: 12vw; }
	#messageAbout #messageSec .contentsTitle,
	#messageAbout #messageSec .contentsSubTitle { width: 100%; max-width: 100%; }
	#messageAbout #messageSec .contentsSubTitle { margin-top: 5vw; }
	#messageAbout #messageSec p { font-size: 3.4vw; margin-top: 4vw; }
	#messageAbout #messageSec #messageImg01,
	#messageAbout #messageSec #messageImg02 { display: none; }

	/*about*/
	#messageAbout #aboutSec .contentsTitle,
	#messageAbout #aboutSec .contentsSubTitle { width: 100%; max-width: 100%; }
	#messageAbout #aboutSec .contentsSubTitle { margin-top: 0; }
	#messageAbout #aboutSec #aboutList { display: block; padding: 0; margin-top: 3vw; }
	#messageAbout #aboutSec #aboutList li { width: 100%; }
	#messageAbout #aboutSec #aboutList li:nth-child(n+2) { margin-top: 5vw; }
	#messageAbout #aboutSec #aboutList li a { padding: 3vw; }
	#messageAbout #aboutSec #aboutList li p { font-size: 4vw; line-height: 1.4; background-size: 8%; background-position: right center; padding-right: 10%; min-height: 8vw; }
	#messageAbout #aboutSec #aboutCollab { margin-left: 0; margin-right: 0; display: block; padding: 4vw 3vw 5vw; margin-top: 5vw; }
	#messageAbout #aboutSec #aboutCollab p { font-size: 3.8vw; line-height: 1.8; }
	#messageAbout #aboutSec #aboutCollab #aboutCollabIframe { margin-top: 5vw; width: 100%; }

}

@keyframes fadeCarTop {
  0% { opacity: 1; transform:rotate(0); }
  49% { opacity: 1; }
  50% { opacity: 0; }
  99% { opacity: 0; }
  100% { opacity: 1; transform:rotate(-360deg); }
}

@keyframes fadeCarTopReverse {
  0% { opacity: 0; transform:rotate(0); }
  49% { opacity: 0; }
  50% { opacity: 1; }
  99% { opacity: 1; }
  100% { opacity: 0; transform:rotate(360deg); }
}

@keyframes fadeCarBottom {
  0% { opacity: 0; transform:rotate(0); }
  49% { opacity: 0; }
  50% { opacity: 1; }
  99% { opacity: 1; }
  100% { opacity: 0; transform:rotate(-360deg); }
}

/*interview*/
#interviewSec { background: url("/parking/recruit/common/images/common_contents_bg02.png") repeat center center; padding-top: 225px; padding-bottom: 105px; }
#interviewSec .contentsTitle { max-width: 778px; width: 59.2vw; text-align: center; margin: 0 auto; }
#interviewSec .contentsSubTitle { max-width: 1084px; width: 82.5vw; text-align: center; margin: -45px auto 0; }
#interviewSec #interviewList { margin: 87px auto 0; display: flex; justify-content: space-between; }
#interviewSec #interviewList li { width: 48%; background-color: #fff; border: solid 3px #004ea3; border-radius: 40px; box-shadow: 10px 10px 10px rgba(0,0,0,0.3); position: relative; }
#interviewSec #interviewList li a { display: block; height: 100%; }
#interviewSec #interviewList li .listInfoArea { position: relative; padding: 4.5% 4% 2.5%; }
#interviewSec #interviewList li .listInfoArea .listTextInner p { font-size: 2.1rem; line-height: 1.4; color: #004f9e; font-weight: bold; }
#interviewSec #interviewList li .listInfoArea .listTextInner .listTextEntry { font-size: 1.12rem; line-height: 1.4; margin-top: 5px; }
#interviewSec #interviewList li .listInfoArea .listTextInner .listTextName { font-size: 2rem; line-height: 1; margin-top: 5px; }
#interviewSec #interviewList li .listInfoArea .listTextInner .listTextName span { font-size: 1.25rem; }
#interviewSec #interviewList li .listInfoArea .listTextInner .listTextEntry,
#interviewSec #interviewList li .listInfoArea .listTextInner .listTextName { font-weight: bold; color: #000; }
#interviewSec #interviewList li .listInfoArea .listImgInner { position: absolute; bottom: 0; right: 0; width: 38%; }
#interviewSec #interviewList li .listLink { font-size: 2rem; color: #000; background-color: #ffea01; text-align: center; padding: 2.9% 3.5%; border-radius: 0 0 40px 40px; }
#interviewSec #interviewList li .listLink span { background: url("/parking/recruit/common/images/common_arrow_blue.png") no-repeat right 5px center / contain; padding: 0 16%; display: block; line-height: 1.3; transition: 0.2s; }

#interviewSec #interviewList li a .listInfoArea .listTextInner,
#interviewSec #interviewList li a .listLink { transition: 0.6s; }
#interviewSec #interviewList li a:hover .listInfoArea .listTextInner,
#interviewSec #interviewList li a:hover .listLink { opacity: 0.7; }
#interviewSec #interviewList li a:hover .listLink span { background-position: right center; }

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

	#interviewSec { padding-top: calc(430px - 10vw); }

}

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

	#interviewSec { padding-top: 23vw; padding-bottom: 7.7vw; }
	#interviewSec .contentsSubTitle { margin-top: -3vw; }
	#interviewSec #interviewList { margin-top: 6.5vw; }
	#interviewSec #interviewList li .listInfoArea .listTextInner p { font-size: 2.5vw; }
	#interviewSec #interviewList li .listInfoArea .listTextInner .listTextEntry { font-size: 1.4vw; margin-top: 0.5vw; }
	#interviewSec #interviewList li .listInfoArea .listTextInner .listTextName { font-size: 2.5vw; line-height: 1.2; margin-top: 0; }
	#interviewSec #interviewList li .listInfoArea .listTextInner .listTextName span { font-size: 1.6vw; }
	#interviewSec #interviewList li .listInfoArea .listImgInner { width: 36%; }
	#interviewSec #interviewList li .listLink { font-size: 2.3vw; font-weight: bold; }

}

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

	#interviewSec { padding-bottom: 9.6vw; }
	#interviewSec .contentsTitle,
	#interviewSec .contentsSubTitle { width: 100%; max-width: 100%; }
	#interviewSec .contentsSubTitle { margin-top: 0; }
	#interviewSec #interviewList { display: block; margin-top: 8.6vw; }
	#interviewSec #interviewList li { width: 100%; border-radius: 20px; }
	#interviewSec #interviewList li:nth-child(n+2) { margin-top: 10vw; }
	#interviewSec #interviewList li .listInfoArea { padding-bottom: 2%; }
	#interviewSec #interviewList li .listInfoArea .listTextInner p { font-size: 5vw; }
	#interviewSec #interviewList li .listInfoArea .listTextInner .listTextEntry { font-size: 2.8vw; margin-top: 1.5vw; }
	#interviewSec #interviewList li .listInfoArea .listTextInner .listTextName { font-size: 4.6vw; }
	#interviewSec #interviewList li .listInfoArea .listTextInner .listTextName span { font-size: 3vw; }
	#interviewSec #interviewList li .listInfoArea .listImgInner { width: 34%; }
	#interviewSec #interviewList li .listLink { font-size: 4.5vw; }
	#interviewSec #interviewList li a .listInfoArea .listTextInner,
	#interviewSec #interviewList li a .listLink { transition: 0; border-radius: 0 0 20px 20px; }
	#interviewSec #interviewList li a:hover .listInfoArea .listTextInner,
	#interviewSec #interviewList li a:hover .listLink { opacity: 1; }
	#interviewSec #interviewList li .listLink span { line-height: 1.5; padding: 0 10%; background-position: right center; }

}

/*environment*/
#environmentSec { padding-top: 65px; }
#environmentSec .contentsWrap { max-width: 1300px; }
#environmentSec #environmentArea { border: solid 3px #0767b1; border-radius: 30px; padding: 4% 10%; }
#environmentSec .contentsTitle { max-width: 778px; width: 59.2vw; text-align: center; margin: 0 auto; }
#environmentSec .contentsSubTitle { max-width: 944px; width: 71.5vw; text-align: center; margin: 50px auto 0; }
#environmentSec #environmentArea #environmentInner { position: relative; }
#environmentSec #environmentArea #environmentInner #environmentBox p { color: #004ea1; font-size: 2.3rem; font-weight: bold; line-height: 1.6; margin-top: 25px; }
#environmentSec #environmentArea #environmentInner #environmentBox #environmentBtn { margin-top: 50px; width: 57%; margin-left: 10%; }
#environmentSec #environmentArea #environmentInner #environmentImg { width: 59%; position: absolute; right: -3.5%; top: -11%; }

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

	#environmentSec { padding: 5.2vw 20px 0; }
	#environmentSec .contentsSubTitle { margin-top: 4vw; }
	#environmentSec #environmentArea #environmentInner #environmentBox p { font-size: 2.8vw; margin-top: 2vw; }
	#environmentSec #environmentArea #environmentInner #environmentBox #environmentBtn { margin-top: 3.7vw; }

}

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

	#environmentSec { background: url("/parking/recruit/common/images/common_contents_bg01.png") repeat center center; padding-top: 6vw; padding-bottom: 7vw; }
	#environmentSec #environmentArea { padding: 7% 0 7.3%; background-color: #fff; max-width: 94%; margin: 0 auto; }
	#environmentSec .contentsTitle,
	#environmentSec .contentsSubTitle { width: 100%; max-width: 100%; }
	#environmentSec #environmentArea #environmentInner { margin: 2vw 2.5vw 0; }
	#environmentSec #environmentArea #environmentInner #environmentBox p { font-size: 4.5vw; margin-top: 0; }
	#environmentSec #environmentArea #environmentInner #environmentImg { position: static; width: 100%; margin-top: 2.5vw; }
	#environmentSec #environmentArea #environmentInner #environmentBox #environmentBtn { width: 100%; margin: 7.8vw auto 0; text-align: center; }

}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------
	アニメーション
--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------
	共通
-------------------------------------------------------*/
.animationElement { opacity: 0; }

/* boundIn */
.animationAction .animationElement.animationBoundIn { animation-name: boundIn; animation-duration: 1s; transition-timing-function: ease-in-out; animation-fill-mode: both; }
.animationAction .animationElement .animationBoundIn { animation-name: boundIn; animation-duration: 1s; transition-timing-function: ease-in-out; animation-fill-mode: both; }

/* fade */
.animationAction .animationElement.animationFadeUp { animation-name: fadeUp; animation-duration: 0.5s; transition-timing-function: ease-in-out; animation-fill-mode: both; }
.animationAction .animationElement.animationFadeIn { animation-name: fadeIn; animation-duration: 1s; transition-timing-function: ease-in-out; animation-fill-mode: both; }

/* slide */
.animationAction .animationElement.animationSlideLeft { animation-name: slideLeft; animation-duration: 1s; transition-timing-function: ease-in-out; animation-fill-mode: both; }
.animationAction .animationElement.animationSlideRight { animation-name: slideRight; animation-duration: 1s; transition-timing-function: ease-in-out; animation-fill-mode: both; }

/*-------------------------------------------------------
	keyframes
-------------------------------------------------------*/
@keyframes boundIn {
    0% { transform: scale(0.1); opacity: 0; }
    62.5% { transform: scale(1.1); }
    75% { transform: scale(0.9); }
    87.5% { transform: scale(1.05); }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeUp {
    0% { transform: translateY(50px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

@keyframes slideLeft {
    0% { transform: translate(-50px, 50px); opacity: 0; }
    100% { transform: translate(0); opacity: 1; }
}

@keyframes slideRight {
    0% { transform: translate(50px, 50px); opacity: 0; }
    100% { transform: translate(0); opacity: 1; }
}


/*-------------------------------------------------------
	個別
-------------------------------------------------------*/
/* MV */
#mvSec #mvimgList.animationElement { opacity: 1; }
#mvSec #mvimgList li { opacity: 0; }
#mvSec #mvText { animation-delay: 0.6s; }
#mvSec #mvPeople01 { animation-delay: 0.9s; }
#mvSec #mvPeople02 { animation-delay: 1.2s; }
#mvSec #mvimgList.animationElement li:nth-child(1) { animation-delay: 1.4s; }
#mvSec #mvimgList.animationElement li:nth-child(2) { animation-delay: 2.3s; }
#mvSec #mvimgList.animationElement li:nth-child(3) { animation-delay: 1.8s; }
#mvSec #mvimgList.animationElement li:nth-child(4) { animation-delay: 1.6s; }
#mvSec #mvimgList.animationElement li:nth-child(5) { animation-delay: 2.1s; }
#mvSec #mvimgList.animationElement li:nth-child(6) { animation-delay: 2s; }
#mvSec #mvimgList.animationElement li:nth-child(7) { animation-delay: 1.7s; }
#mvSec #mvimgList.animationElement li:nth-child(8) { animation-delay: 1.5s; }
#mvSec #mvimgList.animationElement li:nth-child(9) { animation-delay: 2.2s; }
#mvSec #mvimgList.animationElement li:nth-child(10) { animation-delay: 1.9s; }

/* message */
#messageAbout #messageSec .contentsTitle { animation-delay: 0.3s; }
#messageAbout #messageSec .contentsSubTitle { animation-delay: 0.6s; }
#messageAbout #messageSec #messageImg01 { animation-delay: 0.9s; }
#messageAbout #messageSec #messageImg02 { animation-delay: 1.2s; }

/* about */
#messageAbout #aboutSec .contentsTitle { animation-delay: 0.3s; }
#messageAbout #aboutSec .contentsSubTitle { animation-delay: 0.6s; }
#messageAbout #aboutSec #aboutList li:nth-child(1) { animation-delay: 0.9s; }
#messageAbout #aboutSec #aboutList li:nth-child(2) { animation-delay: 1.2s; }
#messageAbout #aboutSec #aboutList li:nth-child(3) { animation-delay: 1.5s; }
#messageAbout #aboutSec #aboutCollab { animation-delay: 1.8s; }

/* interview */
#interviewSec .contentsTitle { animation-delay: 0.3s; }
#interviewSec .contentsSubTitle { animation-delay: 0.6s; }
#messageAbout #messageSec p { animation-delay: 0.9s; }
#interviewSec #interviewList li:first-child { animation-delay: 1.2s; }
#interviewSec #interviewList li:last-child { animation-delay: 1.5s; }

/* environment */
#environmentSec #environmentTxt { animation-delay: 0.9s; }