@charset "UTF-8";
/* Scss Document */
/* 
---------------------------------------
reset
---------------------------------------
*/
body, header, footer, section, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  overflow-y: scroll;
  box-sizing: border-box; }

*, *::before, *::after {
  box-sizing: inherit; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  vertical-align: top; }

th {
  text-align: left; }

li {
  list-style: none; }

a {
  outline: none;
  text-decoration: none;
  color: inherit;
  transition: all 0.6s; }

address {
  font-style: normal; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
  font-weight: 400; }

em {
  font-style: normal; }

a:link, a:visited, a:hover, a:active {
  text-decoration: none; }

a:hover {
  opacity: 0.7;
  transition: all 0.6s; }

img {
  display: block;
  max-width: 100%;
  -webkit-backface-visibility: hidden; }

/* 
---------------------------------------
表示切替
---------------------------------------
*/
@media screen and (max-width: 999px) {
  .pcView {
    display: none !important; } }
@media screen and (min-width: 1000px) {
  .spView {
    display: none !important; } }
@media (min-width: 999px) {
  a[href^="tel:"] {
    pointer-events: none; } }
/* フォーム要素のリセット */
button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  outline: none;
  appearance: none; }

button {
  cursor: pointer; }

button:disabled {
  cursor: default; }

/* 
---------------------------------------
コンテンツ幅
---------------------------------------
*/
.inner18 {
  max-width: 180rem;
  width: 89.33%;
  margin: 0 auto; }
  @media (max-width: 999px) {
    .inner18 {
      width: 89.33%;
      max-width: 536px; } }

.inner16 {
  max-width: 160rem;
  width: 89.33%;
  margin: 0 auto; }
  @media (max-width: 999px) {
    .inner16 {
      width: 89.33%;
      max-width: 536px; } }

.inner14 {
  max-width: 140rem;
  width: 89.33%;
  margin: 0 auto; }
  @media (max-width: 999px) {
    .inner14 {
      width: 89.33%;
      max-width: 536px; } }

.inner12 {
  max-width: 120rem;
  width: 89.33%;
  margin: 0 auto; }
  @media (max-width: 999px) {
    .inner12 {
      width: 89.33%;
      max-width: 536px; } }

.inner10 {
  max-width: 100rem;
  width: 89.33%;
  margin: 0 auto; }
  @media (max-width: 999px) {
    .inner10 {
      width: 89.33%;
      max-width: 536px; } }

.inner8 {
  max-width: 80rem;
  width: 89.33%;
  margin: 0 auto; }
  @media (max-width: 999px) {
    .inner8 {
      width: 89.33%;
      max-width: 536px; } }

/* 
---------------------------------------
余白
---------------------------------------
*/
body .mt20 {
  margin-top: clamp(120px, 16vw, 200px); }

body .mt18 {
  margin-top: clamp(100px, 14vw, 180px); }

body .mt16 {
  margin-top: clamp(80px, 12vw, 160px); }

body .mt14 {
  margin-top: clamp(70px, 10vw, 140px); }

body .mt12 {
  margin-top: clamp(60px, 10vw, 120px); }

body .mtTen {
  margin-top: clamp(50px, 8vw, 100px); }

body .mtten {
  margin-top: clamp(50px, 8vw, 100px); }

body .mt10 {
  margin-top: clamp(50px, 8vw, 100px); }

body .mt8 {
  margin-top: 8rem; }
  @media (max-width: 999px) {
    body .mt8 {
      margin-top: 4rem; } }

body .mt6 {
  margin-top: 6rem; }
  @media (max-width: 999px) {
    body .mt6 {
      margin-top: 3rem; } }

body .mt5 {
  margin-top: 5rem; }
  @media (max-width: 999px) {
    body .mt5 {
      margin-top: 2.5rem; } }

body .mt4 {
  margin-top: 4rem; }
  @media (max-width: 999px) {
    body .mt4 {
      margin-top: 2rem; } }

body .mt3 {
  margin-top: 3rem; }
  @media (max-width: 999px) {
    body .mt3 {
      margin-top: 1.5rem; } }

body .mt2 {
  margin-top: 2rem; }
  @media (max-width: 999px) {
    body .mt2 {
      margin-top: 1rem; } }

body .mt1 {
  margin-top: 1rem; }
  @media (max-width: 999px) {
    body .mt1 {
      margin-top: .5rem; } }

body .mb20 {
  margin-bottom: clamp(120px, 16vw, 200px); }

body .mb18 {
  margin-bottom: clamp(100px, 14vw, 180px); }

body .mb16 {
  margin-bottom: clamp(80px, 12vw, 160px); }

body .mb14 {
  margin-bottom: clamp(70px, 10vw, 140px); }

body .mb12 {
  margin-bottom: clamp(60px, 10vw, 120px); }

body .mbTen {
  margin-bottom: clamp(50px, 8vw, 100px); }

body .mbten {
  margin-bottom: clamp(50px, 8vw, 100px); }

body .mb10 {
  margin-bottom: clamp(50px, 8vw, 100px); }

body .mb8 {
  margin-bottom: 8rem; }
  @media (max-width: 999px) {
    body .mb8 {
      margin-bottom: 4rem; } }

body .mb6 {
  margin-bottom: 6rem; }
  @media (max-width: 999px) {
    body .mb6 {
      margin-bottom: 3rem; } }

body .mb5 {
  margin-bottom: 5rem; }
  @media (max-width: 999px) {
    body .mb5 {
      margin-bottom: 2.5rem; } }

body .mb4 {
  margin-bottom: 4rem; }
  @media (max-width: 999px) {
    body .mb4 {
      margin-bottom: 2rem; } }

body .mb3 {
  margin-bottom: 3rem; }
  @media (max-width: 999px) {
    body .mb3 {
      margin-bottom: 1.5rem; } }

body .mb2 {
  margin-bottom: 2rem; }
  @media (max-width: 999px) {
    body .mb2 {
      margin-bottom: 1rem; } }

body .mb1 {
  margin-bottom: 1rem; }
  @media (max-width: 999px) {
    body .mb1 {
      margin-bottom: .5rem; } }

body .pt20 {
  padding-top: clamp(120px, 16vw, 200px); }

body .pt18 {
  padding-top: clamp(100px, 14vw, 180px); }

body .pt16 {
  padding-top: clamp(80px, 12vw, 160px); }

body .pt14 {
  padding-top: clamp(70px, 10vw, 140px); }

body .pt12 {
  padding-top: clamp(60px, 10vw, 120px); }

body .ptTen {
  padding-top: clamp(50px, 8vw, 100px); }

body .ptten {
  padding-top: clamp(50px, 8vw, 100px); }

body .pt10 {
  padding-top: clamp(50px, 8vw, 100px); }

body .pt8 {
  padding-top: 8rem; }
  @media (max-width: 999px) {
    body .pt8 {
      padding-top: 4rem; } }

body .pt6 {
  padding-top: 6rem; }
  @media (max-width: 999px) {
    body .pt6 {
      padding-top: 3rem; } }

body .pt5 {
  padding-top: 5rem; }
  @media (max-width: 999px) {
    body .pt5 {
      padding-top: 2.5rem; } }

body .pt4 {
  padding-top: 4rem; }
  @media (max-width: 999px) {
    body .pt4 {
      padding-top: 2rem; } }

body .pt3 {
  padding-top: 3rem; }
  @media (max-width: 999px) {
    body .pt3 {
      padding-top: 1.5rem; } }

body .pt2 {
  padding-top: 2rem; }
  @media (max-width: 999px) {
    body .pt2 {
      padding-top: 1rem; } }

body .pt1 {
  padding-top: 1rem; }
  @media (max-width: 999px) {
    body .pt1 {
      padding-top: .5rem; } }

body .pb20 {
  padding-bottom: clamp(120px, 16vw, 200px); }

body .pb18 {
  padding-bottom: clamp(100px, 14vw, 180px); }

body .pb16 {
  padding-bottom: clamp(80px, 12vw, 160px); }

body .pb14 {
  padding-bottom: clamp(70px, 10vw, 140px); }

body .pb12 {
  padding-bottom: clamp(60px, 10vw, 120px); }

body .pbTen {
  padding-bottom: clamp(50px, 8vw, 100px); }

body .pbten {
  padding-bottom: clamp(50px, 8vw, 100px); }

body .pb10 {
  padding-bottom: clamp(50px, 8vw, 100px); }

body .pb8 {
  padding-bottom: 8rem; }
  @media (max-width: 999px) {
    body .pb8 {
      padding-bottom: 4rem; } }

body .pb6 {
  padding-bottom: 6rem; }
  @media (max-width: 999px) {
    body .pb6 {
      padding-bottom: 3rem; } }

body .pb5 {
  padding-bottom: 5rem; }
  @media (max-width: 999px) {
    body .pb5 {
      padding-bottom: 2.5rem; } }

body .pb4 {
  padding-bottom: 4rem; }
  @media (max-width: 999px) {
    body .pb4 {
      padding-bottom: 2rem; } }

body .pb3 {
  padding-bottom: 3rem; }
  @media (max-width: 999px) {
    body .pb3 {
      padding-bottom: 1.5rem; } }

body .pb2 {
  padding-bottom: 2rem; }
  @media (max-width: 999px) {
    body .pb2 {
      padding-bottom: 1rem; } }

body .pb1 {
  padding-bottom: 1rem; }
  @media (max-width: 999px) {
    body .pb1 {
      padding-bottom: .5rem; } }

html {
  font-size: clamp(8px, calc(8px + (2 * ((100vw - 1000px) / 920))), 10px); }
  @media (max-width: 999px) {
    html {
      font-size: 62.5% !important; } }

html body#tinymce {
  font-family: "Noto Sans JP", sans-serif; }
  html body#tinymce div {
    border: 1px dashed rgba(0, 128, 0, 0.5); }
  html body#tinymce h2, html body#tinymce h3, html body#tinymce h4, html body#tinymce h5, html body#tinymce ol, html body#tinymce ul, html body#tinymce li, html body#tinymce p {
    padding: 2rem;
    border: 1px dashed rgba(0, 0, 255, 0.5); }
  html body#tinymce .is-mdOverHide,
  html body#tinymce .is-mdUnderHide {
    display: inline-block; }
  html body#tinymce .is-mdOverHide::before {
    content: 'sp';
    font-size: 10px;
    color: red; }
  html body#tinymce .is-mdUnderHide::before {
    content: 'pc';
    font-size: 10px;
    color: blue; }
  html body#tinymce h2, html body#tinymce h3, html body#tinymce h4, html body#tinymce h5 {
    padding: 2rem; }
  html body#tinymce p a:not([class]) {
    text-decoration: underline; }
  html body#tinymce ol li {
    list-style: auto;
    margin-left: 2rem; }
  html body#tinymce ul li {
    list-style: disc;
    margin-left: 2rem; }
  html body#tinymce blockquote {
    padding: 3rem;
    background: #f7f7f7; }
  html body#tinymce table {
    width: 100%;
    margin: 3rem 0;
    border-collapse: collapse;
    border-spacing: 0; }
  html body#tinymce th,
  html body#tinymce td {
    padding: 1.5rem 2rem;
    border: 1px solid #ddd;
    text-align: left;
    vertical-align: middle;
    line-height: 1.7; }
  html body#tinymce th {
    background: #f7f7f7;
    font-weight: 500;
    padding-bottom: 2rem;
    margin-top: 3rem; }
  html body#tinymce .acf-field-wysiwyg .acf-editor-wrap iframe {
    min-height: 80px !important; }
  html body#tinymce strong {
    font-weight: 500 !important; }
  html body#tinymce .acf-field-wysiwyg .mce-menubar {
    display: none !important; }

/* 2件目以降の上に区切りを入れる */
.acf-table > tbody > tr.acf-row + tr.acf-row > td {
  border-top: 10px solid #dcdcde !important; }

.pcCenterspLeft {
  text-align: center; }
  @media (max-width: 999px) {
    .pcCenterspLeft {
      text-align: left; } }

.is-mdUnderHide,
.is-mdOverHide {
  height: 0; }

img.aligncenter {
  margin: 0 auto; }

hr {
  border: none;
  border-top: 2px solid #D9D9D9;
  overflow: visible;
  text-align: center;
  padding-bottom: 2rem;
  margin-top: 3rem; }
  @media (max-width: 999px) {
    hr {
      border-top: 1px solid #D9D9D9;
      padding-bottom: 1rem;
      margin-top: 1.5rem; } }

strong {
  font-weight: 500; }

.requirementsTable a {
  color: #049DE9;
  text-decoration: underline; }
.requirementsTable ol li {
  list-style: auto;
  margin-left: 2rem; }
.requirementsTable ul li {
  list-style: disc;
  margin-left: 2rem; }
.requirementsTable img {
  display: block;
  max-width: 100%;
  -webkit-backface-visibility: hidden;
  height: auto; }

/*
---------------------------------------
requirements-archive02
---------------------------------------
*/
#requirements-archive02 .interviewBox,
#requirements-archive03 .interviewBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5.5rem 5rem;
  margin-top: 4rem; }
  #requirements-archive02 .interviewBox .box,
  #requirements-archive03 .interviewBox .box {
    min-width: 0;
    display: flex;
    flex-direction: column; }
    #requirements-archive02 .interviewBox .box .picBox,
    #requirements-archive03 .interviewBox .box .picBox {
      display: block;
      overflow: hidden; }
      #requirements-archive02 .interviewBox .box .picBox .pic,
      #requirements-archive03 .interviewBox .box .picBox .pic {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 430 / 286;
        object-fit: cover;
        transition: transform .5s ease; }
      #requirements-archive02 .interviewBox .box .picBox:hover,
      #requirements-archive03 .interviewBox .box .picBox:hover {
        opacity: 1; }
        #requirements-archive02 .interviewBox .box .picBox:hover .pic,
        #requirements-archive03 .interviewBox .box .picBox:hover .pic {
          transform: scale(1.06); }
    #requirements-archive02 .interviewBox .box .sttl,
    #requirements-archive03 .interviewBox .box .sttl {
      margin-top: 2rem;
      font-size: 2.4rem;
      font-weight: 500;
      line-height: 1.5; }
    #requirements-archive02 .interviewBox .box .profile,
    #requirements-archive03 .interviewBox .box .profile {
      margin-top: 2rem;
      margin-bottom: 2rem;
      font-size: 1.6rem;
      line-height: 2;
      text-align: left; }
    #requirements-archive02 .interviewBox .box .moreBtn,
    #requirements-archive03 .interviewBox .box .moreBtn {
      width: 100%;
      height: 4.2rem;
      margin-top: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 3rem;
      position: relative;
      border-radius: 999px;
      font-size: 1.6rem;
      font-weight: 500;
      line-height: 1;
      text-decoration: none;
      box-sizing: border-box; }
      #requirements-archive02 .interviewBox .box .moreBtn::before,
      #requirements-archive03 .interviewBox .box .moreBtn::before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 1px;
        border-radius: inherit;
        background: linear-gradient(100deg, #266EE8 0%, #7E61E4 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none; }
      #requirements-archive02 .interviewBox .box .moreBtn span,
      #requirements-archive03 .interviewBox .box .moreBtn span {
        position: relative;
        z-index: 1;
        background: linear-gradient(100deg, #266EE8 0%, #7E61E4 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent; }
      #requirements-archive02 .interviewBox .box .moreBtn img,
      #requirements-archive03 .interviewBox .box .moreBtn img {
        display: block;
        width: 5rem;
        height: auto;
        position: relative;
        z-index: 1;
        transition: transform .3s ease; }
      #requirements-archive02 .interviewBox .box .moreBtn:hover,
      #requirements-archive03 .interviewBox .box .moreBtn:hover {
        opacity: 1; }
        #requirements-archive02 .interviewBox .box .moreBtn:hover img,
        #requirements-archive03 .interviewBox .box .moreBtn:hover img {
          transform: translateX(0.5rem); }
@media (max-width: 999px) {
  #requirements-archive02 .interviewBox,
  #requirements-archive03 .interviewBox {
    grid-template-columns: 1fr;
    gap: 5rem;
    margin-top: 5rem; }
    #requirements-archive02 .interviewBox .box .sttl,
    #requirements-archive03 .interviewBox .box .sttl {
      margin-top: 1.5rem;
      font-size: 2rem; }
    #requirements-archive02 .interviewBox .box .profile,
    #requirements-archive03 .interviewBox .box .profile {
      margin-top: 1rem;
      margin-bottom: 2rem;
      font-size: 1.4rem;
      line-height: 1.8; }
    #requirements-archive02 .interviewBox .box .moreBtn,
    #requirements-archive03 .interviewBox .box .moreBtn {
      height: 4.2rem;
      font-size: 1.4rem; }
      #requirements-archive02 .interviewBox .box .moreBtn img,
      #requirements-archive03 .interviewBox .box .moreBtn img {
        width: 4.5rem; } }

/*
---------------------------------------
requirements-single02
---------------------------------------
*/
#requirements-single02 .requirementsTable dl {
  margin: 0;
  display: grid;
  grid-template-columns: 27% 73%;
  border-bottom: 1px solid #999; }
  #requirements-single02 .requirementsTable dl dt,
  #requirements-single02 .requirementsTable dl dd {
    min-width: 0;
    padding: 4rem 3rem;
    box-sizing: border-box; }
  #requirements-single02 .requirementsTable dl dt {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 1.8; }
    #requirements-single02 .requirementsTable dl dt::after {
      content: "";
      width: 100%;
      height: 2px;
      position: absolute;
      left: 0;
      bottom: -1px;
      background: #333; }
  #requirements-single02 .requirementsTable dl dd {
    font-size: 1.6rem;
    line-height: 2; }
    #requirements-single02 .requirementsTable dl dd p {
      margin: 0; }
  #requirements-single02 .requirementsTable dl.salaryRow dt {
    align-items: center; }
  #requirements-single02 .requirementsTable dl.salaryRow dd {
    padding-top: 4rem;
    padding-bottom: 4rem; }
#requirements-single02 .salaryGroup + .salaryGroup {
  margin-top: 4rem; }
#requirements-single02 .salaryGroup .salaryTtl {
  margin-bottom: 0.6rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.7; }
#requirements-single02 .salaryItem + .salaryItem {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid #ddd; }
#requirements-single02 .salaryItem .salarySttl {
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8; }
#requirements-single02 .salaryItem .modelCase {
  margin-top: 2.5rem; }
  #requirements-single02 .salaryItem .modelCase .modelTtl {
    margin-bottom: .5rem; }
#requirements-single02 .salaryNote {
  margin-top: 4rem;
  padding-top: 3rem;
  border-top: 1px solid #ddd; }
  #requirements-single02 .salaryNote p {
    margin-bottom: .8rem; }
  #requirements-single02 .salaryNote ul {
    margin: 0 0 2rem;
    padding-left: 2rem; }
    #requirements-single02 .salaryNote ul li {
      list-style: disc; }
#requirements-single02 .dotList {
  margin: 0;
  padding-left: 2rem; }
  #requirements-single02 .dotList li {
    list-style: disc; }
    #requirements-single02 .dotList li + li {
      margin-top: .5rem; }
#requirements-single02 .txtLink {
  color: #049DE9;
  text-decoration: underline; }
#requirements-single02 .locationBox + .locationBox {
  margin-top: 1.5rem; }
@media (max-width: 999px) {
  #requirements-single02 .requirementsTable dl {
    display: block; }
    #requirements-single02 .requirementsTable dl dt,
    #requirements-single02 .requirementsTable dl dd {
      padding: 2rem 1rem; }
    #requirements-single02 .requirementsTable dl dt {
      padding-bottom: 0rem;
      font-size: 1.5rem; }
      #requirements-single02 .requirementsTable dl dt::after {
        width: 8rem;
        display: none; }
    #requirements-single02 .requirementsTable dl dd {
      padding-top: 1.5rem;
      font-size: 1.3rem;
      line-height: 1.9; }
    #requirements-single02 .requirementsTable dl.salaryRow dd {
      padding-top: 1.5rem;
      padding-bottom: 2rem; }
  #requirements-single02 .salaryGroup + .salaryGroup {
    margin-top: 3rem; }
  #requirements-single02 .salaryGroup .salaryTtl {
    margin-bottom: 0.6rem;
    font-size: 1.5rem; }
  #requirements-single02 .salaryItem + .salaryItem {
    margin-top: 2.5rem;
    padding-top: 2.5rem; }
  #requirements-single02 .salaryItem .salarySttl {
    font-size: 1.3rem; }
  #requirements-single02 .salaryItem .modelCase {
    margin-top: 2rem; }
  #requirements-single02 .salaryNote {
    margin-top: 3rem;
    padding-top: 2.5rem; } }

#requirements-archive03 {
  background: rgba(38, 110, 232, 0.05); }