@charset "utf-8";



/*/////////////////////////////////////////////////////////////////////
    for PC  パソコン画面用（768px以上）
/////////////////////////////////////////////////////////////////////*/

@media only screen and (min-width:768px) {

	body {
		min-width: 960px;
	}

	#wrapper {}

	.pc_none {
		display: none;
	}

	/*==================================================
    FV　h1  for PC
==================================================*/

	#fv_box .inner {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		width: auto;
		height: 520px;
		margin: 0 auto;
		background-image: url(../img/top_h1_bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	#fv_box .inner h1 {
		margin: -300px auto 0;
		font-size: 40px;
		width: 400px;
		line-height: 1.5;
		text-align: center;
		/*font-family:,"FOT-マティス Pro M";*/
		color: #4c4c4c;
		border-bottom: solid 1px #000;
	}

	#fv_box .inner p {
		margin: 0 auto;
		font-size: 12px;
		line-height: 1.5;
		color: #000;
		text-align: center;
	}

	#fv_box .inner_2 {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		width: auto;
		height: 520px;
		margin: 0 auto;
		background-image: url(../img/top20230628.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	#fv_box .inner_2 h1 {
		margin: -300px auto 0;
		font-size: 40px;
		width: 400px;
		line-height: 1.5;
		text-align: center;
		/*font-family:,"FOT-マティス Pro M";*/
		color: #4c4c4c;
		border-bottom: solid 1px #000;
	}

	#fv_box .inner_2 p {
		margin: 0 auto;
		font-size: 12px;
		line-height: 1.5;
		color: #000;
		text-align: center;
	}


	/*==================================================
    Main シンクスのお仕事  for PC
==================================================*/
	#works {
		margin: 0 auto 60px;
		width: auto;
		height: 470px;
		background-image: url(../img/top_works_bg.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	#works .works_in {
		margin: 0 auto;
		padding: 60px 0 0;
		width: 840px;
		height: 470px;
	}

	#works .works_in h2{
		width: 290px;
		height: 50px;
		margin: 0 auto 30px;
	}
	
	#works .works_in p{
		font-size: 18px;
		line-height: 2.0;
	}


	#works .works_in .btn {
		width: 840px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: auto 0;
		padding: 30px 0 0;
	}



	#works .works_in .btn li {
		width: 410px;
	}


	/*
	#works .works_in h2 {
		width: 760px;
		margin: 0 auto 30px;
		padding: 10px;
		background-color: #b9b9b9;
		text-align: center;
		font-size: 32px;
		line-height: 1.3;
	}

	#works .works_in ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 760px;
		margin: 0 auto 20px;
	}

	#works .works_in ul li {
		width: 240px;
		margin-bottom: 20px;
	}

	#works .works_in ul li img {
		width: 100%;
	}
*/




/*==================================================
    Main 採用情報  for PC
==================================================*/

#recruit{
	margin:30px auto;
	height: 500px;
}


#recruit .recruit_in{
	margin: 60px auto;
}

	#recruit .recruit_in ul{
		width: 780px;
		height: 220px;
		margin: 0 auto 60px;
	}
	
	#recruit .recruit_in ul li:nth-child(1n){
		margin: 30px auto 0;
	}



}

/*==================================================
   performance_index 採用情報  for PC
==================================================*/

#performance_index {
}

#performance_index .performance_in h2 {
    width: 860px;
    margin: 0 auto 30px;
    padding: 10px;
    background-color: #0054af;
    font-size: 32px;
    color: #fff;
    line-height: 1.3;
}

#performance_index .performance_in p {
	margin: 0 auto;
	font-size: 18px;
	line-height: 2.0;
	color: #000;
}



#performance_index .performance_in {
	width: 860px;
	margin: 30px auto;
	padding: 35px 0 20px;
}

#performance_index h2 {
	width: 450px;
	height: 50px;
	margin: 0 auto 30px;
}

#performance_index ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 760px;
	margin: 0 auto;
}

#performance_index ul li {
	width: 240px;
	margin-bottom: 20px;
}

#performance_index ul li img {
	width: 100%;
}

#performance_index .performance_in .btn_performance {
	width: 460px;
	margin: auto;
	padding: 10px 0;
}

#performance_index .performance_in .btn_performance a img {
	width: 460px;
	margin: auto;
}

/*/////////////////////////////////////////////////////////////////////
    for sp  スマホ画面用（767px以下）
/////////////////////////////////////////////////////////////////////*/


@media only screen and (max-width:767px) {
	body {
		width: 100%;
		font-size: 13px;
	}



/*==================================================
    h1　h1  for SP
==================================================*/
#fv_box .inner {

	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 200px;
    margin: 0 auto;
	background-image: url(../img/top_h1_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 5%;
}

	#fv_box .inner_2 {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		width: 100%;
		height: 200px;
		margin: 0 auto;
		background-image: url(../img/top20230628.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding: 5%;
	}

	#fv_box .inner h1 {
		font-size: 25px;
		width: 90%;
		line-height: 1.5;
		text-align: center;
		color: #fff;
		border-bottom: solid 1px #fff;
	}

	#fv_box .inner p {
		font-size: 15px;
		line-height: 1.5;
		color: #fff;
		text-align: center;
	}



	/*--------------------------------------------------
    Main  for sp
--------------------------------------------------*/

	/* タイトルの帯(募集要項、応募フォームなど)
    --------------------- */
	main h2.title_obe {
		margin: 0 auto 5%;
		padding: 10px;
		font-size: 26px;
		line-height: 1.3;
		text-align: center;
		background-color: #b9b9b9;
	}

	main h2.title_obe {
		margin: 0 auto 5%;
		padding: 10px;
		font-size: 26px;
		line-height: 1.3;
		text-align: center;
		background-color: #b9b9b9;
	}


	/* タイトルの帯の下の矢印
    -------------------

    main h2.title_obe{
        position: relative;
    }

    main h2.title_obe::after{
        display: flex;
        content: "";
        width: 20px;
        height: 20px;
        background-color: #b9b9b9;
        position: absolute;
        left: 47%;
        bottom: -15%;
        transform: rotate(45deg);
        z-index: -1;
    }
    -- */


	/*--------------------------------------------------
    Main 募集要項を見る  for sp
--------------------------------------------------*/

	#btn_youkou {
		padding: 4% 0;
	}

	#btn_youkou a img {
		width: 85%;
		margin: auto;
	}





	/*--------------------------------------------------
    performance index for sp
--------------------------------------------------*/



	#performance_index {
	}
	
	#performance_index .performance_in{
		width: 90%;
padding: 0;
	}
	


	#performance_index .performance_in p {
		margin: 0 auto;
		font-size: 18px;
		line-height: 2.0;
		color: #000;
		width: 95%;
	}
	

	#performance_index .performance_in h2{
		width: 95%;
	text-align: center;
	font-size: 1rem;
	padding: 1rem;
	}
	
	#performance_index ul {
		display: block;
		width: 90%;
	
	}
	
	#performance_index ul li {
display: block;
padding: 3% 0;
width: 100%;
	}
	
	#performance_index ul li img {
		width: 100%;
	}
	
	#performance_index .performance_in .btn_performance {
		width: 95%;
		margin: 3% auto;
		
	}

	#performance_index .performance_in .btn_performance a img {
		width: 260px;
		margin: 0 auto;
	}
	
	

	/*--------------------------------------------------
    performance index for sp
--------------------------------------------------*/










	/*==================================================
    Main シンクスのお仕事  for SP
==================================================*/
	#works {
		margin: 0 auto 5%;
		width: auto;
		background-image: url(../img/top_works_bg.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	#works .works_in {
		margin: 0 auto;
		width: 80%;
		padding: 5% 0 0;
	}


	#works .works_in h2{
		width: 80%;
		margin: 0 auto 3%;
	}
	
	#works .works_in p{
		font-size: 14px;
		line-height: 1.5;
	}


	#works .works_in .btn {
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
		padding: 5% 0 0;

	}



	#works .works_in .btn li {
		width: 90%;
		margin: 0 auto 3%;
	}


	/*
	#works .works_in h2 {
		width: 760px;
		margin: 0 auto 30px;
		padding: 10px;
		background-color: #b9b9b9;
		text-align: center;
		font-size: 32px;
		line-height: 1.3;
	}

	#works .works_in ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 760px;
		margin: 0 auto 20px;
	}

	#works .works_in ul li {
		width: 240px;
		margin-bottom: 20px;
	}

	#works .works_in ul li img {
		width: 100%;
	}
*/



/*==================================================
    Main 採用情報  for PC
==================================================*/
	
	#recruit .recruit_in{
		width: 100%;
		margin: 0 auto 5%;
	}
	

}