@charset "UTF-8";
#mv {
  height: min(36.4285714286vw, 510px);
  margin-bottom: min(5.7142857143vw, 80px);
  background-image: url(../images/new_graduates/bg_mv.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: min(2.8571428571vw, 40px);
}
@media screen and (max-width: 767px) {
  #mv {
    height: 56.6666666667vw;
    margin-bottom: 9.3333333333vw;
    background-image: url(../images/new_graduates/sp-bg_mv.jpg);
    border-radius: 5.3333333333vw;
  }
}
#mv .l_inner {
  width: min(71.4285714286vw, 1000px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #mv .l_inner {
    width: 89.3333333333vw;
  }
}
#mv .l_inner .txt {
  padding-top: min(7.8571428571vw, 110px);
  color: #00316A;
  font-size: min(1.7857142857vw, 2.5rem);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #mv .l_inner .txt {
    padding-top: 6.6666666667vw;
    font-size: 3.7333333333vw;
  }
}

/* concept */
#concept .l_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(63.5714285714vw, 890px);
  margin: 0 auto min(5.7142857143vw, 80px) auto;
}
@media screen and (max-width: 767px) {
  #concept .l_inner {
    width: 89.3333333333vw;
    margin: 0 auto 9.3333333333vw auto;
  }
}
#concept .l_inner .txt {
  font-size: min(1.5714285714vw, 2.2rem);
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #concept .l_inner .txt {
    font-size: 4.2666666667vw;
  }
}

/* lnv */
#lnv {
  margin-bottom: min(8.5714285714vw, 120px);
  background-color: #DBE2E8;
}
@media screen and (max-width: 767px) {
  #lnv {
    margin-bottom: 16vw;
  }
}
#lnv .l_inner {
  width: min(63.5714285714vw, 890px);
  margin: 0 auto;
  padding: min(4.6428571429vw, 65px) 0;
}
@media screen and (max-width: 767px) {
  #lnv .l_inner {
    width: 64vw;
    padding: 11.3333333333vw 0;
  }
}
#lnv .l_inner ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: min(3.2142857143vw, 45px) min(1.7857142857vw, 25px);
}
@media screen and (max-width: 767px) {
  #lnv .l_inner ul {
    flex-direction: column;
    gap: 7.3333333333vw 0;
  }
}
#lnv .l_inner ul li {
  width: min(14.6428571429vw, 205px);
  height: min(4.8571428571vw, 68px);
  background-color: #FFF;
  border: 1px solid #005BAC;
  border-radius: min(1.5714285714vw, 22px);
  transition: 0.25s ease;
}
@media screen and (max-width: 767px) {
  #lnv .l_inner ul li {
    width: 100%;
    height: 15.4666666667vw;
    border-radius: 2.9333333333vw;
  }
}
#lnv .l_inner ul li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #005BAC;
  font-size: min(1.1428571429vw, 1.6rem);
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  #lnv .l_inner ul li a {
    font-size: 3.6vw;
  }
}
#lnv .l_inner ul li a .c_circle {
  position: absolute;
  left: 0;
  right: 0;
  bottom: max(-1.2142857143vw, -17px);
  margin: auto;
}
@media screen and (max-width: 767px) {
  #lnv .l_inner ul li a .c_circle {
    width: 8vw;
    height: 8vw;
    bottom: -4vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #lnv .l_inner ul li a .c_circle::before {
    width: 2vw;
    height: 1.7333333333vw;
    margin-top: 0.2666666667vw;
  }
}
#lnv .l_inner ul li:hover {
  background-color: #005BAC;
  border: 1px solid #FFF;
}
#lnv .l_inner ul li:hover a {
  color: #fff;
}
#lnv .l_inner ul li:nth-child(2) a {
  padding-bottom: min(0.7142857143vw, 10px);
}

/* insurance_basics */
#insurance_basics {
  margin-bottom: min(19.2857142857vw, 270px);
}
@media screen and (max-width: 767px) {
  #insurance_basics {
    margin-bottom: 16vw;
  }
}
#insurance_basics .sbj {
  margin-bottom: min(4.2857142857vw, 60px);
  padding: min(1.0714285714vw, 15px) 0;
  background-color: #005BAC;
  color: #FFF;
  font-size: min(1.8571428571vw, 2.6rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #insurance_basics .sbj {
    margin-bottom: 11.3333333333vw;
    padding: 4vw 0;
    font-size: 4vw;
  }
}
#insurance_basics .l_inner {
  width: min(63.5714285714vw, 890px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner {
    width: 89.3333333333vw;
  }
}
#insurance_basics .l_inner .desc {
  margin-bottom: min(4.6428571429vw, 65px);
  font-size: min(1.4285714286vw, 2rem);
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .desc {
    font-size: 4vw;
    text-align: justify;
  }
}
#insurance_basics .l_inner .item {
  padding: min(3.5714285714vw, 50px) min(2.8571428571vw, 40px) min(3.5714285714vw, 50px) min(4.2857142857vw, 60px);
  background-color: #FFFDF0;
  border: 2px solid #005BAC;
  border-radius: min(1.2857142857vw, 18px);
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item {
    padding: 6.6666666667vw 2.6666666667vw 6.6666666667vw 2.6666666667vw;
    border: 1px solid #005BAC;
  }
}
#insurance_basics .l_inner .item:not(:last-of-type) {
  position: relative;
  margin-bottom: min(4.2857142857vw, 60px);
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item:not(:last-of-type) {
    margin-bottom: 14.6666666667vw;
  }
}
#insurance_basics .l_inner .item .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item .box {
    flex-direction: column;
    gap: 8.6666666667vw 0;
  }
}
#insurance_basics .l_inner .item .box .tit {
  width: min(27.5vw, 385px);
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item .box .tit {
    width: 76vw;
  }
}
#insurance_basics .l_inner .item .box .tit h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: min(1.0714285714vw, 15px);
  border-bottom: 6px solid #005BAC;
  color: #005BAC;
  font-size: min(2.3571428571vw, 3.3rem);
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item .box .tit h3 {
    margin: 0 auto 6.6666666667vw auto;
    border-bottom: 0.8vw solid #005BAC;
    font-size: 4.5333333333vw;
    text-align: center;
    line-height: 1.3;
  }
}
#insurance_basics .l_inner .item .box .tit p {
  font-size: min(1.1428571429vw, 1.6rem);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item .box .tit p {
    font-size: 4vw;
    line-height: 1.6;
    letter-spacing: 0;
  }
}
#insurance_basics .l_inner .item .box .txt {
  margin-right: min(0.7142857143vw, 10px);
  text-align: center;
}
#insurance_basics .l_inner .item .box .txt h4 {
  margin-bottom: min(0.3571428571vw, 5px);
  color: #005BAC;
  font-size: min(1.5714285714vw, 2.2rem);
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item .box .txt h4 {
    margin-bottom: 3.3333333333vw;
    font-size: 4.5333333333vw;
  }
}
#insurance_basics .l_inner .item .box .txt p {
  margin-bottom: min(1.4285714286vw, 20px);
  color: #005BAC;
  font-size: min(1.1428571429vw, 1.6rem);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item .box .txt p {
    margin-bottom: 3.3333333333vw;
    font-size: 4vw;
  }
}
#insurance_basics .l_inner .item .box .txt ul {
  display: flex;
  justify-content: center;
  gap: 0 min(0.7142857143vw, 10px);
}
#insurance_basics .l_inner .item .box .txt ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: min(12vw, 168px);
  aspect-ratio: 1/1;
  background-color: #FFF;
  border-radius: 50%;
  font-size: min(1.1428571429vw, 1.6rem);
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item .box .txt ul li {
    gap: 1.3333333333vw 0;
    width: 38.6666666667vw;
    font-size: 4vw;
  }
}
#insurance_basics .l_inner .item .box .txt ul li strong {
  font-size: min(1.4285714286vw, 2rem);
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item .box .txt ul li strong {
    font-size: 4.5333333333vw;
  }
}
#insurance_basics .l_inner .item .box .txt ul li:nth-child(1) {
  border: 5px solid #3CB3A7;
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item .box .txt ul li:nth-child(1) {
    border: 0.6666666667vw solid #3CB3A7;
  }
}
#insurance_basics .l_inner .item .box .txt ul li:nth-child(2) {
  border: 5px solid #004BA0;
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item .box .txt ul li:nth-child(2) {
    border: 0.6666666667vw solid #004BA0;
  }
}
#insurance_basics .l_inner .item .box figure.ph {
  width: min(24.6428571429vw, 345px);
  margin-right: min(0.7142857143vw, 10px);
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item .box figure.ph {
    width: 64.6666666667vw;
    margin-right: 0;
  }
}
#insurance_basics .l_inner .item .box figure.ph img {
  border-radius: min(1.2857142857vw, 18px);
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item .box figure.ph img {
    border-radius: 2.4vw;
  }
}
#insurance_basics .l_inner .item .box figure.img {
  width: min(26.8571428571vw, 376px);
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner .item .box figure.img {
    width: 80vw;
  }
}
#insurance_basics .l_inner .item .box figure.img img {
  border-radius: 0;
}
#insurance_basics .l_inner.-message {
  width: min(81.4285714286vw, 1140px);
  margin: min(11.4285714286vw, 160px) auto 0 auto;
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner.-message {
    width: 89.3333333333vw;
  }
}
#insurance_basics .l_inner.-message .item {
  position: relative;
  margin-bottom: min(13.5714285714vw, 190px);
  padding: 0;
  background-color: transparent;
  border: 0;
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner.-message .item {
    margin-bottom: 0;
  }
}
#insurance_basics .l_inner.-message .item .ph {
  width: min(52.8571428571vw, 740px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner.-message .item .ph {
    width: 100%;
  }
}
#insurance_basics .l_inner.-message .item .ph img {
  border-radius: min(2.8571428571vw, 40px);
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner.-message .item .ph img {
    border-radius: 5.3333333333vw;
  }
}
#insurance_basics .l_inner.-message .item .txt {
  position: absolute;
  left: 0;
  bottom: max(-7.8571428571vw, -110px);
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(35.7142857143vw, 500px);
  height: min(32.8571428571vw, 460px);
  background-color: #FFF;
  border: 2px solid #005BAC;
  border-radius: min(2.8571428571vw, 40px);
  color: #005BAC;
  font-size: min(1.7857142857vw, 2.5rem);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #insurance_basics .l_inner.-message .item .txt {
    position: relative;
    left: 0;
    bottom: 0;
    width: 80vw;
    height: auto;
    margin: -6.6666666667vw auto 0 auto;
    padding: 3.3333333333vw 4vw;
    background-color: #FFF;
    border: 1px solid #005BAC;
    font-size: 4vw;
    z-index: 2;
  }
}

/* agency_benefits */
#agency_benefits {
  margin-bottom: min(11.4285714286vw, 160px);
}
@media screen and (max-width: 767px) {
  #agency_benefits {
    margin-bottom: 16vw;
  }
}
#agency_benefits .sbj {
  margin-bottom: min(6.4285714286vw, 90px);
  padding: min(1.0714285714vw, 15px) 0;
  background-color: #005BAC;
  color: #FFF;
  font-size: min(1.8571428571vw, 2.6rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #agency_benefits .sbj {
    margin-bottom: 10.6666666667vw;
    padding: 4vw 0;
    font-size: 4vw;
  }
}
#agency_benefits .l_inner {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #agency_benefits .l_inner {
    width: 89.3333333333vw;
  }
}
#agency_benefits .l_inner .box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 min(5vw, 70px);
  margin: 0 auto min(7.1428571429vw, 100px) auto;
}
@media screen and (max-width: 767px) {
  #agency_benefits .l_inner .box {
    flex-direction: column;
    width: 89.3333333333vw;
    margin: 0 auto 10.6666666667vw auto;
    gap: 9.3333333333vw 0;
  }
}
#agency_benefits .l_inner .box .ph {
  width: 48.9285714286vw;
  height: min(32.8571428571vw, 460px);
}
@media screen and (max-width: 767px) {
  #agency_benefits .l_inner .box .ph {
    width: 100%;
    height: auto;
  }
}
#agency_benefits .l_inner .box .ph img {
  height: min(32.8571428571vw, 460px);
  border-radius: 0 min(2.8571428571vw, 40px) min(2.8571428571vw, 40px) 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  #agency_benefits .l_inner .box .ph img {
    width: 100%;
    height: auto;
    border-radius: 5.3333333333vw;
  }
}
#agency_benefits .l_inner .box .desc {
  width: min(27.1428571429vw, 380px);
}
@media screen and (max-width: 767px) {
  #agency_benefits .l_inner .box .desc {
    width: 100%;
  }
}
#agency_benefits .l_inner .box .desc .title {
  margin-bottom: min(1.7857142857vw, 25px);
  font-size: min(1.4285714286vw, 2rem);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #agency_benefits .l_inner .box .desc .title {
    margin-bottom: 5.3333333333vw;
    font-size: 4.6666666667vw;
    text-align: center;
  }
}
#agency_benefits .l_inner .box .desc .txt {
  font-size: min(1.1428571429vw, 1.6rem);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
  #agency_benefits .l_inner .box .desc .txt {
    font-size: 4vw;
    line-height: 1.6;
    letter-spacing: 0;
  }
}
#agency_benefits .l_inner h5 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: min(3.5714285714vw, 50px);
  margin: 0 auto min(2.5vw, 35px) auto;
  padding: 0 min(3.2142857143vw, 45px);
  background-color: #005BAC;
  border-radius: min(1.7857142857vw, 25px);
  color: #FFF;
  font-size: min(1.2857142857vw, 1.8rem);
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
  #agency_benefits .l_inner h5 {
    width: 100%;
    height: 10.9333333333vw;
    margin: 0 auto 5.3333333333vw auto;
    border-radius: 5.3333333333vw;
    font-size: 4vw;
  }
}
#agency_benefits .l_inner h5::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: max(-1.0714285714vw, -15px);
  display: block;
  content: "";
  width: min(1.1428571429vw, 16px);
  height: min(1.1428571429vw, 16px);
  margin: auto;
  background-color: #005BAC;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
@media screen and (max-width: 767px) {
  #agency_benefits .l_inner h5::after {
    bottom: -3.3333333333vw;
    width: 3.2vw;
    height: 3.4666666667vw;
  }
}
#agency_benefits .l_inner ul {
  display: flex;
  justify-content: center;
  gap: 0 min(1.4285714286vw, 20px);
}
@media screen and (max-width: 767px) {
  #agency_benefits .l_inner ul {
    flex-wrap: wrap;
    gap: 0 4vw;
  }
}
#agency_benefits .l_inner ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(14.2857142857vw, 200px);
  aspect-ratio: 1/1;
  border: 2px solid #005BAC;
  border-radius: 50%;
  color: #005BAC;
  font-size: min(1.2857142857vw, 1.8rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #agency_benefits .l_inner ul li {
    width: 42vw;
    border: 1px solid #005BAC;
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 767px) {
  #agency_benefits .l_inner ul li:last-child {
    margin-top: -1.3333333333vw;
  }
}

/* training */
#training {
  margin-bottom: min(11.4285714286vw, 160px);
}
@media screen and (max-width: 767px) {
  #training {
    margin-bottom: 16vw;
  }
}
#training .sbj {
  margin-bottom: min(6.4285714286vw, 90px);
  padding: min(1.0714285714vw, 15px) 0;
  background-color: #005BAC;
  color: #FFF;
  font-size: min(1.8571428571vw, 2.6rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #training .sbj {
    margin-bottom: 10.6666666667vw;
    padding: 4vw 0;
    font-size: 4vw;
  }
}
#training .l_inner {
  width: min(63.5714285714vw, 890px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #training .l_inner {
    width: 89.3333333333vw;
  }
}
#training .l_inner .desc {
  margin-bottom: min(4.6428571429vw, 65px);
  font-size: min(1.4285714286vw, 2rem);
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #training .l_inner .desc {
    font-size: 4vw;
    text-align: justify;
  }
}
#training .l_inner .box {
  margin: 0 auto min(7.1428571429vw, 100px) auto;
}
@media screen and (max-width: 767px) {
  #training .l_inner .box {
    flex-direction: column;
    width: 89.3333333333vw;
    margin: 0 auto;
    gap: 10.6666666667vw 0;
  }
}
#training .l_inner .box .ph {
  width: 100%;
  height: min(31.4285714286vw, 440px);
}
@media screen and (max-width: 767px) {
  #training .l_inner .box .ph {
    width: 100%;
    height: auto;
  }
}
#training .l_inner .box .ph img {
  height: min(31.4285714286vw, 440px);
  border-radius: min(2.8571428571vw, 40px);
}
@media screen and (max-width: 767px) {
  #training .l_inner .box .ph img {
    width: 100%;
    height: auto;
    border-radius: 5.3333333333vw;
  }
}
#training .l_inner .box ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: min(1.4285714286vw, 20px);
  margin-top: max(-5vw, -70px);
}
@media screen and (max-width: 767px) {
  #training .l_inner .box ul {
    flex-direction: column;
    gap: 6.6666666667vw 0;
    margin-top: -6.6666666667vw;
  }
}
#training .l_inner .box ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: min(28.2142857143vw, 395px);
  padding: min(2.1428571429vw, 30px) min(2.8571428571vw, 40px);
  background-color: #FFFDF0;
  border: 2px solid #005BAC;
  border-radius: min(1.2857142857vw, 18px);
}
@media screen and (max-width: 767px) {
  #training .l_inner .box ul li {
    width: 80vw;
    margin: 0 auto;
    padding: 5.3333333333vw 2.6666666667vw 4vw 2.6666666667vw;
    border: 1px solid #005BAC;
    border-radius: 2.4vw;
  }
}
#training .l_inner .box ul li h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto min(1.7857142857vw, 25px) auto;
  color: #005BAC;
  border-bottom: 6px solid #005BAC;
  font-size: min(2.1428571429vw, 3rem);
  text-align: center;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #training .l_inner .box ul li h3 {
    border-bottom: 0.8vw solid #005BAC;
    font-size: 4.5333333333vw;
  }
}
#training .l_inner .box ul li p {
  font-size: min(1.1428571429vw, 1.6rem);
  font-weight: 500;
  text-align: left;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #training .l_inner .box ul li p {
    font-size: 4vw;
  }
}

/* career_path */
#career_path {
  margin-bottom: min(11.4285714286vw, 160px);
}
@media screen and (max-width: 767px) {
  #career_path {
    margin-bottom: 16vw;
  }
}
#career_path .sbj {
  margin-bottom: min(6.4285714286vw, 90px);
  padding: min(1.0714285714vw, 15px) 0;
  background-color: #005BAC;
  color: #FFF;
  font-size: min(1.8571428571vw, 2.6rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #career_path .sbj {
    margin-bottom: 10.6666666667vw;
    padding: 4vw 0;
    font-size: 4vw;
  }
}
#career_path .l_inner {
  width: min(63.5714285714vw, 890px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #career_path .l_inner {
    width: 89.3333333333vw;
  }
}
#career_path .l_inner .box {
  margin: 0 auto min(3.5714285714vw, 50px) auto;
  padding-bottom: min(8.5714285714vw, 120px);
  border-bottom: 1px solid #5A5959;
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box {
    width: 100%;
    margin: 0 auto 10.6666666667vw auto;
    padding-bottom: 10.6666666667vw;
  }
}
#career_path .l_inner .box:nth-child(3) {
  margin: 0 auto min(14.2857142857vw, 200px) auto;
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box:nth-child(3) {
    margin: 0 auto 66.6666666667vw auto;
  }
}
#career_path .l_inner .box .img {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 min(1.4285714286vw, 20px);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .img {
    align-items: flex-start;
  }
}
#career_path .l_inner .box .img img {
  width: min(13.9285714286vw, 195px);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .img img {
    width: 26.6666666667vw;
  }
}
#career_path .l_inner .box .img figcaption {
  display: flex;
  flex-direction: column;
  color: #005BAC;
  font-size: min(2.4285714286vw, 3.4rem);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .img figcaption {
    margin-top: 3.3333333333vw;
    font-size: 4.5333333333vw;
  }
}
#career_path .l_inner .box .img figcaption strong {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: min(1.4285714286vw, 20px);
  border-bottom: 6px solid #005BAC;
  font-size: min(1.8571428571vw, 2.6rem);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .img figcaption strong {
    border-bottom: 0.8vw solid #005BAC;
    font-size: 3.4666666667vw;
  }
}
#career_path .l_inner .box .career_path_list {
  display: flex;
  align-items: flex-end;
  margin-top: max(-5.7142857143vw, -80px);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list {
    margin-top: -8vw;
  }
}
#career_path .l_inner .box .career_path_list .item {
  width: min(12.8571428571vw, 180px);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list .item {
    width: 17.8666666667vw;
  }
}
#career_path .l_inner .box .career_path_list .item .position {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: min(11.0714285714vw, 155px);
  margin: 0 auto min(1.6428571429vw, 23px) auto;
  aspect-ratio: 1/1;
  background-color: #005BAC;
  border: 2px solid #005BAC;
  border-radius: 50%;
  color: #FFF;
  font-size: min(1.5714285714vw, 2.2rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list .item .position {
    width: 17.6vw;
    margin: 0 auto 2.6666666667vw auto;
    border: 1px solid #005BAC;
    font-size: 3.0666666667vw;
    line-height: 1.3;
  }
}
#career_path .l_inner .box .career_path_list .item .position small {
  font-size: min(1.0714285714vw, 1.5rem);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list .item .position small {
    font-size: 1.6vw;
  }
}
#career_path .l_inner .box .career_path_list .item .position::before {
  position: absolute;
  left: 0;
  right: 0;
  top: max(-1.4285714286vw, -20px);
  content: "1年目";
  width: min(7.5vw, 105px);
  margin: 0 auto;
  background-color: #FFFFFF;
  border: 2px solid #005BAC;
  border-radius: min(1.3571428571vw, 19px);
  color: #005BAC;
  font-size: min(1.4285714286vw, 2rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list .item .position::before {
    top: -2.6666666667vw;
    width: 14vw;
    border: 1px solid #005BAC;
    border-radius: 2.6666666667vw;
    font-size: 3.0666666667vw;
  }
}
#career_path .l_inner .box .career_path_list .item .position::after {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: max(-1.2857142857vw, -18px);
  content: "";
  width: min(1.2857142857vw, 18px);
  height: min(1.6428571429vw, 23px);
  margin: 0 auto;
  background-color: #005BAC;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list .item .position::after {
    bottom: -2.5333333333vw;
    width: 2.1333333333vw;
    height: 2.6666666667vw;
  }
}
#career_path .l_inner .box .career_path_list .item .job_description {
  padding: min(1.0714285714vw, 15px) min(0vw, 0px) min(0.7142857143vw, 10px) min(0.5714285714vw, 8px);
  background-color: #FFFDF0;
  border: 2px solid #005BAC;
  border-radius: min(1.2857142857vw, 18px);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list .item .job_description {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: 1px solid #005BAC;
    border-radius: 2.4vw;
  }
  #career_path .l_inner .box .career_path_list .item .job_description::before {
    display: block;
    content: "";
    color: #005BAC;
    font-size: 4vw;
  }
  #career_path .l_inner .box .career_path_list .item .job_description.-no1::before {
    content: "①";
  }
  #career_path .l_inner .box .career_path_list .item .job_description.-no2::before {
    content: "②";
  }
  #career_path .l_inner .box .career_path_list .item .job_description.-no3::before {
    content: "③";
  }
  #career_path .l_inner .box .career_path_list .item .job_description.-no4::before {
    content: "④";
  }
  #career_path .l_inner .box .career_path_list .item .job_description.-no5::before {
    content: "⑤";
  }
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list .item .job_description ul {
    display: none;
  }
}
#career_path .l_inner .box .career_path_list .item .job_description ul li {
  display: flex;
  color: #005BAC;
  font-size: min(1.1428571429vw, 1.6rem);
  font-weight: 500;
  letter-spacing: 0;
}
#career_path .l_inner .box .career_path_list .item .job_description ul li::before {
  content: "●";
}
#career_path .l_inner .box .career_path_list .item:nth-of-type(1) .job_description {
  height: min(7.8571428571vw, 110px);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list .item:nth-of-type(1) .job_description {
    height: 12.6666666667vw;
  }
}
#career_path .l_inner .box .career_path_list .item:nth-of-type(2) .job_description {
  height: min(10.3571428571vw, 145px);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list .item:nth-of-type(2) .job_description {
    height: 16.6666666667vw;
  }
}
#career_path .l_inner .box .career_path_list .item:nth-of-type(3) .job_description {
  height: min(12.8571428571vw, 180px);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list .item:nth-of-type(3) .job_description {
    height: 20.6666666667vw;
  }
}
#career_path .l_inner .box .career_path_list .item:nth-of-type(4) .job_description {
  height: min(15.7142857143vw, 220px);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list .item:nth-of-type(4) .job_description {
    height: 25.3333333333vw;
  }
}
#career_path .l_inner .box .career_path_list .item:nth-of-type(5) .job_description {
  height: min(18.2142857143vw, 255px);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list .item:nth-of-type(5) .job_description {
    height: 29.3333333333vw;
  }
}
#career_path .l_inner .box .career_path_list .item.-year1 .position::before {
  content: "1年目";
}
#career_path .l_inner .box .career_path_list .item.-year2 .position::before {
  content: "2年目";
}
#career_path .l_inner .box .career_path_list .item.-year3 .position::before {
  content: "3年目";
}
#career_path .l_inner .box .career_path_list .item.-year4 .position::before {
  content: "4年目";
}
#career_path .l_inner .box .career_path_list .item.-year5 .position::before {
  content: "5年目";
}
#career_path .l_inner .box .career_path_list .item.-year6 .position::before {
  content: "6年目";
}
#career_path .l_inner .box .career_path_list .item.-year7 .position::before {
  content: "7年目";
}
#career_path .l_inner .box .career_path_list .item.-year8 .position::before {
  content: "8年目";
}
#career_path .l_inner .box .career_path_list .item.-childcare .position {
  background-color: #FFF;
  color: #005bac;
}
#career_path .l_inner .box .career_path_list .item.-childcare .position::before {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: auto;
  bottom: max(-0.8571428571vw, -12px);
  content: "";
  width: min(1vw, 14px);
  height: min(1.3571428571vw, 19px);
  margin: 0 auto;
  background-color: #FFF;
  border: 0;
  border-radius: 0;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .career_path_list .item.-childcare .position::before {
    bottom: -2vw;
    width: 1.8666666667vw;
    height: 2.4vw;
  }
}
#career_path .l_inner .box .career_path_list .item.-childcare .position::after {
  z-index: -1;
}
#career_path .l_inner .box .career_path_list .item.-childcare .job_description {
  background-color: #FFF;
}
#career_path .l_inner .box .career_path_list .item.-childcare ul {
  background-color: #FFF;
}
#career_path .l_inner .box .sp-job_description_list {
  display: none;
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .box .sp-job_description_list {
    display: block;
    margin-top: 6.6666666667vw;
  }
  #career_path .l_inner .box .sp-job_description_list ol {
    display: flex;
    flex-direction: column;
    gap: 2vw 0;
  }
  #career_path .l_inner .box .sp-job_description_list ol > li {
    display: flex;
    gap: 0 1.3333333333vw;
  }
  #career_path .l_inner .box .sp-job_description_list ol > li::before {
    color: #005BAC;
    font-size: 4vw;
    font-weight: 500;
  }
  #career_path .l_inner .box .sp-job_description_list ol > li:nth-child(1)::before {
    content: "①";
  }
  #career_path .l_inner .box .sp-job_description_list ol > li:nth-child(2)::before {
    content: "②";
  }
  #career_path .l_inner .box .sp-job_description_list ol > li:nth-child(3)::before {
    content: "③";
  }
  #career_path .l_inner .box .sp-job_description_list ol > li:nth-child(4)::before {
    content: "④";
  }
  #career_path .l_inner .box .sp-job_description_list ol > li:nth-child(5)::before {
    content: "⑤";
  }
  #career_path .l_inner .box .sp-job_description_list ol > li ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 4vw;
    width: 100%;
  }
  #career_path .l_inner .box .sp-job_description_list ol > li ul > li {
    color: #005BAC;
    font-size: 4vw;
    font-weight: 500;
  }
  #career_path .l_inner .box .sp-job_description_list ol > li ul > li::before {
    content: "●";
  }
}
#career_path .l_inner .message {
  position: relative;
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .message {
    width: 89.3333333333vw;
    margin: 0 auto;
  }
}
#career_path .l_inner .message figure {
  position: absolute;
  left: 0;
  top: max(-5.7142857143vw, -80px);
  width: min(22.8571428571vw, 320px);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .message figure {
    left: auto;
    right: -5.3333333333vw;
    top: -56vw;
    margin: auto;
    width: 59.2vw;
  }
}
#career_path .l_inner .message figure img {
  border: 2px solid #005BAC;
  border-radius: min(1.2857142857vw, 18px);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .message figure img {
    border: 1px solid #005BAC;
    border-right: 0;
    border-radius: 2.4vw 0 0 2.4vw;
  }
}
#career_path .l_inner .message .item {
  width: min(50vw, 700px);
  margin-left: auto;
  padding: min(3.9285714286vw, 55px) min(2.8571428571vw, 40px) min(3.9285714286vw, 55px) min(13.5714285714vw, 190px);
  background-color: #FFFDF0;
  border: 2px solid #005BAC;
  border-radius: min(1.2857142857vw, 18px);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .message .item {
    width: 100%;
    margin-left: 0;
    padding: 10.6666666667vw 5.3333333333vw 6.6666666667vw 5.3333333333vw;
    border: 1px solid #005BAC;
    border-radius: 2.4vw;
  }
}
#career_path .l_inner .message .item .txt {
  margin-bottom: min(1.7857142857vw, 25px);
  font-size: min(1.8571428571vw, 2.6rem);
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .message .item .txt {
    margin-bottom: 4vw;
    font-size: 4.6666666667vw;
    line-height: 1.8;
  }
}
#career_path .l_inner .message .item .desc {
  margin-bottom: min(0.7142857143vw, 10px);
  padding-right: min(0.7142857143vw, 10px);
  font-size: min(1.1428571429vw, 1.6rem);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .message .item .desc {
    margin-bottom: 5.3333333333vw;
    font-size: 4vw;
    line-height: 1.6;
  }
}
#career_path .l_inner .message .item .division_name {
  padding-right: min(0.7142857143vw, 10px);
  font-size: min(1.1428571429vw, 1.6rem);
  text-align: right;
}
@media screen and (max-width: 767px) {
  #career_path .l_inner .message .item .division_name {
    font-size: 4vw;
    text-align: left;
  }
}

/* joining_nhs */
#joining_nhs {
  margin-bottom: min(11.4285714286vw, 160px);
}
@media screen and (max-width: 767px) {
  #joining_nhs {
    margin-bottom: 16vw;
  }
}
#joining_nhs .sbj {
  margin-bottom: min(6.4285714286vw, 90px);
  padding: min(1.0714285714vw, 15px) 0;
  background-color: #005BAC;
  color: #FFF;
  font-size: min(1.8571428571vw, 2.6rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #joining_nhs .sbj {
    margin-bottom: 10.6666666667vw;
    padding: 4vw 0;
    font-size: 4vw;
  }
}
#joining_nhs .l_inner {
  width: min(63.5714285714vw, 890px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #joining_nhs .l_inner {
    width: 89.3333333333vw;
  }
}
#joining_nhs .l_inner .item {
  padding: min(5.7142857143vw, 580px) 0 min(5.7142857143vw, 80px) 0;
  background-color: #FFFDF0;
  border: 2px solid #005BAC;
  border-radius: min(1.2857142857vw, 18px);
}
@media screen and (max-width: 767px) {
  #joining_nhs .l_inner .item {
    width: 100%;
    border: 1px solid #005BAC;
    border-radius: 2.4vw;
  }
}
#joining_nhs .l_inner .item .flow_list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: min(3.9285714286vw, 55px) 0;
  margin-bottom: min(3.9285714286vw, 55px);
}
@media screen and (max-width: 767px) {
  #joining_nhs .l_inner .item .flow_list {
    gap: 10vw 0;
    margin-bottom: 6.6666666667vw;
  }
}
#joining_nhs .l_inner .item .flow_list li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(41.4285714286vw, 580px);
  height: min(3.5714285714vw, 50px);
  background-color: #FFF;
  border: 2px solid #005BAC;
  border-radius: min(1.2857142857vw, 18px);
  color: #005BAC;
  font-size: min(1.2857142857vw, 1.8rem);
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  #joining_nhs .l_inner .item .flow_list li {
    width: 66vw;
    height: 11.3333333333vw;
    border: 1px solid #005BAC;
    font-size: 4vw;
  }
}
#joining_nhs .l_inner .item .flow_list li:not(:last-child)::after {
  position: absolute;
  bottom: max(-2.7142857143vw, -38px);
  content: "";
  width: min(2.8571428571vw, 40px);
  height: min(1.4285714286vw, 20px);
  background-color: #005BAC;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media screen and (max-width: 767px) {
  #joining_nhs .l_inner .item .flow_list li:not(:last-child)::after {
    bottom: -7.3333333333vw;
    width: 6.9333333333vw;
    height: 3.7333333333vw;
  }
}
#joining_nhs .l_inner .item .flow_list li:not(:last-child).selection {
  position: relative;
}
#joining_nhs .l_inner .item .flow_list li:not(:last-child).selection::before {
  position: absolute;
  top: max(-1.7857142857vw, -25px);
  left: min(1.4285714286vw, 20px);
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(8.5714285714vw, 120px);
  height: min(3.5714285714vw, 50px);
  background-color: #005BAC;
  border-radius: min(1.7142857143vw, 24px);
  color: #FFF;
}
@media screen and (max-width: 767px) {
  #joining_nhs .l_inner .item .flow_list li:not(:last-child).selection::before {
    top: -4vw;
    left: -7.3333333333vw;
    width: 28vw;
    height: 10.6666666667vw;
    border-radius: 5.3333333333vw;
    font-size: 4vw;
  }
}
#joining_nhs .l_inner .item .flow_list li:not(:last-child).selection.-first::before {
  content: "一次選考";
}
#joining_nhs .l_inner .item .flow_list li:not(:last-child).selection.-second::before {
  content: "二次選考";
}
#joining_nhs .l_inner .item .flow_list li:not(:last-child).selection.-final::before {
  content: "最終選考";
}
#joining_nhs .l_inner .item .point_list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: min(3.2142857143vw, 45px);
}
@media screen and (max-width: 767px) {
  #joining_nhs .l_inner .item .point_list {
    margin-bottom: 6.6666666667vw;
  }
}
#joining_nhs .l_inner .item .point_list li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(11.4285714286vw, 160px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  color: #FFF;
  font-size: min(1.2857142857vw, 1.8rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #joining_nhs .l_inner .item .point_list li {
    width: 38.6666666667vw;
    font-size: 4vw;
  }
}
#joining_nhs .l_inner .item .point_list li:nth-child(1) {
  background-color: #3CB3A7;
}
#joining_nhs .l_inner .item .point_list li:nth-child(2) {
  background-color: #0297F0;
}
#joining_nhs .l_inner .item .notes {
  font-size: min(1.1428571429vw, 1.6rem);
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #joining_nhs .l_inner .item .notes {
    font-size: 4vw;
  }
}

/* for_families */
#for_families {
  margin-bottom: min(12.8571428571vw, 180px);
}
@media screen and (max-width: 767px) {
  #for_families {
    margin-bottom: 36vw;
  }
}
#for_families .sbj {
  margin-bottom: min(6.4285714286vw, 90px);
  padding: min(1.0714285714vw, 15px) 0;
  background-color: #005BAC;
  color: #FFF;
  font-size: min(1.8571428571vw, 2.6rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #for_families .sbj {
    margin-bottom: 10.6666666667vw;
    padding: 4vw 0;
    font-size: 4vw;
  }
}
#for_families .l_inner {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #for_families .l_inner {
    width: 89.3333333333vw;
  }
}
#for_families .l_inner .box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto min(5.7142857143vw, 80px) auto;
}
@media screen and (max-width: 767px) {
  #for_families .l_inner .box {
    flex-direction: column;
    width: 89.3333333333vw;
    margin: 0 auto 12vw auto;
    gap: 10.6666666667vw 0;
  }
}
#for_families .l_inner .box .ph {
  width: 50.3571428571vw;
  height: min(43.5714285714vw, 610px);
}
@media screen and (max-width: 767px) {
  #for_families .l_inner .box .ph {
    width: 100%;
    height: auto;
  }
}
#for_families .l_inner .box .ph img {
  height: min(43.5714285714vw, 610px);
  border-radius: min(2.8571428571vw, 40px);
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  #for_families .l_inner .box .ph img {
    width: 100%;
    height: auto;
    border-radius: 5.3333333333vw;
  }
}
#for_families .l_inner .box .desc {
  width: min(37.1428571429vw, 520px);
  margin-left: max(-6.0714285714vw, -85px);
}
@media screen and (max-width: 767px) {
  #for_families .l_inner .box .desc {
    width: 100%;
    margin-left: 0;
  }
}
#for_families .l_inner .box .desc .txt {
  font-size: min(1.1428571429vw, 1.6rem);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
  #for_families .l_inner .box .desc .txt {
    font-size: 4vw;
    line-height: 1.6;
    letter-spacing: 0;
  }
}
#for_families .l_inner .message {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0 min(4.2857142857vw, 60px);
  width: min(80.2857142857vw, 1124px);
  margin: 0 auto min(5.7142857143vw, 80px) auto;
}
@media screen and (max-width: 767px) {
  #for_families .l_inner .message {
    flex-direction: column;
    gap: 12vw 0;
  }
}
#for_families .l_inner .message .desc h4 {
  font-size: min(2.2142857143vw, 3.1rem);
  text-align: left;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #for_families .l_inner .message .desc h4 {
    font-size: 4.6666666667vw;
    text-align: center;
  }
}
#for_families .l_inner .message .ph {
  width: min(39.6428571429vw, 555px);
  height: min(24.6428571429vw, 345px);
}
@media screen and (max-width: 767px) {
  #for_families .l_inner .message .ph {
    width: 89.3333333333vw;
    height: auto;
  }
}
#for_families .l_inner .message .ph img {
  border-radius: min(2.8571428571vw, 40px);
}
@media screen and (max-width: 767px) {
  #for_families .l_inner .message .ph img {
    border-radius: 5.3333333333vw;
  }
}
#for_families .l_inner .point_list {
  width: min(63.5714285714vw, 890px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #for_families .l_inner .point_list {
    width: 100%;
  }
}
#for_families .l_inner .point_list ul {
  display: flex;
  flex-wrap: wrap;
  gap: min(1.1428571429vw, 16px);
}
@media screen and (max-width: 767px) {
  #for_families .l_inner .point_list ul {
    gap: 2.6666666667vw;
  }
}
#for_families .l_inner .point_list ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: min(15vw, 210px);
  height: min(5.3571428571vw, 75px);
  border: 2px solid #005BAC;
  border-radius: min(1vw, 14px);
  color: #005BAC;
  font-size: min(1.2857142857vw, 1.8rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #for_families .l_inner .point_list ul li {
    width: 43.3333333333vw;
    height: 14vw;
    border: 1px solid #005BAC;
    font-size: 3.4666666667vw;
  }
}
#for_families .l_inner .point_list ul li small {
  font-size: min(1.1428571429vw, 1.6rem);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #for_families .l_inner .point_list ul li small {
    font-size: 3.4666666667vw;
    font-weight: 600;
  }
}

#interview {
  height: min(29.2857142857vw, 410px);
  margin-bottom: min(10vw, 140px);
  background-color: #00316A;
}
@media screen and (max-width: 767px) {
  #interview {
    height: auto;
    margin-bottom: 10.6666666667vw;
  }
}
#interview .l_inner {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: min(68.5714285714vw, 960px);
  height: 100%;
  margin: 0 auto;
  padding-left: min(5.3571428571vw, 75px);
}
@media screen and (max-width: 767px) {
  #interview .l_inner {
    width: 89.3333333333vw;
    padding: 11.3333333333vw 0 13.3333333333vw 0;
  }
}
#interview .l_inner .item {
  width: min(24.2857142857vw, 340px);
}
@media screen and (max-width: 767px) {
  #interview .l_inner .item {
    width: 100%;
  }
}
#interview .l_inner .item h3 {
  margin-bottom: min(2.5vw, 35px);
  color: #FFF;
  font-size: min(2.7857142857vw, 3.9rem);
  text-align: left;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
  #interview .l_inner .item h3 {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 10.6666666667vw;
    font-size: 4.6666666667vw;
    line-height: 2;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #interview .l_inner .item .c_button {
    margin: 0 auto;
  }
}
#interview .l_inner figure img {
  border-radius: min(2.8571428571vw, 40px);
}
@media screen and (max-width: 767px) {
  #interview .l_inner figure img {
    border-radius: 5.3333333333vw;
  }
}
#interview .l_inner figure.ph01 {
  position: absolute;
  top: max(-3.9285714286vw, -55px);
  right: min(19.2857142857vw, 270px);
  width: min(18.5714285714vw, 260px);
}
@media screen and (max-width: 767px) {
  #interview .l_inner figure.ph01 {
    top: -19.3333333333vw;
    right: 30vw;
    width: 34.6666666667vw;
    z-index: 2;
  }
}
#interview .l_inner figure.ph02 {
  width: min(30vw, 420px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  #interview .l_inner figure.ph02 {
    position: absolute;
    top: -11.3333333333vw;
    right: -5.3333333333vw;
    width: 50vw;
  }
  #interview .l_inner figure.ph02 img {
    border-radius: 5.3333333333vw 0 0 5.3333333333vw;
  }
}
/*# sourceMappingURL=new_graduates.css.map */