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_img_waku{
		position: relative; 
		width: 100%;
		height: 700px;
		overflow: hidden;
	}
	.image {
		position: absolute;
		width: 100vw;
		min-width: 1100px;
		inset: 0; 
		opacity: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		animation-duration: 10s; /* ゆっくりに */
		animation-timing-function: linear;
		animation-iteration-count: infinite;
	}
	.image::after{
		content: "";
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		background: linear-gradient(to top, rgba(37, 45, 47, 0.4), rgba(37, 45, 47, 0));
		bottom: 0px;
		left: 0px;
		z-index: 1;
		box-sizing: border-box;
	}
	.src1 {
		background-image: url("/recruitment_20250108/img/top/01.jpg");
		background-position: center;
		animation-name: fade1;
	}
	.src2 {
		background-image: url("/recruitment_20250108/img/top/02.jpg");
		background-position: center;
		animation-name: fade2;
	}


/* フェード1（表示 → 非表示） */
	@keyframes fade1 {
		0%, 40% {
			opacity: 1;
		}
		50%, 90% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	
	/* フェード2（非表示 → 表示 → 非表示） */
	@keyframes fade2 {
		0%, 40% {
			opacity: 0;
		}
		50%, 90% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
/* トップ画像 文字 */
	.img_mozi{
		position: absolute;
		color: white;
		bottom: 0;
		margin: 60px 100px;
		text-shadow: 6px 3px 20px darkgray;
		font-family: "ゴシックMB101 B", "Gothic MB101 Bold", "Helvetica Neue" , Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.img_mozi_jpn{
		font-size: clamp(80px, 7.5vw, 130px);
		font-weight: bold;
		letter-spacing: 20px;
		margin-bottom: 2px;
	}
	.img_mozi_eng{
		font-size: clamp(19px, 1.75vw, 32px);
		letter-spacing: 4px;
	}
	.menu_waku{
		margin: 100px 7%;
	}
/* タイトル */
	.title{
		margin-bottom: 35px;
	}
	.eng_title{
		font-size: clamp(16px, 1.25vw, 20px);
		font-weight: bold;
		color: #6093C6;
	}
	.jpn_title{
		font-size:clamp(26.25px, 2.0833333333vw, 35px);
		margin-top: 7px;
	}
/* 私たちについて */
	.contents_waku{
		display: flex;
		width: 100%;
		margin-bottom: 20px;
	}
	.scroll_effect{
		transition: 0.8s ease-in-out;
		transform: translateY(30px);
		opacity: 0;
	}
	.scroll_effect_i{
		width:50%;
		border: 1px solid gainsboro;
		box-sizing: border-box;
		padding: 50px;
		transition: 1s ease-in-out;
		transform: translateY(30px);
		opacity: 0;
	}
	.scroll_effect_i2{
		width: 25%;
		padding: 30px;
	}
	.scroll_effect.on,.scroll_effect_i.on{
		transform: translateY(0);
		opacity: 1.0;
	}
	.contents_box{
		 /* width:50%;
		border: 1px solid gainsboro;
		box-sizing: border-box;
		padding: 50px; */
		display: flex;
		flex-direction: column; 
	}
	.contents1_img_box{
		width: -webkit-fill-available;
		height: 280px;
		display: flex;
		justify-content: center;
		margin: 0 auto;
	}
	.contents1_img{
		object-fit: cover;
		object-position: bottom;
		width: 100%;
		height: 90%;
	}
	.box1{
		/* width: 420px;
		height: 200px; */
	}
	.box2{
		/* width: 327px;
		height: 250px; */
	}
/* 私たちについて 文字部分*/
	.contents_box_title{
		font-size: clamp(23px, 1.25vw, 25px);
		font-weight: bold;
		letter-spacing: 2px;
	}
	.contents_box_mozi{
		margin-top: 12px;
		color: dimgray;
		font-size: clamp(15px, 1.25vw, 17px);
	}
/* 事業内容 */
	.contents_box2{
		/* width: 25%;
		padding: 30px;
		border: 1px solid gainsboro;
		box-sizing: border-box; */
	}
	.contents2_img{
		width: 100%;
		height: 165px;
		object-fit: cover;
	}
	.c2_img1{
		object-position: bottom;
	}
	.c2_img2{
		
	}
	.c2_img3{
		
	}
	.c2_img4{
		
	}
/* 事業内容 文字部分*/	
	.c2_box_title{
		display: flex;
		align-items: center;
		flex-direction: column;
		font-size: clamp(17px, 1.25vw, 19px);
		margin-top: 20px;
		letter-spacing: 4px;
		text-align: center;
	}
	.c2_box_mozi{
		font-size: clamp(15px, 1.25vw, 17px);
	}
/* 仕事内容　スライド */
	.menu_waku_slider{
		margin-bottom: 0px;
	}
	.slide_container {
		height: 400px;
		position: relative;
		overflow: hidden;
		margin-bottom: 60px;
	}
	.slideshow {
		width: 180%;
		height: 100%;
		display: flex;
		transition: transform 0.5s ease;
	}
	.slide_box{
		position: relative;
		width: 20%;
		height: 100%;
		background-color: #F3F3F3;
		margin-right: 10px;
		padding: 20px;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.link{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
	}
	.slide_box:hover .slide_contents_btn{
		border: 1px solid #6093C6;
		background-color: white;
		color: #6093C6;
	}
	.slide_box:hover {
		opacity: 0.7;
	}
/* 仕事内容　スライド中身 */
	.slide_contents{
		width: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-right: 10px;
	}
	.slide_mozi{
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-family: 'TsukuARdGothic-Regular',sans-serif;
		font-size: clamp(27px, 1.25vw, 29px);
		height: 295px;
		margin-bottom: 15px;
	}
	.slide_contents_btn{
		width: 90%;
		height: 40px;
		background-color: #6093C6;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: clamp(15px, 1.25vw, 17px);
		color: white;
		text-decoration: none;
		padding: 8px 17px;
		box-sizing: border-box;
		transition: 0.3s;
	}
/* スライダー 画像 */	
	.slide_img{
		width: 50%;
		object-fit: cover;
		object-position: center;
		border-radius: 7px;
		box-sizing: border-box;
	}
	.slide_1{
		object-position: 60%;
	}
	.slide_2{
		/* object-position: 27%; */
	}
	.slide_3{
		object-position: 16%;
	}
	.slide_4{
		object-position: 20%;
	}
	.slide_5{
		object-position: 23%;
	}

/* スライダー ボタン */
	.slide_btn{
		width: 6%;
		height: 30%;
		position: absolute;
		top: 50%;
		background-color: #262626;
		border: none;
		border-radius: 14px;
		box-sizing: border-box;
		color: white;
		font-size: clamp(20px, 1.25vw, 22px);
		padding: 10px;
		cursor: pointer;
	}
	.slide_btn:hover{
		background-color: gray;
	}
	.prev {
		left: -10px;
	}
	
	.next {
		right: -10px;
	}
/* 仕事内容 詳細ボタン */	
	.job_more_btn{
		width: 18%;
		height: 45px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
		text-decoration: none;
		color: white;
		background-color: #262626;
		box-sizing: border-box;
		margin: 0px auto;
		margin-bottom: 20px;
		font-size: clamp(15px, 1.25vw, 17px);
		cursor: pointer;
	}
	.job_more_btn:hover{
		border: 1px solid #262626;
		background-color: white;
		color: #262626;
		transition: 0.3s;
	}
/* 新卒採用 */
	.scroll_effect3{
		width: 30%;
		border: 1px solid gainsboro;
		box-sizing: border-box;
		padding: 20px;
		text-decoration: none;
		transition: 0.8s ease-in-out;
		transform: translateY(30px);
		opacity: 0;
	}
	.scroll_effect3:hover{
		opacity: 0.7;
	}
	.contents_box3{
		display: flex;
		flex-direction: column;
	}
	.contents3_img{
		width: 100%;
		object-position: top;
		object-fit: cover;
		aspect-ratio: 16 / 9;
	}
	.sinsotu_box{
		margin-top: 20px;
	}
	.sinsotu_title{
		color: black;
		font-size: clamp(21px, 1.25vw, 25px);
		font-weight: bold;
		letter-spacing: 5px;
		margin-bottom: 30px;
	}
	.sinsotu_menu_waku{
		display: flex;
		flex-direction: row;
	}
	.sinsotu_menu{
		display: flex;
		flex-direction: row;
		margin-right: 10%;
	}
	.sinsotu_menu_title{
		font-size: clamp(16px, 1.25vw, 18px);
		color: dimgray;
		margin-right: 10px;
	}
	.sinsotu_circle{
		position: relative;
		display: inline-block;
		padding: 0 0 0 16px;
		vertical-align: middle;
		text-decoration: none;
	}
	.sinsotu_circle::before,
	.sinsotu_circle::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.sinsotu_circle::before{
		box-sizing: border-box;
		width: 18px;
		height: 18px;
		border: 1px solid gainsboro;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	.sinsotu_circle::after{
		left: 5px;
		width: 5px;
		height: 5px;
		border-top: 1px solid #6093C6;
		border-right: 1px solid #6093C6;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		}
	

/* 採用情報 */		
	.saiyou_box{
		position: relative;
		width: 17%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		text-decoration: none;	
		margin-right: 10%;
		padding-bottom: 10px;
		box-sizing: border-box;
	}
	/* 下線設定 */
	.saiyou_box::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1.7px;
		background: #6093C6;
		transform: scaleX(1);
		transform-origin: left;
		transition: opacity 0.3s, transform 0.3s;
		opacity: 1;
	}
	.saiyou_mozi{
		color: black;
		font-size: clamp(21px, 1.25vw, 25px);
	}
/* 採用情報 ホバーしたとき */	
	.saiyou_box:hover::after {
		opacity: 0;
		transform: scaleX(0);
		transition: opacity 0.3s, transform 0.3s;
		animation: fadeIn 0.6s 0.3s forwards;
	}
	/* フェードインアニメーション */
	@keyframes fadeIn {
	  0% {
		transform: scaleX(0);
		opacity: 0;
	  }
	  100% {
		transform: scaleX(1);
		opacity: 1;
	  }	
	} 
	.saiyou_box:hover .saiyou_mozi{
		color: #6093C6;
		transition: 0.3s;
	}
	.saiyou_box:hover .circle::before{
		border: 1px solid #6093C6;
		transition: 0.3s;
	}
/* 採用情報 矢印 */			
	.saiyou_circle{
		position: relative;
		display: inline-block;
		padding: 0 0 0 16px;
		vertical-align: middle;
		text-decoration: none;
	}
	.saiyou_circle::before,
	.saiyou_circle::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.circle::before{
		box-sizing: border-box;
		width: 22px;
		height: 22px;
		border: 1px solid gainsboro;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	.circle::after{
		left: 7px;
		width: 5px;
		height: 5px;
		border-top: 1px solid #6093C6;
		border-right: 1px solid #6093C6;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
/* 応募欄 */	
	.oubo_waku{
		height: 565px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		background-image: url("/recruitment_20250108/img/oubo/oubo.jpeg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		margin-bottom: 120px;
		background-attachment: scroll;
	}
	.oubo_waku::after{
		content: '';
		width: 100%;
		background-color: rgba(0, 0, 0, .7);
	}
	.scroll_oubo{
		position: absolute;
		margin:88px 0px;
	}
	.oubo_contents{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.oubo_title{
		color: white;
		font-size: clamp(45px, 1.25vw, 47px);
		letter-spacing: 15px;
		font-family: 'ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
		font-weight: 600;
		margin-bottom: 20px;
	}
	.oubo_box{
		width: clamp(625px, 1.25vw, 635px);
		height: 300px;
		background-color: #6093C6;
		color: white;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 20px;
		border-radius: 20px;
		box-sizing: border-box;
	}
	.oubo_tel{
		display: flex;
		align-items: center;
		margin-bottom: 5px;
	}
	.oubo_tel1{
		font-size: clamp(30px, 1.25vw, 32px);
		margin-right: 5px;
	}
	.oubo_tel2{
		font-size: clamp(40px, 1.25vw, 42px);
		font-weight: bold;
		color: white;
		text-decoration: none;
	}
	.oubo_zinzi{
		font-size: clamp(30px, 1.25vw, 32px);
		margin-bottom: 10px;
	}
	.oubo_detail{
		text-align: center;
		font-size: clamp(23px, 1.25vw, 35px);
	}
	
/* スマホレイアウト */
@media screen and (max-width:450px) {
	.menu_waku{
		margin: 140px 5%;
	}
	.image {
		width: unset;
	}
	.img_mozi{
		margin: 80px 5%;
	}
	.img_mozi_jpn{
		font-size: 95px;
	}
	.img_mozi_eng{
		font-size: 34px;
	}
/*項目タイトル*/
	.eng_title{
		font-size: 25px;
	}
	.jpn_title{
		font-size: 55px;
	}
/* 私たちについて */
	.contents_waku{
		flex-direction: column;
	}
	.scroll_effect_i{
		width: 100%;
		margin-bottom: 50px;
		padding: 60px;
	}
	.contents_box{
		/* width: 100%;
		margin-bottom: 50px;
		padding: 60px; */
	}
	.contents1_img_box{
		height: 500px;
	}
	.contents1_img{
		height: unset;
	}
	.contents_box_title{
		font-size: 50px;
		margin-top: 60px;
	}
	.contents_box_mozi{
		font-size: 38px;
		margin-top: 5px;
	}
/* 事業内容 */
	.contents_box2{
		width: 100%;
		margin-bottom: 50px;
	}
	.contents2_img{
		height: 500px;
	}
	.c2_box_title{
		flex-direction: row;
		justify-content: center;
	}
	.c2_box_mozi{
		margin-top: 15px;
	}
/* 新卒 */
	.scroll_effect3{
		width: 55%;
	}
	.sinsotu_title{
		font-size: 38px;
	}
	.sinsotu_menu_title{
		font-size: 30px;
	}
	.sinsotu_circle::before{
		width: 50px;
		height: 50px;
		border: 2px solid gainsboro;
	}
	.sinsotu_circle::after{
		left: 16px;
		width: 11px;
		height: 11px;
		border-top: 2px solid #6093C6;
		border-right: 2px solid #6093C6;
	}
	
/* 採用情報 */
	.menu_waku_saiyou{
		margin-bottom: 100px;
	}
	.contents_waku_sayou{
		flex-direction: row;
	}
	.saiyou_box{
		width: 30%;
	}
	.saiyou_mozi{
		font-size: 38px;
	}
	.circle::before{
		width: 50px;
		height: 50px;
		border:2px solid gainsboro;
	}
	.circle::after{
		left: 16px;
		width: 11px;
		height: 11px;
		border-top: 2px solid #6093C6;
		border-right: 2px solid #6093C6;
	}
	
	.saiyou_box:hover .circle::before{
		border: 2px solid #6093C6;
	}
/* 仕事内容 */
	.menu_waku_slider{
		margin-bottom: 0px;
	}
	.slide_container{
		height: 510px;
		overflow: scroll;
	}
	.slideshow{
		width: 270%;
	}
	.slide_contents{
		width: 45%;
		margin-right: 30px;
	}
	.slide_mozi{
		font-size: 38px;
		height: 380px;
	}
	.slide_contents_btn{
		width: 90%;
		height: 56px;
		font-size: 30px;
	}
	.slide_btn{
		position: fixed;
		width: 8%;
		height: 32%;
		top: 26%;
		font-size: 30px;
	}
	.job_more_btn{
		width: 38%;
		height: 84px;
		font-size: 30px;
	}
/* 応募はこちら */
	.oubo_title{
		font-size: 55px;
	}
	.scroll_oubo{
		margin: 65px 0px;
	}
	.oubo_box{
		width: 700px;
		height: 330px;
	}
	.oubo_tel1{
		font-size: 43px;
	}
	.oubo_tel2{
		font-size: 50px;
	}
	.oubo_tel2 a{
		color: white;
		text-decoration: none;
	}
	.oubo_zinzi{
		font-size: 40px;
	}
	.oubo_detail{
		font-size: 28px;
	}
}	
@media screen and (min-width:1280px) and (max-width:1400px) {
	.top_img_waku{
		height: 490px;
	}
}
@media screen and  (min-width:450px) and (max-width:1280px){
	.top_img_waku{
		height: 490px;
	}
}