@charset "UTF-8";

#main .recruit-root{ position: relative; z-index: 20; padding-bottom: 340px; }
#main .recruit-root .main-body{ background: url(../image/bg01.jpg) 0 0 repeat-y; background-size: 100% auto; padding-top: 180px; }
#main .recruit-root .ttl-body{ position: relative; color: #000033; margin-left: 8.5714%; }
#main .recruit-root .ttl-body::before{ content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 64px; background-color: #000033; transform-origin: right 0; transform: translateY(-70%) rotate(45deg); }
#main .recruit-root .ttl-body .ttl{ font-size: 1rem; font-weight: normal; color: inherit; }
#main .recruit-root .ttl-body .en{ font-size: 3.8125rem; line-height: 1.2; color: inherit; font-family: 'YakuHanJP', 'Outfit', sans-serif; }
#main .recruit-root .visual-wrapper{ padding: 40px 0; overflow: hidden; position: relative; }
#main .recruit-root .visual-wrapper .photo-list01{ width: 200%; display: flex; display: -ms-flex; position: relative; z-index: 20; }
#main .recruit-root .visual-wrapper .photo-list01 .item01{ width: 9.0794%; margin-top: 4.2857vw; }
#main .recruit-root .visual-wrapper .photo-list01 .item02{ width: 9.14245%; margin-top: 12.8571vw; }
#main .recruit-root .visual-wrapper .photo-list01 .item03{ width: 13.87135%; }
#main .recruit-root .visual-wrapper .photo-list01 .item04{ width: 9.70995%; margin-top: 10.7142vw; }
#main .recruit-root .visual-wrapper .photo-list01 .item05{ width: 8.1967%; margin-top: 2.1428vw; }
#main .recruit-root .visual-wrapper .photo-list01 .item .photo{ overflow: hidden; border-radius: 17px; margin: 0 1.4285vw; }
#main .recruit-root .visual-wrapper .photo-list01 .item .photo img{ width: 100%; height: auto; }
#main .recruit-root .visual-wrapper .photo-list02{ width: 180%; display: flex; display: -ms-flex; position: absolute; left: 0; top: 0; }
#main .recruit-root .visual-wrapper .photo-list02 .item{ margin-left: 10.619%; }
#main .recruit-root .visual-wrapper .photo-list02 .item01{ width: 6.3571%; margin-top: 2.8571vw; }
#main .recruit-root .visual-wrapper .photo-list02 .item02{ width: 5.89285%; margin-top: 21.4285vw; }
#main .recruit-root .visual-wrapper .photo-list02 .item03{ width: 5.89285%; margin-top: 2.8571vw; }
#main .recruit-root .visual-wrapper .photo-list02 .item .photo{ overflow: hidden; border-radius: 10px; filter: blur(10px); opacity: 0.7; margin: 0 0.7142vw; }
#main .recruit-root .visual-wrapper .photo-list02 .item .photo img{ width: 100%; height: auto; }
#main .recruit-root .intro{ margin-top: -20px; text-align: center; padding-bottom: 150px; }
#main .recruit-root .intro .copy-body{ position: relative; }
#main .recruit-root .intro .copy-body .en{ font-size: 10.625rem; line-height: 1; color: #ffffff; font-weight: bold; font-family: 'YakuHanJP', 'Outfit', sans-serif; }
#main .recruit-root .intro .copy-body .ja{ font-size: 2.5rem; line-height: 1.5; color: #111111; font-weight: 900; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); }
#main .recruit-root .intro .txt{ font-size: 1.125rem; line-height: 2.2222; color: #111111; }



@media screen and (max-width: 1400px) {
	#main .recruit-root .intro .copy-body .en{ font-size: 12.1428vw; }
}
@media screen and (max-width: 1060px) {
}
@media screen and (max-width: 767.5px) {
	#main .recruit-root{ padding-bottom: 46%; }
	#main .recruit-root .main-body{ padding-top: 32%; }
	#main .recruit-root .ttl-body{ margin-left: 12%; }
	#main .recruit-root .ttl-body::before{ width: 1px; height: 10.6666vw; }
	#main .recruit-root .ttl-body .ttl{ font-size: 1rem; }
	#main .recruit-root .ttl-body .en{ font-size: 2.2857rem; }
	#main .recruit-root .visual-wrapper{ padding: 10.6666% 0; }
	#main .recruit-root .visual-wrapper .photo-list01{ width: 400%; }
	#main .recruit-root .visual-wrapper .photo-list01 .item01{ margin-top: 6.4285vw; }
	#main .recruit-root .visual-wrapper .photo-list01 .item02{ margin-top: 19.2856vw; }
	#main .recruit-root .visual-wrapper .photo-list01 .item04{ margin-top: 16.071vw; }
	#main .recruit-root .visual-wrapper .photo-list01 .item05{ margin-top: 3.214vw; }
	#main .recruit-root .visual-wrapper .photo-list01 .item .photo{ border-radius: 4.5333vw; margin: 0 3.3333vw; }
	#main .recruit-root .visual-wrapper .photo-list01 .item .photo img{ width: 100%; height: auto; }
	#main .recruit-root .visual-wrapper .photo-list02{ width: 360%; }
	#main .recruit-root .visual-wrapper .photo-list02 .item01{ margin-top: 4.2856vw; }
	#main .recruit-root .visual-wrapper .photo-list02 .item02{ margin-top: 32.1427vw; }
	#main .recruit-root .visual-wrapper .photo-list02 .item03{ margin-top: 4.2856vw; }
	#main .recruit-root .visual-wrapper .photo-list02 .item .photo{ border-radius: 2.6666vw; margin: 0 1.6666vw; }
	#main .recruit-root .intro{ margin-top: 0; padding-bottom: 20%; overflow: hidden; }
	#main .recruit-root .intro .copy-body{ padding-top: 24.2507%; }
	#main .recruit-root .intro .copy-body .en-body{ display: flex; display: -ms-flex; position: absolute; left: 0; top: 0; }
	#main .recruit-root .intro .copy-body .en{ font-size: 6.4958rem; white-space: nowrap; padding-right: 0.5em; }
	#main .recruit-root .intro .copy-body .ja{ font-size: 1.7142rem; letter-spacing: 0.2em; }
	#main .recruit-root .intro .txt{ font-size: 1rem; line-height: 2.142; margin-top: 5.3333%; }
}




#main .recruit-root .visual-wrapper .photo-list01{ animation: conveyor_animation 30s infinite linear; }
#main .recruit-root .visual-wrapper .photo-list02{ animation: conveyor_animation 50s infinite linear; }
@media screen and (max-width: 767.5px) {
	#main .recruit-root .intro .copy-body .en-body{ animation: conveyor_animation 15s infinite linear; }
}
@keyframes conveyor_animation{
	0%{ transform: translateX(0); }
	100%{ transform: translateX(-50%); }
}