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

h2{
	margin: 40px 0;
}

h3 {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
    font-size: 22px;
	font-weight: bold;
	color: #fff;
	background-color: #505050;
    margin-bottom: 30px;
    text-align: center;
}

.recruit-content {
	padding: 0 30px;
	margin-bottom: 80px;
}

.recruit-text p{
	text-align: left;
	margin-bottom: 40px
}

.info-btn {
	text-align: center;
	margin-bottom: 60px;
}

.contact-btn a {
    padding: 18px 40px;
    font-size: 16px;
	border-radius: 3px;
	margin-bottom: 30px;
}

@media screen and (max-width:360px) {
    /*　画面サイズが360pxまではここを読み込む　iPad表示*/
}
@media screen and (min-width:760px) {
    /*　画面サイズが760pxからはここを読み込む　PC画面表示*/
	
	.recruit-content {
		width: 85%;
    	margin: 0 auto 100px;
		padding: 0;
		text-align: center;
	}
	
	.recruit-text p{
	margin-bottom: 60px
}
	
	.info-btn {
		display: flex;
    	align-items: center;
    	justify-content: center;
	}
	
	.contact-btn {
		float: left;
	}
	
	.contact-btn a{
		padding: 28px 50px;
	}

	}
@media screen and (min-width:961px) {
    /*　画面サイズが961pxからはここを読み込む　大きいPC画面表示*/
	
}
	@media screen and (min-width:1400px) {
    /*　画面サイズが1400pxからはここを読み込む　大きなPC画面表示*/
		
	.recruit-content {
		max-width: 1000px;
		}

}