@charset "UTF-8";
/* CSS Document */
h1, h2, h3 {
	font-weight: 500 !important;
}

@media only screen and (max-width:960px) {
	/*スマホ*/
	h1 {
		margin-top: 60px;
		margin-bottom: 40px;
		text-align: center;
		font-size: 2rem;
	}
	.main {
		width: 100%;
		height: 250px;
		object-fit: cover;
		margin-bottom: 1.5em;
	}

	
	.page_navi {
		width: 95%;
		text-align: center;
		margin: 0 auto;
		padding: 40px 0;
	}
	.page_navi a {
		color: #666;
		text-decoration: none;
		display: block;
		width: calc((100% - 1.5em) / 4);
		font-size: 0.8rem;
		border: 1px solid #CCC;
		float: left;
		margin-right: 0.5em;
		margin-bottom: 0.5em;
		text-align: center;
		padding: 0.5em 0;
	}
	.page_navi a:nth-child(4n) {
		margin-right: 0;
	}
	.page_navi a:last-child {
		margin-bottom: 1.5em;
	}
	
	
	
	
	.title_h2 {
		font-size: 1.8rem;
		margin-bottom: 1.5em;
		text-align: center;
	}
	
	.title_h2 img {
		width: 70%;
	}
	.r_link {
		width: 85%;
		margin: 0 auto 110px;
	}
	.r_link li {
		display: block;
		width: 100%;
		margin-bottom: 1em;
	}
	.r_link li img {
		width: 100%;
		
	}
}

@media screen and (min-width:961px) {
	/*PC*/
	h1 {
		margin-top: 150px;
		margin-bottom: 30px;
		text-align: center;
		font-size: 3.2rem;
	}
	.main {
		width: 100%;
		height: 580px;
		object-fit: cover;
		margin-bottom: 80px;
	}
	section {
		min-width: 1100px;
	}
	
	.page_navi {
		width: 100%;
		min-width: 1100px;
		text-align: center;
		padding: 40px 0;
		border-bottom: 1px solid #666;
		margin-bottom: 100px;
	}
	.page_navi a {
		color: #666;
		text-decoration: none;
	}
	.page_navi a:first-child::before,
	.page_navi a::after {
		content: "　｜　"
	}
	
	
	.title_h2 {
		font-size: 2.2rem;
		margin-bottom: 60px;
		text-align: center;
	}
	.r_link {
		display:flex;
		flex-wrap: wrap;
		max-width: 1420px;
		min-width: 1100px;
		margin: 0 auto 110px;
	}
	.r_link li {
		display: block;
		width: calc((100% - 60px) / 3);
		margin-right: 30px;
	}
	.r_link li:last-child {
		margin-right: 0;
	}
	.r_link li a {
		display: block;
	}
	
	.r_link li img {
		width: 100%;
	}
	
	.link_btn {
		font-size: 2rem;
		font-weight: 600;
		width: 20em;
		margin-bottom: 110px;
	}
	
}

.c02 { background-image: url("../images/recruit_culture/back02.svg"); }
.c03 { background-image: url("../images/recruit_culture/back03.svg"); }
.c04 { background-image: url("../images/recruit_culture/back04.svg"); }
.c05 { background-image: url("../images/recruit_culture/back05.svg"); }
.c07 { background-image: url("../images/recruit_culture/back07.svg"); }

.c01, .c02, .c03, .c04, .c05, .c06, .c07 {
	background-repeat: no-repeat;
	background-size: 100%;
}

.c01, .c04, .c07 {
	background-color: #ABBCC6;
}
.c02, .c06 {
	background-color: #C7B091;
}
.c03, .c05 {
	background-color: #DBDBDB;
}