@charset "UTF-8";.bnr{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding-block:3rem;padding-inline:1.25rem;margin-block-start:1.5rem;background-color:#ffdb38}.bnr a{display:block;max-inline-size:20.25rem;overflow:hidden;background-color:#fff;border-radius:32px 0}.bnr a img{transition:opacity .2s ease-out}.bnr a.is-hover img{opacity:.5}.experienced_pdf{margin-block-start:1.5rem}.experienced_pdf a{text-decoration:none}.experienced_pdf a span{text-decoration:underline}.experienced_pdf a::after{font-size:1.625rem;color:#fa1b1e;text-decoration:none;content:'\e826';font-family:icons;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-decoration:none;text-transform:none;vertical-align:middle;speak:none}.experienced_pdf a.is-hover span{text-decoration:none}.graduateData{padding-block:3rem;margin-block-start:3rem;background-color:#e3effd}.graduateData_heading{font-size:1.5rem;font-weight:700;color:#74b0f6}.graduateDataBody{display:grid;grid-template-columns:6.25rem 1fr;-moz-column-gap:0.25rem;column-gap:.25rem;padding-block:0.75rem;padding-inline:0.75rem;margin-block-start:0.75rem;background-color:#fff}.graduateDataBody_top{padding-block:0.25rem;padding-inline:0.5rem;font-size:1.125rem;font-weight:700;color:#74b0f6;text-align:center;background-color:#e3effd}.graduateDataBodyItem{display:grid;grid-template-columns:7.5rem 1fr}.graduateDataBodyItem:not(:last-child){border-block-end:0.0625rem dashed #000}.graduateDataBodyItem_subheading{padding-block:0.25rem;padding-inline:0.5rem;font-weight:500;text-align:center;border-inline-end:0.0625rem dashed #8d8d8d}.graduateDataBodyItem_content{padding-block:0.25rem;padding-inline:0.5rem}.graduateSchedule_inner{margin-block-start:2rem}.graduateSchedule_text{margin-block-start:2rem}.graduateSchedule_section{padding-block-end:1rem;margin-block-start:3rem}.graduateSchedule_section:not(:last-child){border-block-end:0.0625rem dashed #000}.graduateSchedule_heading{font-size:1.5rem;font-weight:700;color:#74b0f6}.graduateSchedule_address{margin-block-start:1rem}@media (max-width:32.4375rem){.bnr{flex-direction:column;justify-content:center;padding-block:2rem}.bnr a{margin-inline:auto}.graduateData{padding-block:1.25rem}.graduateDataBody{row-gap:1rem}.graduateDataBody,.graduateDataBodyItem{grid-template-columns:inherit}.graduateDataBodyItem{padding-block-end:0.75rem}.graduateDataBodyItem + .graduateDataBodyItem{margin-block-start:1rem}.graduateDataBodyItem_subheading{text-align:start;border-block-end:0.0625rem dashed #8d8d8d;border-inline-end:0}.graduateDataBodyItem_content{padding-block:0.25rem 0}}

/* ------------ 追記 2026.03.09 ------------ */
/* 中途採用の社員インタビューバナー */
.experiencedInterview{
  --experienced-interview-bg-height: 400px;

  position: relative;
  display: block;
  aspect-ratio: 2 / 1;
  background: #f6eeff;
  color: #000;
  text-decoration: none;
  overflow: hidden;
  margin-bottom: 5rem;
  transition: color 0.3s;
}

.experiencedInterview:visited{
  color: #000;
  text-decoration: none;
}

.experiencedInterview:active{
  color: #fff;
  text-decoration: none;
}

.experiencedInterview:hover{
  color: #fff;
  text-decoration: none;
}

.experiencedInterview_bg01,
.experiencedInterview_bg02{
  position: absolute;
  top: 50%;
  right: 20%;
  display: block;
  aspect-ratio: 1 / 8;
  height: var(--experienced-interview-bg-height);
  background-repeat: repeat-y;
  background-position: top center;
  background-size: auto 100%;
  animation-timing-function: linear;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  mix-blend-mode: multiply;
}

.experiencedInterview_bg01{
  background-image: url(../../../../recruit/images/experiencedInterview_bg01.jpg);
  animation-name: bg01;
  transform: translate(0, -50%) rotate(20deg);
}

.experiencedInterview_bg02{
  background-image: url(../../../../recruit/images/experiencedInterview_bg02.jpg);
  animation-name: bg02;
  transform: translate(110%, -50%) rotate(20deg);
}

@keyframes bg01 {
  0%{
    background-position: 0 0;
  }
  100%{
    background-position: 0 calc(var(--experienced-interview-bg-height) * -1);
  }
}

@keyframes bg02 {
  0%{
    background-position: 0 0;
  }
  100%{
    background-position: 0 var(--experienced-interview-bg-height);
  }
}

.experiencedInterview_bgColor{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg,#c196f7 0,#6590ff 100%);
  mix-blend-mode: multiply;
  opacity: 0.3;
  transition: opacity 0.3s;
}

.experiencedInterview:active .experiencedInterview_bgColor,
.experiencedInterview:hover .experiencedInterview_bgColor {
  opacity: 0.8;
}

.experiencedInterview_body {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1.5rem;
  width: 100%;
  height: 100%;
}

.experiencedInterview_txt {
  font-size: 0.75rem;
  margin-bottom: 1.5em;
}

.experiencedInterview_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-inline-size: 20.25rem;
  overflow: hidden;
  border: solid 1px #fff;
  border-radius: 32px 0;
  height: 4em;
  font-weight: 700;
  padding: 0 1.5em;
  transition: color 0.3s, backgorund-color 0.3s;
}

.experiencedInterview:active .experiencedInterview_btn,
.experiencedInterview:hover .experiencedInterview_btn {
  color: #6590ff;
  background-color: rgba(255,255,255,1);
}


.experiencedInterview_btn::after {
    font-size: 1.25rem;
    content: '\e820';
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    speak: none;
    margin-left: 0.5em;
}

@media (min-width:32.5rem){
  .experiencedInterview{
    --experienced-interview-bg-height: 1600px;
    aspect-ratio: 4 / 1;
  }
  
  .experiencedInterview_bg01,
  .experiencedInterview_bg02 {
    right: 30%;
  }

  .experiencedInterview_body{
      padding: 0 4rem;
  }

  .experiencedInterview_txt {   
    font-size: 1rem;
  }

  .experiencedInterview_ttl{
    font-size: 1.5rem;
  }

  .experiencedInterview_btn {
    height: 80px;
    padding: 0 1.5em;
  }
}

/* 募集要項 */
.experiencedData{
  padding-block: 3rem;
  margin-block-start: 3rem;
  /* background-color: #e3effd; */
  border-image-source: linear-gradient( #e3effd,#e3effd );
  border-image-slice: fill 0; 
  border-image-width: 1;
  border-image-outset: 0 100vw;
  border-image-repeat: stretch; 省略
}

.experiencedData_heading {
    font-size: 1.5rem;
    font-weight: 700;
    color: #74b0f6;
    margin-top: 1.5rem;
  }
  
.experiencedData_group {
  padding: 0.75rem;
  margin-top: 0.75rem;
  background-color: #fff;
}

.experiencedData_group + .experiencedData_group {
  margin-top: 1rem;
}

.experiencedData_yoken + .experiencedData_yoken{
  margin-top: 1.5rem;
}

.experiencedData_ttl{
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #74b0f6;
  background-color: #e3effd;
}

.experiencedData_requirements{
  font-size: 1rem;
  font-weight: bold;
  position: relative;
  padding-left: 0.8rem;
  margin-bottom: 0.75rem;
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}

.experiencedData_requirements::after{
  content: "";
  border-radius: 0.15rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.3rem;
  height: 100%;
  background-color: #74b0f6;
}

.experiencedData_table table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.experiencedData_table th,
.experiencedData_table td {
  padding: 0.25rem 0.5rem;
  border-right: 0.0625rem dashed #ccc;
  border-top: 0.0625rem dashed #ccc;
  text-align: left;
  vertical-align: top;
}

.experiencedData_table th{
  font-weight: bold;
  background-color: #f2f2f2;
}

.experiencedData_table th.bg_blue,
.experiencedData_table td.bg_blue {
  background-color: #f3f8ff;
}

.experiencedData_table th:last-child,
.experiencedData_table td:last-child {
 border-right: 0;
}

.experiencedData_table tr:first-child th,
.experiencedData_table tr:first-child td {
 border-top: 0;
}

.experiencedData_note{
  font-size: 0.75rem;
  margin-top: 1em;
}

@media (min-width:32.5rem){
  .experiencedData_table th{
    min-width: 8em;
  }
}
