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




/*------------------------------------------------------------------------
	PC
------------------------------------------------------------------------*/



@media screen and (min-width:768px){
	
	
	body#recruit section.sec_1 .text{
		width: 665px;
	}
	
	body#recruit section.sec_2 ul.photo_list{
		justify-content: flex-end;
	}
	
	
/*--------------------------------------
	先輩の声
--------------------------------------*/
	body#recruit section.sec_3 ul{
		border-bottom: 1px solid rgba(206,206,206,0.35);
	}
	
	body#recruit section.sec_3 ul li{
		display: flex;
		/* align-items: center; */
		margin-bottom: 60px;
	}
	
	body#recruit section.sec_3 ul li:nth-of-type(even){
		flex-direction: row-reverse;
	}
	
	body#recruit section.sec_3 ul li .photo{
		position: relative;
	}
	
	body#recruit section.sec_3 ul li .photo,
	body#recruit section.sec_3 ul li .photo .img_wrap{
		width: 344px;
		height: auto;
	}
	
	body#recruit section.sec_3 ul li .photo .img_wrap img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	body#recruit section.sec_3 ul li .photo .post {
		color: #2ABCA2;
		border:1px solid #2ABCA2;
		border-radius: 14px;
		width: 349px;
		padding: 10px;
		margin-top: 16px;
	}

	body#recruit section.sec_3 ul li:last-of-type .photo .post{
		color: #2ABCA2;
		border: 1px solid #2ABCA2;
	}

	body#recruit section.sec_3 ul li .photo .post .post_office{
		font-weight: 700;
	}
	
	body#recruit section.sec_3 ul li .text{
		width: 500px;
		margin-left: 50px;
		padding-top: 125px;
	}
	
	body#recruit section.sec_3 ul li:nth-of-type(even) .text{
		margin-left: 0;
		margin-right: 50px;
	}
	
	body#recruit section.sec_3 ul li .text h3{
		background-color: #2ABCA2;
		font-size: 2.2rem;
		font-weight: 700;
		color: #fff;
		width: 400px;
		border-radius: 14px;
		padding: 5px 20px;
		margin-bottom: 50px;
	}

	body#recruit section.sec_3 ul li:last-of-type .text h3{
		background-color: #2ABCA2;
	}
	
	
/*--------------------------------------
	福利厚生
--------------------------------------*/
	body#recruit section.sec_4{
		position: relative;
	}

	body#recruit section.sec_4::before{
		content: "";
    display: block;
    background-color: #F0F0F0;
    min-width: 1340px;
    width: 100vw;
    height: calc(100% - 278px);
    position: absolute;
    right: 5%;
    bottom: 130px;
    z-index: -1;
	}

	body#recruit section.sec_4 h2+.img_wrap,
	body#recruit section.sec_5 h2+.img_wrap{
		margin-bottom: 90px;
	}
	
	body#recruit section.sec_4 h2+.img_wrap,
	body#recruit section.sec_4 h2+.img_wrap img,
	body#recruit section.sec_5 h2+.img_wrap,
	body#recruit section.sec_5 h2+.img_wrap img{
		width: 595px;
	}
	
	body#recruit section.sec_4 h3,
	body#recruit section.sec_5 h3{
		font-size: 3.4rem;
		margin-bottom: 70px;
	}
	
	body#recruit section.sec_4 .text,
	body#recruit section.sec_5 .text{
		margin-bottom: 130px;
	}
	
	body#recruit section.sec_4 .text p{
		margin-bottom: 20px;		
	}

	body#recruit section.sec_4 .dl_list{
		margin-bottom: 50px;
	}

	body#recruit section.sec_4 dl dt {
    width: 190px
	}
	
	body#recruit section.sec_4 ul.photo_list{
		display: flex;
		justify-content: flex-end;
	}
	
	body#recruit section.sec_4 ul.photo_list li,
	body#recruit section.sec_4 ul.photo_list li .img_wrap{
		width: 305px;
		height: 309px;
	}
	body#recruit section.sec_4 ul.photo_list li .img_wrap img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

/*--------------------------------------
	募集要項
--------------------------------------*/
	body#recruit section.sec_5{
		padding-top: 50px;
		padding-bottom: 110px;
	}
	
	body#recruit .sticky_sec .sec_container section.sec_5 dl dt{
		width: 230px;
	}
	
	body#recruit section.sec_5 .btn{
		margin: 25px auto 0;
	}
	
	body#recruit section.sec_5 .btn a{
		font-size: 1.6rem;
		font-weight: 500;
	}

	body#recruit section.sec_5 .box{
		margin-bottom: 150px;
	}
	
	body#recruit section.sec_5 .box:last-of-type{
		margin-bottom: 0;
	}
	
}








/*------------------------------------------------------------------------
	SP
------------------------------------------------------------------------*/



@media screen and (max-width:767px){
	
	
	body#recruit section.sec_1 .text{
		/*width: 665px;*/
	}
	
	body#recruit section.sec_2 ul.photo_list{
		justify-content: flex-end;
	}
	
	
/*--------------------------------------
	先輩の声(SP)
--------------------------------------*/
	body#recruit section.sec_3 ul{
		border-bottom: 1px solid rgba(206,206,206,0.35);
	}
	
	body#recruit section.sec_3 ul li{
		margin-bottom: 60px;
	}
	
	body#recruit section.sec_3 ul li .photo{
		position: relative;
		margin-bottom: 30px;
	}
	
	body#recruit section.sec_3 ul li .photo,
	body#recruit section.sec_3 ul li .photo .img_wrap{
		width: 100%;
		height: auto;
		/* aspect-ratio: 344/499; */
	}
	
	body#recruit section.sec_3 ul li .photo .img_wrap img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	body#recruit section.sec_3 ul li .photo .post {
		color: #2ABCA2;
		border:1px solid #2ABCA2;
		border-radius: 14px;
		max-width: 349px;
		width: 88vw;
		padding: 10px;
		margin-top: 16px;
	}

	body#recruit section.sec_3 ul li .photo .post .post_office{
		font-weight: 700;
	}
	
	body#recruit section.sec_3 ul li .text{
	}
	
	body#recruit section.sec_3 ul li .text h3{
		background-color: #2ABCA2;
		font-size: 2.2rem;
		font-weight: 700;
		color: #fff;
		border-radius: 14px;
		padding: 5px 20px;
		margin-bottom: 20px;
	}

	
/*--------------------------------------
	SANWA宣言(SP)
--------------------------------------*/
	body#recruit section.sec_4 h2+.img_wrap,
	body#recruit section.sec_5 h2+.img_wrap{
		margin-bottom: 90px;
	}
	
	body#recruit section.sec_4 h2+.img_wrap,
	body#recruit section.sec_4 h2+.img_wrap img,
	body#recruit section.sec_5 h2+.img_wrap,
	body#recruit section.sec_5 h2+.img_wrap img{
		width: 100%;
		height: auto;
	}
	
	body#recruit section.sec_4 h3,
	body#recruit section.sec_5 h3{
		font-size: 2.3rem;
		margin-bottom: 40px;
	}
	
	body#recruit section.sec_4 h3{
		text-indent: -1em;
    margin-left: 1em;
	}
	
	body#recruit section.sec_4 .text,
	body#recruit section.sec_5 .text{
		margin-bottom: 60px;
	}
	
	body#recruit section.sec_4 .text p{
		margin-bottom: 10px;		
	}
	
	body#recruit section.sec_4 ul.photo_list{
		display: flex;
		justify-content: flex-end;
		margin-top: 50px;
	}
	
	body#recruit section.sec_4 ul.photo_list li{
		width: calc(100% / 3);
		height: auto;
	}
	
	body#recruit section.sec_4 ul.photo_list li .img_wrap{
		width: 100%;
		height: auto;
		aspect-ratio: 305/309;
	}
	body#recruit section.sec_4 ul.photo_list li .img_wrap img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	
	
/*--------------------------------------
	募集要項(SP)
--------------------------------------*/	
	body#recruit section.sec_5{
		padding-bottom: 100px;
	}
	
	body#recruit section.sec_5 .btn{
		margin: 25px auto 0;
	}
	
	body#recruit section.sec_5 .btn a{
		font-size: 1.6rem;
		font-weight: 500;
	}
	
	body#recruit section.sec_5 .box{
		margin-bottom: 100px;
	}
	
	body#recruit section.sec_5 .box:last-of-type{
		margin-bottom: 0;
	}
	
	
}