@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@200;300;400;500&family=Noto+Sans+JP:wght@300;400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500&text=0123456789&display=swap");
/* -----------------color --------------------------*/
/* -----------------font --------------------------*/
/* -----------------font size --------------------------*/
/* -----------------breakpoint --------------------------*/
/* -----------------mixin --------------------------*/
/* -----------------reset --------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

a:focus {
  border: none !important;
  box-shadow: none !important;
}

main {
  position: relative;
  z-index: 0;
  background: #FDC2BE;
  background: linear-gradient(90deg, rgb(156, 210, 213) 0%, rgb(253, 194, 190) 100%);
  padding-top: 7vw;
}

.top-recruit {
  background-image: url("/assets/images/top/back-recruit-sp.png");
  background-repeat: no-repeat;
  background-size: 120% auto;
  background-position: center top -13vw;
  padding: 5vw 0 60vw 0;
  position: relative;
}
@media screen and (min-width: 621px) {
  .top-recruit {
    padding: 0 0 7vw 0;
    background-image: none;
  }
}
@media screen and (min-width: 1600px) {
  .top-recruit {
    padding: 0 0 13vw 0;
  }
}
.top-recruit .section-title {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  margin-right: 0;
  z-index: 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1rem;
}
@media screen and (min-width: 621px) {
  .top-recruit .section-title {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .top-recruit .section-title .subtitle {
    margin-top: 1.25rem;
  }
}
.top-recruit .section-title:after {
  content: "";
}
@media screen and (min-width: 621px) {
  .top-recruit .section-title:after {
    background-image: url("/assets/images/back-recruit-title.svg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center top;
    position: absolute;
    display: block;
    z-index: -1;
    width: 100%;
    height: 1000%;
    top: -180%;
    left: 0;
  }
}
.top-recruit .text-box {
  width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 621px) {
  .top-recruit .text-box {
    max-width: 50vw;
    margin-left: 10%;
  }
}
@media screen and (min-width: 992px) {
  .top-recruit .text-box {
    width: 34.6153846154vw;
    margin-left: 18vw;
    max-width: 450px;
  }
}
@media screen and (min-width: 1200px) {
  .top-recruit .text-box {
    margin-left: calc(50vw - 500px);
  }
}
.top-recruit .text-box .catchcopy {
  position: relative;
  width: 100%;
  padding: 1.25rem;
}
@media screen and (min-width: 621px) {
  .top-recruit .text-box .catchcopy {
    padding: 1.25rem 2rem;
    max-width: 80%;
  }
}
@media screen and (min-width: 992px) {
  .top-recruit .text-box .catchcopy {
    max-width: 100%;
  }
}
.top-recruit .text-box .catchcopy::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-top: 5px solid #ffffff;
  border-left: 5px solid #ffffff;
}
.top-recruit .text-box .catchcopy::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border-bottom: 5px solid #ffffff;
  border-right: 5px solid #ffffff;
}
.top-recruit .text-box .catchcopy h3 {
  color: #ffffff;
  font-family: "League Spartan";
  font-size: calc(clamp(45px, 25.5px + 2.86vw, 70px) * 1.3);
  font-weight: 400;
  letter-spacing: 0.35rem;
  line-height: normal;
}
@media screen and (min-width: 621px) {
  .top-recruit .text-box .catchcopy h3 {
    font-size: clamp(45px, 25.5px + 2.86vw, 70px);
  }
}
.top-recruit .text-box .catchcopy p {
  color: #252323;
}
.top-recruit .text-box .more-wrapper {
  margin-top: 4rem;
}
@media screen and (min-width: 621px) {
  .top-recruit:after {
    content: "";
    position: absolute;
    background-image: url("/assets/images/top/top_rec_img.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 23.7461538462vw;
    height: auto;
    aspect-ratio: 441/475;
    display: block;
    bottom: 0;
    left: 55%;
    z-index: 5;
  }
}
@media screen and (max-width: 620px) {
  .top-recruit .more-wrapper {
    transform: translate(0, 17rem);
  }
}

.intro-about {
  position: relative;
  padding-top: 7vw;
  padding-bottom: 180px;
}
@media screen and (min-width: 992px) {
  .intro-about {
    padding-top: 0;
    padding-bottom: 5vw;
  }
}
.intro-about::after {
  content: "";
  background-image: url("/assets/images/recruit/illust_02.webp");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto 100%;
  aspect-ratio: 974/401;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
}
@media screen and (min-width: 621px) {
  .intro-about::after {
    background-size: 48% auto;
  }
}
.intro-about .hero-wrapper {
  container-type: inline-size;
  container-name: hero;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 1;
}
.intro-about .hero-section {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  position: relative;
  min-height: 500px;
}
.intro-about .hero-section > h3 {
  grid-column: 1/4;
  grid-row: 1/3;
  z-index: 2;
  padding: 0 1rem 1rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: 3vw;
  font-size: calc(clamp(20px, 22.66px + 0.1vw, 25px) * 1.25);
}
@media screen and (min-width: 992px) {
  .intro-about .hero-section > h3 {
    font-size: 2.5vw;
  }
}
.intro-about .hero-section > h3::before {
  content: "";
  background-image: url("/assets/images/recruit/illust_01.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 100%;
  width: auto;
  height: 95px;
  aspect-ratio: 147/210;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(5%, -12%);
}
@media screen and (min-width: 621px) {
  .intro-about .hero-section > h3::before {
    transform: translate(280%, -12%);
  }
}
@media screen and (min-width: 992px) {
  .intro-about .hero-section > h3::before {
    transform: translate(100%, 50%);
    height: 10.5vw;
  }
}
.intro-about .hero-section .main-video {
  grid-column: 4/13;
  grid-row: 1/3;
  z-index: 1;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.intro-about .hero-section .main-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.intro-about .hero-section .description {
  grid-column: 1/8;
  grid-row: 3/3;
  background: #fff;
  padding: 2rem 1.5rem;
  z-index: 0;
  max-width: 100%;
  position: relative;
  min-width: 0;
}
@media screen and (min-width: 992px) {
  .intro-about .hero-section .description {
    padding: 15% 7%;
    margin-top: -7.6923076923vw;
    max-width: 50vw;
    height: auto;
    margin-left: 3vw;
    display: grid;
    place-items: center;
    align-items: center;
    justify-items: center;
    width: 100%;
  }
}
@media screen and (min-width: 1380px) {
  .intro-about .hero-section .description {
    aspect-ratio: 730/390;
  }
}
.intro-about .hero-section .description:before {
  content: "";
  background-image: url("/assets/images/back-title-orange.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 23.0769230769vw;
  height: 100%;
  transform: rotate(75deg) scaleX(70%);
  position: absolute;
  top: -38%;
  left: -15%;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .intro-about .hero-section .description:before {
    display: none;
  }
}
.intro-about .hero-section .description h3.marker {
  font-size: clamp(20px, 22.66px + 0.1vw, 25px);
  margin-bottom: 1rem;
  margin-left: 0;
  text-align: left;
  word-break: normal;
}
@container hero (max-width: 991px) {
  .intro-about .hero-section {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 0;
  }
  .intro-about .hero-section > h3,
  .intro-about .hero-section .main-video,
  .intro-about .hero-section .description {
    grid-column: 1/-1;
    grid-row: auto;
    margin-left: 0;
    margin-top: 0;
  }
  .intro-about .hero-section .main-video {
    aspect-ratio: 1/1;
  }
}

.recruit-appli {
  padding: 10vw 0 13dvh 0;
  position: relative;
  z-index: 20;
}
@media screen and (min-width: 992px) {
  .recruit-appli {
    padding-bottom: 0;
  }
}
.recruit-appli::after {
  content: "";
  background-image: url("/assets/images/recruit/illust_03.webp");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1116/273;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media screen and (min-width: 621px) {
  .recruit-appli::after {
    background-size: 80% auto;
    background-position: center bottom;
  }
}
@media screen and (min-width: 992px) {
  .recruit-appli::after {
    position: relative;
    bottom: 0;
    right: 0;
    background-size: 40% auto;
    background-position: center top;
    height: 15rem;
  }
}
.recruit-appli .section-title {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  padding: 0;
  z-index: -1;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  text-align: center;
}
.recruit-appli .section-title:after {
  content: "";
  background-image: url("/assets/images/back-title-pink.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left 40% top;
  display: block;
  width: 100%;
  height: 200%;
  position: absolute;
  top: -50%;
  left: 2%;
  z-index: -1;
}
@media screen and (max-width: 620px) {
  .recruit-appli .section-title:after {
    top: -38%;
  }
}
@media screen and (min-width: 621px) {
  .recruit-appli .section-title:after {
    height: 500%;
    top: -180%;
    left: 2%;
  }
}
.recruit-appli .recruit-row {
  margin-bottom: 5rem !important;
}
.recruit-appli .recruit-row h3 {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  display: block;
  width: 100%;
  font-size: calc(clamp(20px, 22.66px + 0.1vw, 25px) * 0.8);
  border: solid 1px #252323;
}
.recruit-appli .recruit-row h3.c-pink {
  background-color: #ef8eb8;
}
.recruit-appli .recruit-row h3.c-orange {
  background-color: #f8b418;
}
.recruit-appli .recruit-row h3.c-blue {
  background-color: #2fbdf0;
}
.recruit-appli .recruit-row h3.c-green {
  background-color: #80bb87;
}
.recruit-appli .recruit-row .bg-yellow {
  background-color: #f5fcbb;
}
.recruit-appli .recruit-row table {
  width: 100%;
  border-top: solid 1px #252323;
}
.recruit-appli .recruit-row table th,
.recruit-appli .recruit-row table td {
  padding: 0.5rem;
  vertical-align: top;
  border-bottom: solid 1px #252323;
  vertical-align: top;
}
.recruit-appli .recruit-row table th {
  background-color: #eeeeee;
  width: 20%;
  border-left: solid 1px #252323;
}
.recruit-appli .recruit-row table td {
  background-color: #ffffff;
  border-right: solid 1px #252323;
}
@media screen and (max-width: 620px) {
  .recruit-appli .recruit-row table table {
    border-top: none;
  }
  .recruit-appli .recruit-row table th,
  .recruit-appli .recruit-row table td {
    display: block;
    width: 100%;
    border: none;
  }
}

.recruit-event {
  position: relative;
  padding-top: 10vw;
  z-index: 10;
}
.recruit-event .section-title {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  padding: 0;
  z-index: -1;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  text-align: center;
}
.recruit-event .section-title:after {
  content: "";
  background-image: url("/assets/images/back-title-orange.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left 48% top;
  display: block;
  width: 100%;
  height: 200%;
  position: absolute;
  top: -50%;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 621px) {
  .recruit-event .section-title:after {
    height: 500%;
    top: -170%;
  }
}
@media screen and (max-width: 620px) {
  .recruit-event .section-title > .subtitle {
    letter-spacing: 0;
  }
}
.recruit-event h3:before {
  content: "";
  background-image: url("/assets/images/recruit/illust_04.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 46.6153846154vw;
  height: auto;
  aspect-ratio: 606/174;
  display: block;
  margin: 0 auto 1rem auto;
  max-width: 303px;
}
.recruit-event .text-box {
  position: relative;
  z-index: 50;
  top: 0;
  background-color: #FFFFFF;
  border-radius: 1.5rem;
  padding: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 992px) {
  .recruit-event .text-box {
    padding: 2.3076923077vw 5rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.recruit-event .text-box h3 {
  margin-bottom: 2rem;
}
.recruit-event .text-box h4.text-xl {
  font-size: 150%;
}
@media screen and (min-width: 992px) {
  .recruit-event .text-box h4.text-xl {
    font-size: 175%;
  }
}
.recruit-event .text-box h5 {
  border-bottom: solid 1px #252323;
  padding: 0 0.5rem 0.5rem 0.5rem;
  margin-bottom: 0.5rem;
}
.recruit-event .text-box em {
  font-style: normal;
}
.recruit-event .text-box dl {
  display: flex;
  padding: 0.5rem;
  border-bottom: dotted 1px #252323;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.recruit-event .text-box dl dt {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
}
.recruit-event .text-box dl dd {
  margin-bottom: 0;
}
.recruit-event .text-box dl dd + dd {
  margin-left: 1rem;
}
.recruit-event .text-box dl.line {
  border-top: solid 1px #252323;
  border-bottom: solid 1px #252323;
  padding: 1.2rem 0.5rem 0.5rem 0.5rem;
}
.recruit-event .text-box dl.line dt > em {
  font-size: calc(clamp(45px, 25.5px + 2.86vw, 70px) * 0.45);
  margin-right: 1rem;
}
.recruit-event .text-box dl.line dd > em {
  font-size: calc(clamp(45px, 25.5px + 2.86vw, 70px) * 0.7);
}
.recruit-event .text-box h5 > em {
  font-size: calc(clamp(45px, 25.5px + 2.86vw, 70px) * 0.5);
}
.recruit-event .text-box em {
  font-style: normal;
}
.recruit-event .text-box .sch {
  margin-bottom: 1rem;
}
.recruit-event .text-box .sch dl {
  padding-left: 1.5rem;
  line-height: 1;
}
.recruit-event .text-box .sch dl dt > em {
  font-size: calc(clamp(45px, 25.5px + 2.86vw, 70px) * 0.7);
  display: inline-block;
  min-width: calc(clamp(45px, 25.5px + 2.86vw, 70px) * 0.7 * 1.2);
  text-align: right;
}
.recruit-event .text-box .sch dl dd > em {
  font-size: calc(clamp(45px, 25.5px + 2.86vw, 70px) * 0.7);
  display: inline-block;
  min-width: calc(clamp(45px, 25.5px + 2.86vw, 70px) * 0.7 * 1.2);
  text-align: right;
}
.recruit-event .text-box .text-sm {
  font-size: 80%;
}
.recruit-event .text-box .bg-yellow {
  display: flex;
  justify-content: center;
  padding: 1rem;
  background: linear-gradient(#ffdc80, #ffdc80) center/100% 15rem no-repeat;
  position: relative;
  margin: 2rem auto;
}
@media screen and (min-width: 621px) {
  .recruit-event .text-box .bg-yellow {
    padding: 1rem 0;
    border-top: 1rem solid white;
    border-bottom: 1rem solid white;
    background: linear-gradient(#ffdc80, #ffdc80) center/100% 8rem no-repeat;
  }
}
@media screen and (min-width: 992px) {
  .recruit-event .text-box .bg-yellow {
    padding: 1rem 0;
    border-top: 3rem solid white;
    border-bottom: 3rem solid white;
    background: linear-gradient(#ffdc80, #ffdc80) center/100% 5rem no-repeat;
  }
}
.recruit-event .text-box .bg-yellow::before {
  content: "";
  background-image: url("/assets/images/recruit/illust_05.webp");
  background-repeat: no-repeat;
  background-size: contain;
  width: 21.3076923077vw;
  height: auto;
  aspect-ratio: 277/193;
  position: absolute;
  top: -2rem;
  left: 0;
}
@media screen and (min-width: 621px) {
  .recruit-event .text-box .bg-yellow::before {
    top: 1.75rem;
    left: -2rem;
    max-width: 18vw;
  }
}
@media screen and (min-width: 992px) {
  .recruit-event .text-box .bg-yellow::before {
    top: -1.5rem;
    left: -1.5rem;
    max-width: 277px;
  }
}
.recruit-event .text-box .bg-yellow > p {
  width: 100%;
}
@media screen and (min-width: 621px) {
  .recruit-event .text-box .bg-yellow > p {
    padding-left: 20%;
    padding-right: 15px;
  }
}
@media screen and (min-width: 992px) {
  .recruit-event .text-box .bg-yellow > p {
    padding-left: 25%;
  }
}

.recruit-test {
  position: relative;
  padding-top: calc(10vw + 20px);
  padding-bottom: 10vw;
  z-index: 5;
}
@media screen and (min-width: 621px) {
  .recruit-test {
    padding-bottom: 0;
  }
}
.recruit-test .section-title {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  padding: 0;
  z-index: -1;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.recruit-test .section-title:after {
  content: "";
  background-image: url("/assets/images/back-section-title.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left 48% top;
  display: block;
  width: 100%;
  height: 200%;
  position: absolute;
  top: -50%;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 621px) {
  .recruit-test .section-title:after {
    height: 400%;
    top: -180%;
  }
}
.recruit-test .text-box {
  position: relative;
  z-index: 50;
  top: 0;
  background-color: #FFFFFF;
  border-radius: 1.5rem;
  padding: 1.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 621px) {
  .recruit-test .text-box {
    padding: 2.3076923077vw;
  }
}
.recruit-test .text-box:before {
  content: "";
  background-image: url("/assets/images/recruit/illust_06.webp");
  background-repeat: no-repeat;
  background-position: right 7% top -5%;
  background-size: auto 100%;
  width: 100%;
  height: 15.2571428571vw;
  aspect-ratio: 427/267;
  display: block;
  position: absolute;
  transform: translate(0, -100%);
  top: 0;
  left: 0;
}
@media screen and (min-width: 992px) {
  .recruit-test .text-box:before {
    height: 9.5357142857vw;
  }
}
@media screen and (min-width: 992px) {
  .recruit-test .text-box {
    padding: 2.3076923077vw 5rem;
  }
}
.recruit-test .text-box h3 {
  margin-bottom: 2rem;
}
.recruit-test .text-box .text-xl {
  font-size: 150%;
}
@media screen and (min-width: 992px) {
  .recruit-test .text-box .text-xl {
    font-size: 175%;
  }
}
.recruit-test .text-box h5 {
  border-bottom: solid 1px #252323;
  padding: 0 0.5rem 0.5rem 0.5rem;
  margin-bottom: 0.5rem;
}
.recruit-test .text-box em {
  font-style: normal;
}
.recruit-test .text-box .box {
  border-top: solid 1px #252323;
  border-bottom: solid 1px #252323;
}
.recruit-test .text-box dl {
  display: flex;
  padding: 0.75rem 0.5rem 0.5rem 0.5rem;
  border-bottom: dotted 1px #252323;
  flex-wrap: wrap;
  margin-bottom: 0;
  align-items: first baseline;
}
.recruit-test .text-box dl dt {
  width: 7rem;
  font-weight: 400;
  margin-bottom: 0;
}
@media screen and (max-width: 620px) {
  .recruit-test .text-box dl dt {
    width: 100%;
  }
}
.recruit-test .text-box dl dt em {
  font-size: calc(clamp(45px, 25.5px + 2.86vw, 70px) * 0.5);
}
.recruit-test .text-box dl dd {
  margin-bottom: 0;
  font-size: 130%;
}
.recruit-test .text-box dl dd em {
  font-size: calc(clamp(45px, 25.5px + 2.86vw, 70px) * 0.7);
}
.recruit-test .text-box dl dt + dd {
  width: 13rem;
  text-align: right;
  padding-right: 1rem;
  line-height: 1;
}
.recruit-test .text-box dl dt + dd > em:last-child {
  width: 3rem;
  display: inline-block;
}
.recruit-test .text-box em {
  font-style: normal;
}

.recruit-fair {
  padding-top: calc(10vw + 20px);
  padding-bottom: 10vw;
}
.recruit-fair .section-title {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  padding: 0;
  z-index: -1;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.recruit-fair .section-title:after {
  content: "";
  background-image: url("/assets/images/back-title-pink.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left 48% top;
  display: block;
  width: 100%;
  height: 200%;
  position: absolute;
  top: -50%;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 621px) {
  .recruit-fair .section-title:after {
    height: 400%;
    top: -180%;
  }
}
.recruit-fair .text-box {
  position: relative;
  z-index: 50;
  top: 0;
  background-color: #FFFFFF;
  border-radius: 1.5rem;
  padding: 1.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 992px) {
  .recruit-fair .text-box {
    padding: 2.3076923077vw 5rem;
    margin-top: 3rem;
  }
}
.recruit-fair .text-box:before {
  content: "";
  background-image: url("/assets/images/recruit/illust_07.webp");
  background-repeat: no-repeat;
  background-position: left 7% top -2%;
  background-size: contain;
  width: 100%;
  height: 13.6vw;
  aspect-ratio: 286/238;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(0, -100%);
}
@media screen and (min-width: 992px) {
  .recruit-fair .text-box:before {
    height: 8.5vw;
  }
}
.recruit-fair .area-item {
  width: 100%;
  display: block;
}
.recruit-fair .area-item div {
  display: flex;
  align-items: flex-start;
  padding: 1rem 0.5rem;
  border-bottom: solid 1px #252323;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (min-width: 621px) {
  .recruit-fair .area-item div {
    flex-direction: row;
    align-items: center;
  }
}
.recruit-fair .area-item div em {
  font-style: normal;
}
.recruit-fair .area-item div span {
  display: block;
  width: 100px;
}
.recruit-fair .area-item div a {
  color: #ef8eb8 !important;
  padding: 0.5rem 0;
}
.recruit-fair .area-item div.date p {
  display: inline;
  vertical-align: baseline;
  line-height: 1;
}
.recruit-fair .area-item div.date p em:first-child {
  font-size: clamp(20px, 22.66px + 0.1vw, 25px);
}
.recruit-fair .area-item div.date p em:last-child {
  margin-left: 1rem;
  font-size: calc(clamp(45px, 25.5px + 2.86vw, 70px) * 0.7);
}
.recruit-fair .area-item div.time em {
  font-size: calc(clamp(45px, 25.5px + 2.86vw, 70px) * 0.7);
}
.recruit-fair .area-item div.address {
  border-bottom: none;
  padding-bottom: 0 !important;
  font-size: calc(clamp(20px, 22.66px + 0.1vw, 25px) * 0.8);
}
.recruit-fair .area-item div.address span {
  font-size: 1rem;
}
.recruit-fair .area-item div.url {
  padding-top: 0;
}
.recruit-fair .area-item h5 {
  padding: 0.5rem 0.75rem;
  color: #ffffff;
  background-color: #2fbdf0;
  width: 100%;
  display: flex;
  font-size: clamp(20px, 22.66px + 0.1vw, 25px);
  align-items: center;
  position: relative;
  text-align: center;
  justify-content: center;
}
.recruit-fair .area-item h5 span {
  font-size: 1rem;
  margin-right: 1rem;
  position: absolute;
  left: 0.75rem;
}
.recruit-fair .area-item.web h5 {
  background-color: #f8b418;
}
.recruit-fair .area-item.web h5:after {
  content: "WEB説明会";
  display: block;
  background-color: #ffffff;
  color: #f8b418;
  padding: 0.25rem;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1rem;
  margin: 0.5rem;
}/*# sourceMappingURL=recruit.css.map */