@charset "utf-8";
/*--------- sp ---------*/
main{
    background-image: url("../images/faq/img_01.jpg");
    background-position: 50% top;
    background-size: 280% auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/*--採用情報はこれ--*/
.title_inner h1{
	padding-top: clamp(10px,1vw,15px);
}
/*背景 sp*/
.bd_gradient{
		padding-bottom: 0;
	}
.bd_center{
	padding-top: clamp(60px,10vw,120px);
}
/*faqテーブル sp*/
.faq{
	color: #fff;
	padding: clamp(50px,7vw,100px) 0 clamp(40px,5.5vw,80px);
	width: min(90%,1740px);
	margin: 0 auto;
}
.faq table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.faq table tr{
	border-collapse: collapse;
}
.faq table tr:nth-child(even) {
	align-items: center;
	/*ドットを調整*/
	background-image : linear-gradient(to right, #fff 1px, transparent 1px);
	background-size: 4px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.faq table tr th{
	padding: 5px 0;
	width: 55px;
	vertical-align: top;
}  
.faq table tr:nth-child(even) th{
	padding-bottom: 15px;
} 
.faq table tr:nth-child(odd) th{
	padding-top: 15px;
} 
.faq table tr td{
	padding: 5px 0;
}
.faq table tr:nth-child(even) td{
	padding-bottom: 15px;
}  
.faq table tr:nth-child(odd) td{
	padding-top: 15px;
} 
.qqq{
	background-color: #F1914A;
	border-radius: 5px;
	padding: 5px 0;
	width: 45px;
	font-weight: 700;
	line-height: 1.2;
	font-size: 1.7rem;
}
.q_text{
	font-size: clamp(1.8rem,2.2vw,3.2rem);
	font-weight: 700;
	line-height: 1.3;
}
.aaa{
	background-color: #fff;
	border-radius: 5px;
	padding: 5px 0;
	width: 45px;
	color: #F1914A;
	font-weight: 700;
	line-height: 1.2;
	font-size: 1.7rem;
}
.link_btn{
	font-weight: 700;
	padding: clamp(10px,1.5vw,20px) 0 0;
}
.link_btn li{
	border-bottom: 1px dotted #ffffff;
	font-size: clamp(1.6rem,1.7vw,2.0rem);
	font-weight: 700;
	position: relative;
	display: inline-block;
	padding: 5px 35px 5px 0;
	margin: 5px 20px 5px 0;
}
.link_btn li:hover{
	border-bottom: 1px dashed #ffffff;
}
.link_btn li a{
	color: #ffffff;
	display: block;
	width: 100%;
}
.link_btn li:after{
	position: absolute;
	content: '';
	display: inline-block;
	width: 23px;
	height: 23px;
	background-image: url(../images/top/png_16.png);
	background-size: 23px;
	top: 7px;
	right: 5px;
	transition: .2s;
}
.link_btn li:hover:after{
	right: -1px;
}
/*募集要項/FAQボタン sp*/
.other{
	background: linear-gradient(to right, #ffffff,#C8DAEE);	
	font-size: clamp(2.0rem,2.2vw,3.2rem);
	font-weight: 700;
	line-height: 1.1;
	border-top: 1px solid #eeeeee;
}
.other a{
	display: block;
	width: 100%;
	padding: 30px 0;
	position: relative;
	padding-left: 115px;
}
.other span{
	font-size: clamp(1.2rem,1vw,1.6rem);
	color: #999999;
	font-weight: 400;
}
.other a:before {
	content: '';
	display: inline-block;
	width: 60px;
	height: 64px;
	background-image: url("../images/recruit_01/png_09.png");
	background-size: 60px auto;
	position: absolute;
	top: calc((100% - 64px) / 2);
	left: 5%;
	transition: all .3S;
 	 background-repeat: no-repeat;
	 background-position: left center;
}
._other_02 a:before {
	width: 70px;
	height: 55px;
	background-image: url("../images/recruit_01/png_08.png");
	background-size: 70px auto;
	top: calc((100% - 55px) / 2);
}
/*採用スケジュール*/
._other_03 a:before {
	background-image: url("../images/recruit_01/png_11.png");
}
.other a:after {
	content: '';
	display: inline-block;
	width: 29px;
	height: 29px;
	background-image: url("../images/recruit_01/png_10.png");
	background-size: 29px;
	position: absolute;
	top: calc((100% - 29px) / 2);
	right: 5%;
	transition: all .3S;
 	 background-repeat: no-repeat;
	 background-position: left center;
}
.other a:hover:after {
	background-image: url("../images/recruit_01/png_10_on.png");
}


@media (min-width:768px){
/*--------- tab ---------*/
	main{
		background-position: 20px top;
		background-size: 130% auto;		
	}
	/*faqテーブル tab*/
	.faq table tr th{
		padding: 10px 0;
		width: 65px;
	}  
	.faq table tr:nth-child(even) th{
		padding-bottom: 25px;
	} 
	.faq table tr:nth-child(odd) th{
		padding-top: 25px;
	} 
	.faq table tr td{
		padding: 10px 0;
	}
	.faq table tr:nth-child(even) td{
		padding-bottom: 25px;
	}  
	.faq table tr:nth-child(odd) td{
		padding-top: 25px;
	} 
	.qqq{
		padding: 5px 0;
		width: 55px;
		font-size: 2.1rem;
	}
	.aaa{
		padding: 5px 0;
		width: 55px;
		font-size: 2.1rem;
	}
	/*募集要項/FAQボタン tab*/
	.other_page{
		display: flex;
		justify-content: space-between;
	}
	.other{
		width: 50%;
		border-top: none;
	}
}

@media (min-width:1024px){
/*--------- pc ---------*/
	/*faqテーブル pc*/
	.faq table tr th{
		padding: 15px 0;
		width: 85px;
	}  
	.faq table tr:nth-child(even) th{
		padding-bottom: 35px;
	} 
	.faq table tr:nth-child(odd) th{
		padding-top: 35px;
	} 
	.faq table tr td{
		padding: 15px 0;
	}
	.faq table tr:nth-child(even) td{
		padding-bottom: 35px;
	}  
	.faq table tr:nth-child(odd) td{
		padding-top: 35px;
	} 
	.qqq{
		padding: 5px 0;
		width: 65px;
		font-size: 2.4rem;
	}
	.aaa{
		padding: 5px 0;
		width: 65px;
		font-size: 2.4rem;
	}
	.link_btn li{
		padding: 7px 45px 7px 0;
	}
	.link_btn li:after{
		width: 31px;
		height: 31px;
		background-size: 31px;
		top: 7px;
		right: 5px;
	}
	.link_btn li:hover:after{
		right: -1px;
	}	
	/*募集要項/FAQボタン pc*/
	.other a{
		padding: 50px 0;
		padding-left: 200px;
	}
	.other a:before {
		width: 90px;
		height: 97px;
		background-size: 90px auto;
		top: calc((100% - 97px) / 2);
		left: 50px;
	}
	._other_02 a:before {
		width: 110px;
		height: 86px;
		background-size: 110px auto;
		top: calc((100% - 86px) / 2);
	}
	
	.other a:after {
		right: 50px;
	}
}

@media (min-width:1280px){
	main{
		background-position: left top;
		background-size: 110% auto;
	}	
	

}



@media (min-width:1430px){
	
	/*募集要項/FAQボタン 1430*/
	.other a{
		padding: 65px 0;
		padding-left: 300px;
	}
	.other a:before {
		width: 121px;
		height: 130px;
		background-size: 121px auto;
		top: calc((100% - 130px) / 2);
		left: 90px;
	}
	._other_02 a:before {
		width: 166px;
		height: 130px;
		background-size: 166px auto;
		top: calc((100% - 130px) / 2);
	}
	/*採用スケジュール*/
	._other_03 a:before {
		width: 138px;
		height: 130px;
		background-size: 138px auto;
		top: calc((100% - 130px) / 2);
	}
	.other a:after {
		right: 60px;
	}
}
@media (min-width:1480px){
	main{
		background-size: 110% auto;
	}
	

	
}
@media (min-width:1780px){
	
	
}