body{
	margin: 0;
	min-width: 1200px;
	overflow-x: hidden;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', sans-serif;
}
img{
	pointer-events: none;
}
.waku{
	width: 100%;
	justify-content: space-between;
	padding-top: 140px;
	margin: 0 auto;
	box-sizing: border-box;
	min-width: 1200px;
}
@media screen and (max-width:450px) {
	.waku{
		padding: 0px;
	}
}
/* ファーストビュー */
	.top_container{
		overflow: hidden;
		margin-top: 20px;
		display: flex;
	}
	.top_show{
		display: flex;
		position: relative;
		animation: infinity-scroll-left 60s infinite linear 0.5s both;
	}
	@keyframes infinity-scroll-left {
	from {
	  transform: translateX(0);
	}
	  to {
	  transform: translateX(-100%);
	}
	}
	.top_img_box{
		position: relative;
		width: 800px;
		height: 700px;
		border-radius: 30px;
		margin: 0px 5px;
		aspect-ratio: 9/8;
	}
	.pc{
		display: block;
	}
	.sp{
		display: none;
	}
	.top_img_box::after{
		content: "";
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		background: linear-gradient(to top, rgba(37, 45, 47, 0.2), rgba(37, 45, 47, 0));
		bottom: 0px;
		left: 0px;
		z-index: 1;
		border-radius: 30px;
		box-sizing: border-box;
	}
	.top_img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		box-sizing: border-box;
		border-radius: 30px;
	}
	/* トップタイトル */
	.top_title_waku{
		position: absolute;
		display: flex;
		flex-direction: column;
		padding-left: 40px;
		bottom: 20px;
		box-sizing: border-box;
		color: white;
		z-index: 1;
	}
	.top_title_waku::before{
		content: "";
		display: block;
		width: 20.7vw;
		height: 20.7vw;
		max-width: 405px;
		max-height: 405px;
		min-width: 300px;
		min-height: 300px;
		background: linear-gradient(135deg, #ed2446, #fd452d);
		border-radius: 50%;
		position: absolute;
		left: 0;
		bottom: -12px;
		z-index: -1;
		transform: translateX(-40%);
	}
	.eng_mozi{
		position: absolute;
		top: clamp(-135px, -6vw, -74px);
		letter-spacing: 2px;
		font-size: clamp(16px, 1.2vw, 50px);
	}
	.jpn_mozi{
		position: relative;
		top: clamp(-95px, -4vw, -50px);
		font-size: clamp(47px, 3.5vw, 50px);
		font-weight: bold;
	}
/* トップコメント */
	.top_comment_container{
		height: 760px;
		display: flex;
		flex-direction: column;
		margin-top: 200px;
		margin-bottom: 180px;
		text-align: center;
	}
	.top_comment_box{
		
	}
	.top_comment_main{
		font-size: 40px;
		color: #fd452d;
		/* font-weight: bold; */
	}
	.top_comment_mozi{
		font-size: 20px;
		margin-top: 40px;
		line-height: 50px;
	}
	/* 円背景 */
	.canvas{
		position: absolute;
		z-index: -2;
	}
	/* 円画像 */
	.circle_img_box{
		position: absolute;
		width: -webkit-fill-available;
		min-width: 1200px;
		z-index: -1;
	}
	.circle_img{
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 30% 70% 60% 40% / 30% 40% 60% 70%;
		border: 5px solid white;
		box-shadow: 9px 9px 10px -3px whitesmoke,1px 2px 3px whitesmoke inset;
		box-sizing: border-box;
		animation: round_anime 5s linear infinite;
		background-size: cover;
		overflow: hidden;
		opacity: 0;
		transform: scale(0.5); /* 最初は小さく */
		transition: opacity 0.8s ease-out, transform 0.8s ease-out; /* 少し短縮 */
	}
	.circle_img.show {
		opacity: 1;
		transform: scale(1); /* 元のサイズに戻る */
	}
	.circle_img1{
		width: 22vw;
		height: 19vw;
		min-width: 256px;
		min-height: 244px;
		background-image: url("/recruitment_sinsotu/img/circle_img1.jpg");
		right: 5%;
	}
	.circle_img2{
		width: 19vw;
		height: 18vw;
		min-width:235px;
		min-height: 233px;
		background-image: url("/recruitment_20250108/img/slider/bankin.jpg");
		left: 4%;
		top: 130px;
	}
	.circle_img3{
		width: 23vw;
		height: 20vw;
		min-width: 300px;
		min-height: 255px;
		background-image: url("/site_img/car.jpg");
		left: 6%;
		top: 500px;
	}
	.circle_img4{
		width: 16vw;
		height: 15vw;
		min-width: 210px;
		min-height: 190px;
		background-image: url("/site_img/slider11.jpg");
		right: 11%;
		top: 420px;
	}
	@keyframes round_anime {
		0% { border-radius: 30% 70% 60% 40% / 30% 40% 60% 70%;}
		25% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;}
		50% { border-radius: 70% 30% 30% 70% / 50% 70% 30% 50%;}
		75% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;}
		100% { border-radius: 30% 70% 60% 40% / 30% 40% 60% 70%;}
	}
	/* 画面縮小時　円の位置調整 */
	@media (max-width: 1200px) {
		.circle_img1{
			right: 3%;
		}
		.circle_img4{
			right: 8%;
		}
	}
/* 働く環境 */
	.worklife_container{
		margin: 100px 8%;
		display: flex;
		flex-direction: row;
		/* justify-content: center; */
		margin-bottom: 200px;
	}
	.worklife_pc{
		display: flex;
	}
	.worklife_sp{
		display: none;
	}
	.worklife_contents{
		margin-right: 6%;
	}
	.worklife_title_waku,.TurnoverRate_title_waku{
		color: #fd452d;
		margin-bottom: 30px;
	}
	.worklife_title_eng{
		font-size: 85px;
		font-weight: bold;
		font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',sans-serif;
		line-height: 105px;
		display: flex;
		overflow:hidden;
		opacity: 0;
		transform: translateY(100px);
		transition: all 0.6s ease-out;
	}
	
	/* 文字のアニメーション設定 */
	.worklife_title_eng.show {
		opacity: 1;
		transform: translateY(0);
	}
	.worklife_title_eng p{
		opacity: 0;
		transform: translateY(2em);
		transition: all 0.5s ease-out;
		margin: 0px
	}
	.worklife_title_eng.show p {
		opacity: 1;
		transform: translateY(0);
	}
	.worklife_title_eng p:nth-child(1) { transition-delay: 0.1s; }
	.worklife_title_eng p:nth-child(2) { transition-delay: 0.2s; }
	.worklife_title_eng p:nth-child(3) { transition-delay: 0.3s; }
	.worklife_title_eng p:nth-child(4) { transition-delay: 0.4s; }
	.worklife_title_eng p:nth-child(5) { transition-delay: 0.5s; }
	.worklife_title_eng p:nth-child(6) { transition-delay: 0.6s; }
	.worklife_title_eng p:nth-child(7) { transition-delay: 0.7s; }
	.worklife_title_eng p:nth-child(8) { transition-delay: 0.8s; }
	
	
	.worklife_title_jpn{
		font-size: 27px;
	}
	.worklife_mozi{
		font-size: 20px;
		line-height: 40px;
		margin-bottom: 65px;
	}
	.worklife_btn,.TurnoverRate_btn{
		width: 250px;
		height: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		border: 2px solid #fd452d;
		border-radius: 40px;
		box-sizing: border-box;
		font-size: 20px;
		color: #fd452d;
		background-color: white;
	}
	.worklife_btn:hover,.TurnoverRate_btn:hover,.interview_btn:hover{
		border: 2px solid white;
		background-color: #fd452d;
		color: white;
	}
	/* 働く環境　画像 */
	.worklife_img_waku{
		
	}
	.worklife_img{
		width: 43vw;
		border-radius: 45px;
	}
	@media (max-width: 1200px) {
		.worklife_img{
			min-width: 500px;
		}
	}
/* 離職率が低い理由 */
	.TurnoverRate_container{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 200px;
	}
	.TurnoverRate_pc{
		display: flex;
	}
	.TurnoverRate_sp{
		display: none;
	}
	.TurnoverRate_contents{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.TurnoverRate_tite_eng{
		color: #fd452d;
		font-size: 85px;
		font-weight: bold;
		font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',sans-serif;
		line-height: 105px;
		display: flex;
		overflow:hidden;
		opacity: 0;
		transform: translateY(100px);
		transition: all 0.6s ease-out;
	}
	
	.TurnoverRate_tite_eng.show {
		opacity: 1;
		transform: translateY(0);
	}
	
	.TurnoverRate_tite_eng p{
		opacity: 0;
		transform: translateY(2em);
		transition: all 0.5s ease-out;
		margin: 0px
	}
	
	.TurnoverRate_tite_eng.show p {
		opacity: 1;
		transform: translateY(0);
	}
	.TurnoverRate_tite_eng p:nth-child(1) { transition-delay: 0.1s; }
	.TurnoverRate_tite_eng p:nth-child(2) { transition-delay: 0.2s; }
	.TurnoverRate_tite_eng p:nth-child(3) { transition-delay: 0.3s; }
	.TurnoverRate_tite_eng p:nth-child(4) { transition-delay: 0.4s; }
	.TurnoverRate_tite_eng p:nth-child(5) { transition-delay: 0.5s; }
	.TurnoverRate_tite_eng p:nth-child(6) { transition-delay: 0.6s; }
	.TurnoverRate_tite_eng p:nth-child(7) { transition-delay: 0.7s; }
	.TurnoverRate_tite_eng p:nth-child(8) { transition-delay: 0.8s; }
	.TurnoverRate_tite_eng p:nth-child(9) { transition-delay: 0.9s; }
	.TurnoverRate_tite_eng p:nth-child(10) { transition-delay: 1.0s; }
	.TurnoverRate_tite_eng p:nth-child(11) { transition-delay: 1.1s; }
	.TurnoverRate_tite_eng p:nth-child(12) { transition-delay: 1.2s; }
	
	.TurnoverRate_box{
		display: flex;
	}
	
	.TurnoverRate_img_waku{
		margin-top: -30px;
		z-index: -1;
	}
	.TurnoverRate_img{
		width: 43vw;
		border-radius: 45px;
		min-width: 500px;
		/* height: 405px; */
	}
	.TurnoverRate_mozi_waku{
		width: 497px;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.TurnoverRate_title_jpn{
		color: #fd452d;
		font-size: 27px;
		margin-bottom: 30px;
	}
	.TurnoverRate_mozi{
		font-size: 20px;
		line-height: 40px;
		margin-bottom: 65px;
		text-align: right;
	}
/* 社員インタビュー */
	.interview_container{
		display: flex;
		flex-direction: column;
		margin-bottom: 200px;
	}
	.interview_title_waku{
		color: #fd452d;
		margin: 0px 8%;
		margin-bottom: 40px;
	}
	.interview_title_eng{
		color: #fd452d;
		font-size: 85px;
		font-weight: bold;
		font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',sans-serif;
		line-height: 105px;
		display: flex;
		overflow:hidden;
		opacity: 0;
		transform: translateY(100px);
		transition: all 0.6s ease-out;
	}
	.interview_title_eng.show {
		opacity: 1;
		transform: translateY(0);
	}
	.interview_title_eng p{
		opacity: 0;
		transform: translateY(2em);
		transition: all 0.5s ease-out;
		margin: 0px
	}
	.interview_title_eng.show p {
		opacity: 1;
		transform: translateY(0);
	}
	.interview_title_eng p:nth-child(1) { transition-delay: 0.1s; }
	.interview_title_eng p:nth-child(2) { transition-delay: 0.2s; }
	.interview_title_eng p:nth-child(3) { transition-delay: 0.3s; }
	.interview_title_eng p:nth-child(4) { transition-delay: 0.4s; }
	.interview_title_eng p:nth-child(5) { transition-delay: 0.5s; }
	.interview_title_eng p:nth-child(6) { transition-delay: 0.6s; }
	.interview_title_eng p:nth-child(7) { transition-delay: 0.7s; }
	.interview_title_eng p:nth-child(8) { transition-delay: 0.8s; }
	.interview_title_eng p:nth-child(9) { transition-delay: 0.9s; }
	.interview_title_eng p:nth-child(10) { transition-delay: 1.0s; }
	.interview_title_eng p:nth-child(11) { transition-delay: 1.1s; }
	.interview_title_eng p:nth-child(12) { transition-delay: 1.2s; }
	
	.interview_title_jpn{
		font-size: 27px;
	}
	/* インタビュースライド */
	.interview_slide_waku{
		overflow: hidden;
	}
	.interview_slide_show{
		display: flex;
		flex-direction: row;
		transition: transform 0.5s ease-in-out;
	}
	.interview_waku{
		position: relative;
		margin-right: 35px;
	}
	.interview_waku:hover{
		transform: scale(1.04);
	}
	.interview_img{
		width: 25vw;
		height: 35vw;
		min-width: 289px;
		min-height: 410px;
		object-fit: cover;
		border-radius: 40px;
		box-sizing: border-box;
		
	}
	.interview_waku::before{
		content: "";
		display: block;
		width: 100%;
		height: 99%;
		background: linear-gradient(0deg, rgba(37, 45, 47, 0.54) 0%, rgba(37, 45, 47, 0) 40%);
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 40px;
		box-sizing: border-box;
	}
	/* スタッフ情報 */
	.interview_staff_info{
		position: absolute;
		width: -webkit-fill-available;
		bottom: 5%;
		padding: 10px;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.staff_info_waku{
		color: white;
		font-weight: bold;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		color: white;
		font-weight: bold;
		font-size: clamp(20px, 1.8vw, 27px);
	}
	.staff_circle{
		width: 8vw;
		height: 8vw;
		min-width: 93px;
		min-height: 93px;
		border-radius: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: black;
		font-size: clamp(13px, 1.2vw, 22px);
		text-align: center;
		background-color: white;
		box-sizing: border-box;
	}
	/* スクロールボタン */
	.scroll_btn_waku{
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-top: 40px;
	}
	.scroll_btn_waku button{
		width: 23px;
		height: 23px;
		border-radius: 40px;
		box-sizing: border-box;
		border: 2px solid #fd452d;
		background-color: white;
		margin: 0px 13px;
		cursor: pointer;
	}
	.scroll_btn_waku button:hover{
		background-color: #fd452d;
	}
	.scroll_btn_waku button.active {
		background-color:  #fd452d;
	}

	.interview_btn{
		width: 345px;
		height: 85px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		border: 2px solid #fd452d;
		border-radius: 40px;
		box-sizing: border-box;
		font-size: 20px;
		color: #fd452d;
		background-color: white;
		margin: 0 auto;
		margin-top: 60px;
	}
/* インフォメーション */
	.information_container{
		/* height: 650px; */
		display: flex;
		align-items: center;
		margin-bottom: 120px;
		background: linear-gradient(rgba(0, 0, 0, .6),  rgba(0, 0, 0, .6)),  url("https://lilith.gotousubaru.jp/recruitment_20250108/img/oubo/oubo.jpeg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: scroll; /* 背景を固定 */
	}
	.information_box{
		background-color: white;
		padding: 40px 55px;
		border-radius: 20px;
		box-sizing: border-box;
		margin-left: 8%;
		margin-top: 110px;
		margin-bottom: 110px;
	}
	.information_title_waku{
		color: #fd452d;
		font-weight: bold;
		margin-bottom: 50px;
	}
	.information_title_eng{
		font-size: 50px;
		letter-spacing: 10px;
		font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',sans-serif;
	}
	.information_title_jpn{
		font-size: 18px;
	}
	.infomation_contents_waku{
		
	}
	.infomation_btn_waku{
		display: flex;
		flex-direction: row;
		align-items: center;
		text-decoration: none;
		margin-top: 25px;
		color: black;
	}
	.infomation_btn_waku:hover{
		opacity: 0.5;
	}
	.infomation_btn_title{
		width: 210px;
		font-size: 27px;
	}
	.infomation_btn{
		width: 40px;
		height: 40px;
		background-color: whitesmoke;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 30px;
		box-sizing: border-box;
	}
/* スマホレイアウト */
	@media screen and (max-width:450px) {
		/* トップスライド */
		.top_container{
			position: relative;
		}
		.top_img_box{
			width: 860px;
			height: 1030px;
		}
		.pc{
			display: none;
		}
		.sp{
			display: block;
		}
		.top_title_waku{
			/* bottom: -83%; */
		}
		.top_title_waku::before{
			width: 500px;
			height: 500px;
			max-width: unset;
			max-height: unset;
		}
		.eng_mozi{
			font-size: 35px;
			top: -132px;
		}
		.jpn_mozi{
			width: max-content;
			font-size: 80px;
			top: -80px;
		}
		
		/* トップコメント */
		.top_comment_container{
			height: unset;
			margin-top: 330px;
		}
		.top_comment_main{
			font-size: 55px;
		}
		.top_comment_mozi{
			font-size: 38px;
			line-height: 62px;
		}
		.circle_img1{
			width: 92vw;
			height: 89vw;
			margin-top: -280px;
		}
		.circle_img2{
			width: 65vw;
			height: 64vw;
			top: -184px;
		}
		.circle_img3{
			left: -2%;
			top: 760px;
		}
		.circle_img4{
			width: 61vw;
			height: 60vw;
			right: 2%;
			top: 480px;
		}
		/* 働く環境 */
		.worklife_pc{
			display: none;
		}
		.worklife_sp{
			display: flex;
		}
		.worklife_container{
			flex-direction: column;
			align-items: center;
		}
		.worklife_title_waku,.TurnoverRate_title_waku{
			margin-bottom: 40px;
		}
		.worklife_title_eng{
			font-size: 135px;
			line-height: 160px;
			letter-spacing: 4px;
		}
		.worklife_title_jpn,.TurnoverRate_title_jpn,.interview_title_jpn{
			font-size: 45px;
		}
		.worklife_img{
			width: 900px;
			height: 500px;
			object-fit: cover;
			min-width: 500px;
			min-height: 375px;
		}
		.worklife_mozi{
			font-size: 38px;
			line-height: 60px;
			margin-top: 30px;
		}
		.worklife_btn, .TurnoverRate_btn{
			width: 337px;
			height: 110px;
			font-size: 38px;
			border-radius: 80px;
		}
		/* 離職率が低い理由 */
		.TurnoverRate_pc{
			display: none;
		}
		.TurnoverRate_sp{
			display: flex;
		}
		.TurnoverRate_contents{
			flex-direction: column;
			align-items: center;
		}
		.TurnoverRate_tite_eng{
			font-size: 135px;
			line-height: 160px;
		}
		.TurnoverRate_title_jpn{
			margin-bottom: 0px;
		}
		.TurnoverRate_box{
			flex-direction: column;
			align-items: center;
		}
		.TurnoverRate_img_waku{
			margin-top: 0px;
		}
		.TurnoverRate_img{
			width: 900px;
			height: 500px;
			object-position: top;
			object-fit: cover;
		}
		.TurnoverRate_mozi_waku{
			width: unset;
			flex-direction: column;
			align-items: center;
		}
		.TurnoverRate_mozi{
			font-size: 38px;
			line-height: 60px;
			margin-top: 30px;
			text-align: center;
			
		}
		/* 社員インタビュー */
		.interview_title_eng{
			font-size: 135px;
			line-height: 160px;
		}
		.interview_img{
			width: 512px;
			height: 840px;
		}
		.staff_circle{
			width: 142px;
			height: 142px;
			border-radius: 200px;
			font-size: 28px;
		}
		.staff_info_waku{
			font-size: 42px;
		}
		.scroll_btn_waku{
			font-size: 45px;
		}
		.scroll_btn_waku button{
			width: 50px;
			height: 50px;
			margin: 0px 35px;
		}
		.interview_btn{
			width: 740px;
			height: 130px;
			font-size: 38px;
			margin-top: 80px;
			border-radius: 100px;
		}
		/* インフォメーション */
		.information_container{
			justify-content: center;
		}
		.information_box{
			margin-left: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			width: 735px;
			height: 474px;
		}
		.information_title_eng{
			font-size: 75px;
		}
		.information_title_jpn{
			font-size: 28px;
		}
		.infomation_btn_title{
			font-size: 38px;
		}
		.infomation_btn_title{
			width: 360px;
		}
		.infomation_btn_waku{
			margin-top: 30px;
		}
		.infomation_btn{
			width: 60px;
			height: 60px;
			font-size: 32px;
		}
		.information_container{
			height: 800px;
			background-attachment: unset;
		}
	}
	@media screen and (min-width:1280px) and (max-width:1400px) {
		.top_img_box{
			width: 74vh;
			height: 74vh;
		}
		
		
	}
	@media screen and  (min-width:450px) and (max-width:1280px){
		.top_img_box{
			width: 74vh;
			height: 74vh;
		}
		
	}