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

.base-title {
    width: 100%;
    height: 70vh;
    background-image: url("../images/for-seekers/chuto1.jpg");	
	background-position: center 25%;
	background-size: cover;
	position:relative;
}
/*.seekers {
	width:85%;
	margin:auto;
	position:relative;
}
*/


.base-title h1 span{
	font-size:30px;
	/*text-shadow: none;*/
	line-height:40px;
	/*color:#000;*/
}


.seekers-content1 {
	padding-top:80px;
	max-width:2000px;
	margin:auto 0 auto auto;
	display:flex;
	justify-content:space-between;
}
.seekers-content1 .intro{
	min-width:900px;
}
.seekers-content1 .intro h2{
}
.seekers-content1 .intro h2 span{
	font-size:50px;
	color:#fff;
	/*background-color:#80C4C4;*/
	background-color:#000;
	padding:0 10px 0 30px;
	line-height:80px;
	box-sizing: border-box;
	display:inline-block;
	margin-bottom:30px;
}

.seekers-content1 p{
	font-size:25px;
	padding-left:40px;
	margin-top:30px;
	color:#525252;
}
.seekers-content1 .seekers-img1{
	max-width:800px;
	margin:0 0 0 auto;
}
.seekers-content1 .seekers-img1 img{
	width:100%;
	border-radius:20px 0 0 20px;
}
@media(max-width:1400px){
.seekers-content1 .intro{
	min-width:800px;
}
.seekers-content1 .intro h2{
}
.seekers-content1 .intro h2 span{
	font-size:45px;
	color:#fff;
	padding:0 10px 0 20px;
	line-height:70px;
	margin-bottom:20px;
}
.seekers-content1 p{
	font-size:20px;
	padding-left:40px;
	margin-top:20px;
}	
}
@media(max-width:1200px){
.seekers-content1 {
	padding-top:30px;
}
.seekers-content1 .intro{
	min-width:650px;
}
.seekers-content1 .intro h2{
}
.seekers-content1 .intro h2 span{
	font-size:35px;
	color:#fff;
	/*background-color:#80C4C4;*/
	padding:0 10px 0 20px;
	line-height:60px;
	margin-bottom:15px;
}
.seekers-content1 p{
	font-size:18px;
	padding-left:25px;
	margin-top:15px;
}	
}
@media(max-width:960px){
.seekers-content1 {
	display:flex;
	justify-content:space-between;
	flex-direction:column;
}
.seekers-content1 p{
	padding:0 25px;
}		
.seekers-content1 .seekers-img1{
	width:90%;
	max-width:700px;
	margin:30px auto 0 auto;
}
.seekers-content1 .seekers-img1 img{
	width:100%;
	border-radius:20px;
}
}
@media(max-width:768px){
.seekers-content1 .intro{
	min-width:auto;
}
}
/*こんなあなたにおすすめ*/
.seekers-content2 {
	padding-top:50px;
	padding-bottom:50px;
	background-color:#fff;
	margin-top:100px;
	/*color:#479B9B;*/
}
.seekers-content2 {
	color:#525252;
}
.seekers-content2 h3{
	display:flex;
	align-items:center;
	text-align:center;
	justify-content:center;
	font-size:30px;
}
.seekers-content2 h3::before{
	content:"";
	display:block;
	height:40px;
	width:10px;
	border-left:dotted 5px #AFA293;
	/*background-color:#000;*/
	transform: rotate(-35deg);
	margin-right:10px;
}
.seekers-content2 h3::after{
	content:"";
	display:block;
	height:40px;
	width:10px;
	border-right:dotted 5px #AFA293;
	/*background-color:#000;*/
	transform: rotate(35deg);
	margin-left:10px;
}
.seekers-content2 ul{
	display:flex;
	gap:20px;
	justify-content:center;
	margin:50px auto;
	max-width:960px;
	width:90%;
}
.seekers-content2 ul li{
	width:30%;
	text-align:center;
	border:solid 2px #000;
	padding:20px 20px;
	border-radius:5px;
	box-shadow: 3px 3px #000;
	font-size:20px;
	font-weight:bold;
}
.arrow-flex{
	display:flex;
	justify-content:center;
}
.arrow-sankaku{
	background: #AFA293;;
	height: calc(tan(45deg) * 60px / 2);
	width: 120px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	display:flex;
	justify-content:center;
}
@media(max-width:640px){
.seekers-content2 ul{
	display:flex;
	gap:20px;
	justify-content:center;
	margin:50px auto;
	flex-direction:column;
}	
.seekers-content2 ul li{
	width:90%;
	margin:auto;
}
}
@media(max-width:480px){
.seekers-content2 h3{
	font-size:22px;
}
}
/*働く魅力*/
.seekers-content3 {
	padding-top:30px;
	padding-bottom:80px;
	background-color:#fff;
	background-color:#F8F3F0;
}
.seekers-content3 h3{
	position:relative;
	width:100%;
	height:150px;
}
.seekers-content3 h3 .text1{
	width:120px;
	display:inline-block;
	/*opacity:0.5;*/
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.seekers-content3 h3 .text1 img{
	width:100%;
	display:block;
}
.seekers-content3 h3 .text2{
	position:absolute;
	top:45%;
	left:50%;
	transform: translate(-50%, -50%);
	font-size:40px;
	border-bottom:solid 3px #AFA293;
	padding-bottom:0px;
	line-height:60px;
	text-align:center;
	color:#525252;
}
.seekers-content3 h3 .text2 .cut{
	display:inline-block;
}
.seekers-content3 ul{
	width:90%;
	max-width:1200px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:100px auto auto auto;
	gap:80px 30px;
}
.seekers-content3 ul li{
	border:solid 2px #AFA293;
	border-radius:20px;
	position:relative;
	padding:40px;
	width:45%;
	background-color:#fff;
}
.seekers-content3 ul li .number{
	display:flex;
	flex-direction:column;
	align-items:center;
	/*background-color:#F8F3F0;*/
	position:absolute;
	top:-75px;
	left:50%;
	transform: translateX(-50%);
	padding:10px;
	font-weight:bold;
	font-size:60px;
	line-height:40px;
	color:#000;
}
.seekers-content3 ul li .number span{
	display:block;
	font-size:20px;
}
.seekers-content3 ul li h4{
	color:#000;
	font-size:20px;
	text-align:center;
	margin:30px 0 20px 0;
}
.seekers-content3 ul li p{
	text-align:center;
	font-size:18px;
}
.seekers-content3 ul li ul{
	display:block;
	width:85%;
	max-width:400px;
	margin:auto;
	padding-left:40px;
}
.seekers-content3 ul li ul li{
	border:none;
	border-radius:0;
	position:static;
	padding:0;
	width:100%;
	list-style:disc;
	font-size:18px;
}
.seekers-content3 ul li .point-img{
	margin:30px auto;
	width:80%;
}
.seekers-content3 ul li .point-img img{
	width:100%;
	display:block;
	border-radius:20px;
}
@media(max-width:960px){
.seekers-content3 ul{
	gap:80px 0;
	flex-direction:column;
}
.seekers-content3 ul li{
	border-radius:20px;
	position:relative;
	padding:40px;
	width:90%;
	max-width:500px;
	margin:auto;
}	
}
@media(max-width:640px){
.seekers-content3 ul li{
	border-radius:20px;
	position:relative;
	padding:20px 20px;
	width:90%;
	max-width:500px;
	margin:auto;
}	
}
@media(max-width:520px){
.seekers-content3 ul li .point-img{
	margin:30px auto 10px auto;
	width:90%;
}
}
@media(max-width:520px){
.seekers-content3 h3 .text2{
	font-size:30px;
	line-height:40px;
}	
}
@media(max-width:480px){
.seekers-content3 ul li p{
	font-size:16px;
}
.seekers-content3 ul li ul li{
	font-size:16px;
}	
}