@charset "UTF-8";
:root{
	--key-c:#E95D65;
}

.sp-job{
  font-size: clamp(14px, 2vw, 16px);
}

.sp-job .ctitlesec {
  padding: 5vw 20% 8vw; 
  background: 
    url("../images/sp_job_hdimg01.png") left top no-repeat, 
    url("../images/sp_job_hdimg02.png") right top no-repeat, 
    linear-gradient(#e95d65, #fdba88);
	  background-size: auto 100%, auto 100%, cover;
	  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
color:#fff;
}
.ctitle{
	font-size:clamp(1.8rem, 1.4rem + 1.33vw, 2.4rem);
}
.ctitle br{
	display: none;
}
.sp-job #contents {
    position: relative;
    width: min(94%,1100px);
    margin: -5vw auto 0;
    background: #fff;
}
.sp-job .inner{
    width: min(100%,980px);	
}
.ttl01{
	background:var(--key-c);
}
.intro{
	padding:4rem;
	text-align: center;
	background:#FFFEED;
}
.intro-st{
		font-weight: 700;
}
.intro-tile{
	display: flex;
gap:1rem;	
	flex-wrap: wrap;
	justify-content: center;
}
.intro-tile span{
	padding:1rem 2rem;
	background:#FBDDDF;
	border-radius: 1rem;
}

.intro-st2{
	margin-top:2rem;
	font-size: 2rem;
	line-height: 1.6;
	color:var(--key-c);
}
.btn{
	margin-top:3rem;
	text-align: center;
}
.btn a{
	margin-top:1rem;
	display: inline-block;
	font-size: 1.8rem;
	color:#fff;padding:1rem 2rem;
	border-radius: 100vmax;
	background:var(--key-c);
}


.job-list{
  display: grid;
 grid-template-columns: repeat(3, 1fr);
	gap:3rem;
	margin-top:3rem;
}
.job-list li{
	border-radius:1rem;

}
.job-list li img{
	width: 100%;
	border-top-left-radius:1rem;
		border-top-right-radius:1rem;
}
.job-list li:nth-of-type(5n+1){
background:#FDF0EE;
}

.job-list li:nth-of-type(5n+2){
background:#F7F5C9;
}
.job-list li:nth-of-type(5n+3){
background:#E3FFFB;
}
.job-list li:nth-of-type(5n+4){
background:#FFECD5;
}
.job-list li:nth-of-type(5n+5){
background:#E3F7FF;
}

.job-list dl{
	padding:2rem;
}
.job-list dl dt{
	margin-bottom:1rem;
	font-size:1.8rem;
	font-weight: 700;
}
.pc {
	display: block;	
}
@media screen and(max-width: 900px) {
	.job-list{
		grid-template-columns: repeat(2, 1fr); 
	}
}

@media screen and (max-width: 600px) {
	.ctitle br{
	display:block;
}
.sp-job .ctitlesec {
  background: 
    linear-gradient(#e95d65, #fdba88);
}
	.job-list{
    grid-template-columns: 1fr; 
	}
.intro,
.btn p{
	text-align: left;
}

.pc {
display: none;
}
}