@charset "UTF-8";
#interview main {
  color: #1A1311;
}

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px), print {
.p-main__ttl-wrap {
	background: url(../images/interview/header_fv.jpg) no-repeat top center/cover;
	margin-block: -6.25rem 0;
	margin-inline: auto;
	max-width: 1920px;
	padding-block: 13.5rem 2rem;
	width: 100%;
}

.p-main__ttl-wrap h1 {
	color: #ffffff;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 1.4166666667;
	margin-bottom: 0.5rem;
	text-align: center;
}

.p-main__ttl-wrap p {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.03em;
	line-height: 1.4;
	text-align: center;
}

#interview .system-list {
  display: grid;
  grid-template-columns: repeat(4,minmax(0, 1fr));
  gap: 3.75rem 2.5rem;
  width: min(95%,1400px);
  margin-inline: auto;
}

#interview .system-list li {

}

#interview .system-list li a {

}
  
#interview .system-pic img {
  max-height: 400px;
}

#interview .system-wrap {
  display: grid;
  grid-template-columns: repeat(1,minmax(0, 1fr));
  border-left: 4px solid #00388D;
  padding-inline: 20px;
}

#interview .system-job {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #7D7D7D;
  font-weight: 600;
}

#interview .system-ttl {
  font-size: 21px;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 600;
}

#interview .system-content {
  display: grid;
  grid-template-columns: 40% minmax(0, 1fr);
  gap: 0 5rem;
}

#interview .system-content-left {


}

#interview .system-txt {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-bottom: 2rem;
}

#interview .system-content-right {

}



}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1500px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1500px) {
#interview .system-pic img {
  max-height: 24.667vw;
}


}

/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
.p-main__ttl-wrap {
	background: url(../images/interview/header_fv_sp.jpg) no-repeat top center/cover;
	margin-block: -17vw 0;
	padding-block: 38.889vw 12.319vw;
	width: 100%;
}

.p-main__ttl-wrap h1 {
	color: #ffffff;
	font-size: 7.246vw;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 1.4;
	margin-bottom: 3.763vw;
	text-align: center;
}

.p-main__ttl-wrap p {
	color: #ffffff;
	font-size: 4.831vw;
	font-weight: 600;
	letter-spacing: 0.03em;
	line-height: 1.4;
	text-align: center;
}

#interview .system-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0, 1fr));
  gap: 6.039vw 2.415vw;
  width: min(95%, 94.2vw);
  margin-inline: auto;
}

#interview .system-list li {

}

#interview .system-list li a {

}
  
#interview .system-pic img {
  height: 57.488vw;
}

#interview .system-wrap {
  display: grid;
  grid-template-columns: repeat(1,minmax(0, 1fr));
  border-left: 4px solid #00388D;
  padding-inline: 3.382vw;
}

#interview .system-job {
  font-size: 3.14vw;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #7D7D7D;
  font-weight: 600;
}

#interview .system-ttl {
  font-size: 4.348vw;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 2vw;
}

#interview .system-txt {
  font-size: 3.14vw;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-bottom: 5vw;
}



}