/* * {
  outline: 1px solid red;
} */

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px), print {

.wysiwyg{
  margin-top: 48px;
}
.job-dl-ttl{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}


  /* recruit archive 
  ------------------------------------------*/
  #recruit main.is-archive {
    overflow-x: hidden;
  }

  /* g-nav -------------------------------------*/
  #recruit main.is-archive #g-nav {
    background-color: #fff;
  }

  /* main-title -------------------------------------*/
  #recruit main.is-archive .main-title-box {
    padding: 46px 0;
    margin-bottom: 0;
    background-color: #f8f8f8;
  }
  #recruit main.is-archive .main-title {
    font-size: 19px;
    font-weight: 500;
    line-height: calc(28 / 19);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }

  /* fv -------------------------------------*/
  #recruit main.is-archive .fv {
    position: relative;
    background: url("../images/index/staff-bg.jpg") no-repeat center top / cover;
    z-index: 2;
  }

  #recruit main.is-archive .fv__inner {
    position: relative;
    z-index: 1;
    padding-top: clamp(140px, 86.667px + 6.944vw, 220px); /* 768px〜1920px */
    padding-bottom: clamp(100px, 43.333px + 7.378vw, 174px); /* 768px〜1920px */
  }

  /* パンくずリスト（FV上の配置・白文字のみ。フォント・幅は page-system.css） */
  #recruit main.is-archive .fv .seo_bread_list {
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    margin-inline: auto;
    padding: 0;
    color: #fff;
    z-index: 2;
  }
  #recruit main.is-archive .fv .seo_bread_list a {
    color: #fff;
  }

  #recruit main.is-archive .fv .staff__visual {
    position: relative;
    width: min(85%, 970px);
    margin-inline: auto;
  }
  #recruit main.is-archive .fv .staff__photo {
    display: block;
    width: 100%;
    height: auto;
  }
  #recruit main.is-archive .fv .staff__catch {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 580px; /* 768px〜1920px */
    height: auto;
    pointer-events: none;
  }
  #recruit main.is-archive .fv .staff__deco {
    position: absolute;
    height: auto;
    pointer-events: none;
  }
  #recruit main.is-archive .fv .staff__deco--top-left {
    top: 2px;
    left: -1px; /* 768px〜1920px */
    transform: translate(-52%, -89%);
    width: 126px; /* 768px〜1920px */
  }
  #recruit main.is-archive .fv .staff__deco--top-right {
    top: 0;
    right: 0;
    transform: translate(72%, -27%);
    width: 90px; /* 768px〜1920px */
  }
  #recruit main.is-archive .fv .staff__deco--bottom-left {
    bottom: -2px;
    left: 0;
    transform: translate(-24%, 15%);
    width: 270px; /* 768px〜1920px */
  }
  #recruit main.is-archive .fv .staff__deco--bottom-right {
    bottom: -6px;
    right: -9px;
    transform: translate(14%, 240%);
    width: 413px; /* 768px〜1920px */
  }

  #recruit main.is-archive .system-contents {
    width: min(95%, 1200px);
    margin-inline: auto;
    margin-bottom: 60px;
    padding: 0;
  }
  #recruit main.is-archive .recruit__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 58px 20px;
    margin-bottom: 60px;
  }
  #recruit main.is-archive .recruit__item a {
    display: block;
    color: inherit;
  }
  #recruit main.is-archive .recruit__item a:hover {
    text-decoration: none;
  }
  #recruit main.is-archive .recruit__item-thumbnail img {
    width: 100%;
    height: auto;
    aspect-ratio: 380 / 260;
    object-fit: cover;
  }
  #recruit main.is-archive .recruit__item-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  #recruit main.is-archive .recruit__item-meta {
    padding-inline: 0.5em;
    font-size: clamp(12px, 0.8vw, 14px);
    font-weight: 500;
    line-height: calc(22 / 14);
    letter-spacing: 0;
    color: #1e4d91;
    text-align: center;
    border: 1px solid #1e4d91;
  }
  #recruit main.is-archive .recruit__item-title {
    font-size: clamp(14px, 0.9vw, 16px);
    font-weight: 500;
    line-height: calc(23 / 16);
    letter-spacing: 0;
    color: #1a1a1a;
  }
  #recruit main.is-archive .recruit__item a:hover .recruit__item-title {
    text-decoration: underline;
  }

  /* intro -------------------------------------*/
  #recruit main.is-archive .intro {
    background-color: #f8f8f8;
  }
  #recruit main.is-archive .intro__inner {
    padding-top: 64px;
    padding-bottom: clamp(60px, 26.667px + 4.34vw, 110px); /* 768px〜1920px */
  }
  #recruit main.is-archive .intro__title {
    position: relative;
    text-align: center;
    z-index: 1;
  }
  #recruit main.is-archive .intro__title img {
    width: clamp(600px, 388px + 27.604vw, 918px); /* 768px〜1920px */
    height: auto;
  }
  #recruit main.is-archive .intro__content-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(95%, 1140px);
    margin-inline: auto;
    margin-top: -45px;
    z-index: 0;
  }
  #recruit main.is-archive .intro__image-area {
    flex: 1;
  }
  #recruit main.is-archive .intro__image-area img {
    width: 100%;
    height: auto;
  }
  #recruit main.is-archive .intro__text-area {
    width: 345px;
    max-width: 918px;
    margin-left: -38px;
    margin-top: 34px;
    padding-top: 30px;
    padding-bottom: 35px;
    padding-inline: 30px;
    background-color: #fff;
  }
  #recruit main.is-archive .intro__text-wrap {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
  }
  #recruit main.is-archive .intro__text {
    font-size: 16px;
    font-weight: 700;
    line-height: calc(30 / 16);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }

  /* loop-img -------------------------------------*/
  #recruit main.is-archive .loop-img {
    overflow: hidden;
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  #recruit main.is-archive .loop-img__list {
    display: flex;
    width: max-content;
    animation: loop-img-scroll 80s linear infinite;
  }
  #recruit main.is-archive .loop-img__item {
    flex-shrink: 0;
    width: auto;
  }
  #recruit main.is-archive .loop-img__item img {
    display: block;
    width: auto;
    height: clamp(160px, 122px + 4.948vw, 217px); /* 768px〜1920px */
  }
  @keyframes loop-img-scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  /* bg-wrap -------------------------------------*/
  #recruit main.is-archive .bg-wrap {
    overflow-x: hidden;
    background: linear-gradient(to bottom, #bb1018 63%, #fff 63%);
  }

  /* company -------------------------------------*/
  #recruit main.is-archive .company__inner {
    padding-top: clamp(64px, 1.333px + 8.16vw, 158px); /* 768px〜1920px */
    /* padding-bottom: clamp(70px, 43.333px + 3.472vw, 110px); */
    padding-bottom: 70px;
  }

  #recruit main.is-archive .company__content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    width: min(95%, 1200px);
    margin-inline: auto;
  }
  #recruit main.is-archive .company__photo-area {
    position: relative;
    width: clamp(340px, 120px + 28.646vw, 670px); /* 768px〜1920px */
    height: auto;
    z-index: 2;
  }
  #recruit main.is-archive .company__photo-area img {
    width: 100%;
    height: auto;
  }
  #recruit main.is-archive .company__text-area {
    position: relative;
    flex: 1;
    margin-top: clamp(30px, -10px + 5.208vw, 90px); /* 768px〜1920px */
    margin-top: 90px;
    margin-left: clamp(-166px, 57.333px + -11.632vw, -32px); /* 768px〜1920px */
    padding-top: clamp(32px, 9.333px + 2.951vw, 66px); /* 768px〜1920px */
    padding-bottom: clamp(40px, 15.333px + 3.212vw, 77px); /* 768px〜1920px */
    padding-left: clamp(48px, -64px + 14.583vw, 216px); /* 768px〜1920px */
    padding-right: 1em;
    background-color: #fff;
    z-index: 1;
  }
  #recruit main.is-archive .company__num {
    position: absolute;
    bottom: 100%;
    right: clamp(44px, 20.000px + 3.125vw, 80px); /* 768px〜1920px */
    z-index: 3;
    font-size: clamp(60px, 26.667px + 4.34vw, 100px); /* 768px〜1920px */
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    pointer-events: none;
    user-select: none;
  }
  #recruit main.is-archive .company__text-area::before {
    content: "";
    position: absolute;
    inset: 0;
    left: 0;
    right: calc(50% - 50vw);
    background-color: #fff;
    z-index: -1;
  }
  #recruit main.is-archive .company__text-area::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(7%, -34%);
    width: clamp(360px, 184px + 22.917vw, 624px); /* 768px〜1920px */
    aspect-ratio: 1 / 1;
    background: url("../images/recruit/recruit-section-deco.svg") no-repeat
      center top / contain;
    z-index: -2;
    pointer-events: none;
  }
  #recruit main.is-archive .company__item-title {
    margin-bottom: 20px;
    padding-bottom: 12px;
    font-size: clamp(20px, 16px + 0.521vw, 26px); /* 768px〜1920px */
    font-weight: 700;
    line-height: calc(46 / 26);
    letter-spacing: 0.04em;
    color: #d90013;
    border-bottom: 1px solid #e0e0e0;
  }
  #recruit main.is-archive .company__item-title span {
    font-size: clamp(32px, 22.667px + 1.215vw, 46px); /* 768px〜1920px */
    line-height: calc(46 / 46);
  }
  #recruit main.is-archive .company__item-sub-title {
    margin-bottom: 20px;
    font-size: clamp(18px, 14.667px + 0.434vw, 23px); /* 768px〜1920px */
    font-weight: 700;
    line-height: calc(40 / 23);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }
  #recruit main.is-archive .company__item-text {
    font-size: clamp(14px, 12.667px + 0.174vw, 16px); /* 768px〜1920px */
    font-weight: 400;
    line-height: calc(30 / 16);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }

  /* work -------------------------------------*/
  #recruit main.is-archive .work__inner {
    padding-bottom: clamp(64px, 1.333px + 8.16vw, 110px); /* 768px〜1920px */
  }

  #recruit main.is-archive .work__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    width: min(95%, 1200px);
    margin-inline: auto;
  }
  #recruit main.is-archive .work__photo-area {
    position: relative;
    width: clamp(340px, 120px + 28.646vw, 670px); /* 768px〜1920px */
    height: auto;
    z-index: 2;
  }
  #recruit main.is-archive .work__photo-area img {
    width: 100%;
    height: auto;
  }
  #recruit main.is-archive .work__text-area {
    position: relative;
    flex: 1;
    margin-top: clamp(30px, -10px + 5.208vw, 90px); /* 768px〜1920px */
    margin-top: 90px;
    margin-right: clamp(
      -166px,
      57.333px + -11.632vw,
      -32px
    ); /* 768px〜1920px */
    padding-top: clamp(32px, 9.333px + 2.951vw, 66px); /* 768px〜1920px */
    padding-bottom: clamp(40px, 15.333px + 3.212vw, 77px); /* 768px〜1920px */
    padding-right: clamp(48px, -64px + 14.583vw, 216px); /* 768px〜1920px */
    padding-left: 1em;
    background-color: #fff;
    z-index: 1;
  }
  #recruit main.is-archive .work__num {
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: clamp(60px, 26.667px + 4.34vw, 100px); /* 768px〜1920px */
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    pointer-events: none;
    user-select: none;
  }
  #recruit main.is-archive .work__text-area::before {
    content: "";
    position: absolute;
    inset: 0;
    right: 0;
    left: calc(50% - 50vw);
    background-color: #fff;
    z-index: -1;
  }
  #recruit main.is-archive .work__text-area::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-66%, -30%);
    width: clamp(360px, 184px + 22.917vw, 624px); /* 768px〜1920px */
    height: auto;
    aspect-ratio: 1 / 1;
    background: url("../images/recruit/recruit-section-deco.svg") no-repeat
      center top / contain;
    z-index: -2;
    pointer-events: none;
  }
  #recruit main.is-archive .work__item-title {
    margin-bottom: 20px;
    padding-bottom: 12px;
    font-size: clamp(20px, 16px + 0.521vw, 26px); /* 768px〜1920px */
    font-weight: 700;
    line-height: calc(46 / 26);
    letter-spacing: 0.04em;
    color: #d90013;
    border-bottom: 1px solid #e0e0e0;
  }
  #recruit main.is-archive .work__item-title span {
    font-size: clamp(32px, 22.667px + 1.215vw, 46px); /* 768px〜1920px */
    line-height: calc(46 / 46);
  }
  #recruit main.is-archive .work__item-sub-title {
    margin-bottom: 20px;
    font-size: clamp(18px, 14.667px + 0.434vw, 23px); /* 768px〜1920px */
    font-weight: 700;
    line-height: calc(40 / 23);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }
  #recruit main.is-archive .work__item-text {
    font-size: clamp(14px, 12.667px + 0.174vw, 16px); /* 768px〜1920px */
    font-weight: 400;
    line-height: calc(30 / 16);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }
  #recruit main.is-archive .work__item-text-wrap {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
  }

  /* appeal -------------------------------------*/
  #recruit main.is-archive .appeal {
    position: relative;
  }
  #recruit main.is-archive .appeal__inner {
    position: relative;
    padding-bottom: 90px;
  }
  #recruit main.is-archive .appeal__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: clamp(-237px, -395px + 20.573vw, 0px);
    transform: translate(110%, -20%);
    width: clamp(260px, 146px + 14.844vw, 431px);
    aspect-ratio: 432 / 387;
    background: url("../images/recruit/recruit-section-deco02.svg") no-repeat
      center top / contain;
    z-index: 0;
    pointer-events: none;
  }
  #recruit main.is-archive .appeal__title-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 50px;
    margin-bottom: 13px;
  }
  #recruit main.is-archive .appeal__title-num {
    font-size: clamp(60px, 26.667px + 4.34vw, 100px); /* 768px~1920px */
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    pointer-events: none;
    user-select: none;
  }
  #recruit main.is-archive .appeal__title {
    margin-bottom: clamp(2px, -2px + 0.521vw, 8px); /* 768px~1920px */
    font-size: clamp(22px, 19.333px + 0.347vw, 26px); /* 768px〜1920px */
    font-weight: 700;
    line-height: calc(46 / 26);
    letter-spacing: 0.04em;
    color: #fff;
  }
  #recruit main.is-archive .appeal__title span {
    font-size: clamp(36px, 29.333px + 0.868vw, 46px); /* 768px〜1920px */
    line-height: calc(46 / 46);
  }

  #recruit main.is-archive .appeal__list {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
    width: min(95%, 1100px);
    margin-inline: auto;
  }
  #recruit main.is-archive .appeal__item-image img {
    width: 100%;
    height: auto;
  }
  #recruit main.is-archive .appeal__item-title {
    position: relative;
    display: inline-block;
    margin-top: -37px;
    margin-bottom: 20px;
    padding-block: clamp(16px, 10px + 0.781vw, 25px); /* 768px〜1920px */
    padding-left: 66px;
    padding-right: 20px;
    font-size: clamp(19px, 10.333px + 1.128vw, 32px); /* 768px〜1920px */
    font-weight: 700;
    line-height: calc(40 / 32);
    letter-spacing: 0.04em;
    color: #fff;
    background-color: #d90013;
  }
  #recruit main.is-archive .appeal__item-title::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 12px;
    width: 60px; /* 768px〜1920px */
    height: auto;
    aspect-ratio: 1 / 1;
    background: url("../images/recruit/appeal-title-deco.svg") no-repeat center
      center;
  }
  #recruit main.is-archive .appeal__item-sublist {
    display: flex;
    gap: clamp(8px, 3.333px + 0.608vw, 15px); /* 768px〜1920px */
  }
  #recruit main.is-archive .appeal__item-subitem {
    padding-block: 10px 12px;
    padding-inline: clamp(16px, 10px + 0.781vw, 25px); /* 768px〜1920px */
    font-size: clamp(11px, 7.667px + 0.434vw, 16px); /* 768px〜1920px */
    font-weight: 500;
    line-height: calc(30 / 16);
    letter-spacing: 0.04em;
    color: #1a1a1a;
    border-radius: 999px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  }

  /* interview -------------------------------------*/
  #recruit main.is-archive .interview {
    background: url("../images/recruit/interview-bg.jpg") no-repeat;
    background-size: 100% auto;
    background-position: center top;
  }
  #recruit main.is-archive .interview__inner {
    padding-top: clamp(32px, -38px + 9.115vw, 137px); /* 768px~1920px */
    padding-bottom: 110px;
  }
  #recruit main.is-archive .interview__content-wrap {
    width: min(95%, 1100px);
    margin-inline: auto;
  }
  #recruit main.is-archive .interview__title-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 30px;
    margin-bottom: clamp(8px, -4px + 1.563vw, 26px); /* 768px~1920px */
  }

  #recruit main.is-archive .interview__title-num {
    font-size: clamp(60px, 26.667px + 4.34vw, 100px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    pointer-events: none;
    user-select: none;
  }
  #recruit main.is-archive .interview__title {
    margin-bottom: 8px;
    font-size: clamp(28px, 20px + 1.042vw, 40px); /* 768px~1920px */
    font-weight: 700;
    line-height: calc(46 / 40);
    letter-spacing: 0.04em;
    color: #fff;
  }
  #recruit main.is-archive .interview__lead {
    display: inline-block;
    margin-bottom: clamp(24px, 17.333px + 0.868vw, 34px); /* 768px~1920px */
    padding-left: 12px;
    padding-right: 5px;
    font-size: clamp(14px, 11.333px + 0.347vw, 18px); /* 768px~1920px */
    font-weight: 700;
    line-height: calc(40 / 18);
    letter-spacing: 0.04em;
    color: #d90013;
    background-color: #fff;
  }
  #recruit main.is-archive .interview__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(24px, 6.667px + 2.257vw, 50px); /* 768px~1920px */
    margin-bottom: 43px;
  }
  #recruit main.is-archive .interview__item a {
    display: flex;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
  }
  #recruit main.is-archive .interview__item a:hover {
    text-decoration: none;
  }
  #recruit main.is-archive .interview__item-thumbnail {
    position: relative;
  }
  #recruit main.is-archive .interview__item-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 420 / 500;
    object-fit: cover;
    transition: filter 0.3s ease;
  }
  #recruit
    main.is-archive
    .interview__item
    a:hover
    .interview__item-thumbnail
    img {
    opacity: 1;
    filter: brightness(1.1) contrast(0.9);
  }
  #recruit main.is-archive .interview__catch {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    display: flex;
    gap: 4px;
  }
  #recruit main.is-archive .interview__catch span {
    display: inline-block;
    height: fit-content;
    padding: 8px 4px;
    font-size: 22px;
    font-weight: 700;
    line-height: calc(29 / 22);
    letter-spacing: 0.1em;
    color: #fff;
    background-color: #000;
    writing-mode: vertical-rl;
  }
  #recruit main.is-archive .interview__item-body {
    position: relative;
    padding-top: 11px;
    padding-inline: 4px;
  }
  #recruit main.is-archive .interview__item-body::after {
    content: "";
    position: absolute;
    top: -20px;
    right: 20px;
    width: clamp(38px, 30px + 1.042vw, 50px); /* 768px~1920px */
    height: auto;
    aspect-ratio: 1 / 1;
    background: url("../images/index/link-btn.svg") no-repeat center / contain;
    pointer-events: none;
  }
  #recruit main.is-archive .interview__item-title {
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: calc(33 / 22);
    letter-spacing: 0;
    color: #d90013;
  }
  #recruit main.is-archive .interview__item-name {
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 700;
    line-height: calc(28 / 18);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }
  #recruit main.is-archive .interview__item-position {
    font-size: 14px;
    font-weight: 400;
    line-height: calc(20 / 14);
    letter-spacing: 0.04em;
    color: #808080;
  }
  #recruit main.is-archive .interview__btn-more-wrap {
    display: flex;
    justify-content: center;
  }
  #recruit main.is-archive .interview__btn-more {
    position: relative;
    display: flex;
    align-items: center;
    width: 300px;
    height: 50px;
    padding-left: 18px;
    background-color: #d90013;
    text-decoration: none;
  }
  #recruit main.is-archive .interview__btn-more::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width: 6px;
    height: 11px;
    background: url("../images/index/btn-more-arrow.svg") no-repeat center /
      contain;
  }
  #recruit main.is-archive .interview__btn-more img {
    width: auto;
    height: 11px;
  }

  /* end-msg -------------------------------------*/
  #recruit main.is-archive .end-msg {
    background-color: #d90013;
  }
  #recruit main.is-archive .end-msg__inner {
    position: relative;
    width: 100%;
    margin-inline: auto;
    padding-top: 45px;
    padding-bottom: 50px;
  }
  #recruit main.is-archive .end-msg__content {
    width: min(95%, 1220px);
    margin-inline: auto;
  }
  #recruit main.is-archive .end-msg__photo {
    display: block;
  }
  #recruit main.is-archive .end-msg__photo img {
    display: block;
    width: 100%;
    height: auto;
  }
  #recruit main.is-archive .end-msg__text-wrap {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  #recruit main.is-archive .end-msg__catch {
    margin-bottom: clamp(16px, 9.333px + 0.868vw, 26px); /* 768px~1920px */
    font-size: clamp(24px, 13.333px + 1.389vw, 40px); /* 768px~1920px */
    font-weight: 700;
    line-height: calc(64 / 40);
    letter-spacing: 0.04em;
    color: #e4001a;
  }
  #recruit main.is-archive .end-msg__text {
    font-size: clamp(15px, 9.667px + 0.694vw, 23px); /* 768px~1920px */
    font-weight: 700;
    line-height: calc(38 / 23);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }

  /* recruit-info -------------------------------------*/
  #recruit main.is-archive .recruit-info {
    background-color: #f8f8f8;
    scroll-margin-top: 20px;
  }
  #recruit main.is-archive .recruit-info__inner {
    padding-top: 140px;
    padding-bottom: 160px;
  }
  #recruit main.is-archive .recruit-info__content {
    width: min(95%, 1100px);
    margin-inline: auto;
    background-color: #fff;
  }
  #recruit main.is-archive .recruit-info__title {
    padding-block: 16px;
    font-size: 23px;
    font-weight: 700;
    line-height: calc(33 / 23);
    letter-spacing: 0.04em;
    text-align: center;
    color: #fff;
    background-color: #d90013;
  }
  #recruit main.is-archive .recruit-info__body {
    padding: 50px 40px 60px;
  }
  #recruit main.is-archive .recruit-info .recruit__list {
    margin-bottom: 0;
  }
  #recruit main.is-archive .recruit-info .page-list {
    margin-bottom: 0;
  }

  /* recruit single 
  ------------------------------------------*/
  #recruit main.is-single .main-title-box {
    /* background: #d90013; */
  }
  #recruit main.is-single .recruit-layout-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 4%;
  }
  #recruit main.is-single .recruit-layout-left {
    flex: 0 0 46%;
    width: 46%;
  }
  #recruit main.is-single .recruit-layout-right {
    flex: 0 0 50%;
    width: 50%;
  }
  #recruit main.is-single .system-contents-narrow {
    padding-top: 0;
  }

  #recruit main.is-single .recruit-header__job-type {
    margin-bottom: 16px;
    padding-block: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0;
    text-align: center;
    color: #1e4d91;
    border: 1px solid;
  }
  #recruit main.is-single .recruit-header__location {
    font-size: 18px;
    margin-bottom: 32px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0;
    color: #1a1a1a;
  }

  #recruit main.is-single .system-i-pic {
    margin-bottom: 50px;
  }
  #recruit main.is-single .recruit-single-bottom {
    /* width: min(95%, 1000px); */
    margin-inline: auto;
    margin-top: 60px;
  }
  #recruit main.is-single .recruit-detail__table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #1a1a1a;
    background-color: #fff;
  }
  #recruit main.is-single .recruit-detail__table th,
  #recruit main.is-single .recruit-detail__table td {
    border: 1px solid #ccc;
    padding: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    vertical-align: middle;
    text-align: left;
    color: #1a1a1a;
  }
  #recruit main.is-single .recruit-detail__table th {
    width: 22%;
    white-space: nowrap;
    background-color: #f2f2f2;
  }
  #recruit main.is-single .recruit-detail__table td {
    width: 78%;
  }

  /* アンカーリンク先の仮設定 */
  #recruit main.is-single .recruit-form__title {
    padding-block: 1em;
    font-size: 24px;
    font-weight: 700;
    line-height: calc(33 / 23);
    letter-spacing: 0.04em;
    text-align: center;
  }
}

/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {

  .wysiwyg{
  margin-top: 24px;
}
.job-dl-ttl{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}


  /* recruit archive 
  ------------------------------------------*/

  .seo_bread_list {
    display: none;
  }

  #recruit main.is-archive .main-title-box {
    padding: 7vw 0;
    margin-bottom: 0;
    background-color: #f8f8f8;
  }
  #recruit main.is-archive .main-title {
    font-size: 3.6vw;
    font-weight: 500;
    line-height: calc(22 / 15);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }

  #recruit main.is-archive .recruit-thank-fv .fv__inner {
    padding-top: 12vw;
    padding-bottom: 3.5vw;
  }
  #recruit main.is-archive .recruit-thank-fv .seo_bread_list {
    display: block;
    position: static;
    width: min(95%, 94.2vw);
    margin-inline: auto;
    padding: 0;
    color: #fff;
  }
  #recruit main.is-archive .recruit-thank-fv .seo_bread_list a {
    color: #fff;
  }

  /* fv -------------------------------------*/
  #recruit .fv {
    position: relative;
    background: url("../images/index/staff-bg_sp.jpg") no-repeat center top /
      cover;
    z-index: 2;
  }

  #recruit .fv__inner {
    position: relative;
    z-index: 1;
    padding-top: 22.5vw;
    padding-bottom: 20.3vw;
  }
  #recruit .fv .staff__visual {
    position: relative;
    width: 82.1vw;
    margin-inline: auto;
  }
  #recruit .fv .staff__photo {
    display: block;
    width: 100%;
    height: auto;
  }
  #recruit .fv .staff__catch {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 54.6vw;
    height: auto;
    pointer-events: none;
  }
  #recruit .fv .staff__deco {
    position: absolute;
    height: auto;
    pointer-events: none;
  }
  #recruit .fv .staff__deco--top-left {
    top: 0;
    left: 0;
    transform: translate(-34%, -92%);
    width: 19.3vw;
  }
  #recruit .fv .staff__deco--top-right {
    top: 0;
    right: 0;
    transform: translate(80%, -13%);
    width: 7.2vw;
  }
  #recruit .fv .staff__deco--bottom-left {
    bottom: 0;
    left: 0;
    transform: translate(-26%, 16%);
    width: 29vw;
  }
  #recruit .fv .staff__deco--bottom-right {
    bottom: 0;
    right: 0;
    transform: translate(11%, 275%);
    width: 44.9vw;
  }

  /* intro -------------------------------------*/
  #recruit main.is-archive .intro {
    background-color: #f8f8f8;
  }
  #recruit main.is-archive .intro__inner {
    padding-top: 11.4vw;
    padding-bottom: 12.1vw;
  }
  #recruit main.is-archive .intro__title {
    position: relative;
    text-align: center;
    z-index: 1;
  }
  #recruit main.is-archive .intro__title img {
    width: 97.6vw;
    height: auto;
  }
  #recruit main.is-archive .intro__content-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -3.9vw;
    padding-inline: 5.3vw;
    z-index: 0;
  }
  /* #recruit main.is-archive .intro__image-area {
    width: 100%;
  } */
  #recruit main.is-archive .intro__image-area img {
    width: 100%;
    height: auto;
  }
  #recruit main.is-archive .intro__text-area {
    width: 82.8vw;
    margin-top: -3.1vw;
    padding-top: 7.2vw;
    padding-bottom: 8.5vw;
    padding-inline: 6.8vw;
    background-color: #fff;
  }
  #recruit main.is-archive .intro__text-wrap {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
  }
  #recruit main.is-archive .intro__text {
    font-size: 3.9vw;
    font-weight: 700;
    line-height: calc(30 / 16);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }

  /* loop-img -------------------------------------*/
  .loop-img {
    overflow: hidden;
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  .loop-img__list {
    display: flex;
    width: max-content;
    animation: loop-img-scroll 80s linear infinite;
  }
  .loop-img__item {
    flex-shrink: 0;
    width: auto;
  }
  .loop-img__item img {
    display: block;
    height: 43.5vw;
    width: auto;
  }
  @keyframes loop-img-scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  /* bg-wrap -------------------------------------*/
  #recruit main.is-archive .bg-wrap {
    overflow-x: hidden;
    background: linear-gradient(to bottom, #bb1018 50.3%, #fff 50.3%);
  }

  /* company -------------------------------------*/
  #recruit main.is-archive .company__inner {
    position: relative;
    padding-top: 27.3vw;
    padding-bottom: 15vw;
  }
  #recruit main.is-archive .company__inner::before {
    content: "";
    position: absolute;
    top: calc(27.3vw - 24.2vw);
    left: 0.5vw;
    width: 45.2vw;
    aspect-ratio: 187 / 250;
    background: url("../images/recruit/recruit-section-deco_sp.svg") no-repeat
      center top / cover;
    z-index: 0;
    pointer-events: none;
  }

  #recruit main.is-archive .company__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding-top: 9.7vw;
    padding-bottom: 8vw;
    padding-inline: 5.3vw;
    background-color: #fff;
  }

  #recruit main.is-archive .company__text-area {
    display: contents;
  }
  #recruit main.is-archive .company__text-area::before {
    display: none;
  }

  #recruit main.is-archive .company__num {
    position: absolute;
    bottom: 100%;
    left: 25.1vw;
    z-index: 2;
    font-size: 9.7vw;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
    color: #fff;
    pointer-events: none;
    user-select: none;
  }

  #recruit main.is-archive .company__item-title {
    order: 1;
  }
  #recruit main.is-archive .company__item-sub-title {
    order: 2;
  }
  #recruit main.is-archive .company__photo-area {
    order: 3;
  }
  #recruit main.is-archive .company__item-text-wrap {
    order: 4;
  }
  #recruit main.is-archive .company__photo-area {
    margin-bottom: 4.8vw;
  }
  #recruit main.is-archive .company__photo-area img {
    width: 100%;
    height: auto;
  }

  #recruit main.is-archive .company__item-title {
    margin-bottom: 6vw;
    padding-bottom: 3.6vw;
    font-size: 5.8vw;
    font-weight: 700;
    line-height: calc(46 / 24);
    letter-spacing: 0.04em;
    color: #d90013;
    border-bottom: 0.2vw solid #e0e0e0;
  }
  #recruit main.is-archive .company__item-title span {
    font-size: 8.5vw;
    line-height: calc(46 / 35);
  }
  #recruit main.is-archive .company__item-sub-title {
    margin-bottom: 3.4vw;
    font-size: 4.8vw;
    font-weight: 700;
    line-height: calc(36 / 20);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }
  #recruit main.is-archive .company__item-text {
    font-size: 3.9vw;
    font-weight: 400;
    line-height: calc(30 / 16);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }

  /* work -------------------------------------*/
  #recruit main.is-archive .work__inner {
    position: relative;
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
  #recruit main.is-archive .work__inner::before {
    content: "";
    position: absolute;
    top: calc(15vw - 24.2vw);
    left: 0.5vw;
    width: 45.2vw;
    height: auto;
    aspect-ratio: 187 / 250;
    background: url("../images/recruit/recruit-section-deco_sp.svg") no-repeat
      center top / cover;
    z-index: 0;
    pointer-events: none;
  }

  #recruit main.is-archive .work__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: auto;
    margin-inline: 0;
    padding-top: 9.7vw;
    padding-bottom: 8vw;
    padding-inline: 5.3vw;
    background-color: #fff;
  }

  #recruit main.is-archive .work__text-area {
    display: contents;
  }
  #recruit main.is-archive .work__text-area::before {
    display: none;
  }

  #recruit main.is-archive .work__num {
    position: absolute;
    bottom: 100%;
    left: 25.1vw;
    font-size: 9.7vw;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
    color: #fff;
    pointer-events: none;
    user-select: none;
  }

  #recruit main.is-archive .work__item-title {
    order: 1;
  }
  #recruit main.is-archive .work__item-sub-title {
    order: 2;
  }
  #recruit main.is-archive .work__photo-area {
    order: 3;
    position: static;
    width: auto;
    margin-bottom: 4.8vw;
    z-index: auto;
  }
  #recruit main.is-archive .work__item-text-wrap {
    order: 4;
  }
  #recruit main.is-archive .work__photo-area img {
    width: 100%;
    height: auto;
  }

  #recruit main.is-archive .work__item-title {
    margin-bottom: 6vw;
    padding-bottom: 3.6vw;
    font-size: 5.8vw;
    font-weight: 700;
    line-height: calc(46 / 24);
    letter-spacing: 0.04em;
    color: #d90013;
    border-bottom: 0.2vw solid #e0e0e0;
  }
  #recruit main.is-archive .work__item-title span {
    font-size: 8.5vw;
    line-height: calc(46 / 35);
  }
  #recruit main.is-archive .work__item-sub-title {
    margin-bottom: 6.5vw;
    font-size: 4.8vw;
    font-weight: 700;
    line-height: calc(36 / 20);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }
  #recruit main.is-archive .work__item-text-wrap {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
  }
  #recruit main.is-archive .work__item-text {
    font-size: 3.9vw;
    font-weight: 400;
    line-height: calc(30 / 16);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }

  /* appeal -------------------------------------*/
  #recruit main.is-archive .appeal {
    position: relative;
  }
  #recruit main.is-archive .appeal__inner::before {
    content: "";
    position: absolute;
    top: -11vw;
    left: 0.5vw;
    width: 45.2vw;
    height: auto;
    aspect-ratio: 187 / 250;
    background: url("../images/recruit/recruit-section-deco_sp.svg") no-repeat
      center top / cover;
    z-index: 0;
    pointer-events: none;
  }
  #recruit main.is-archive .appeal__inner {
    position: relative;
    padding-bottom: 16.9vw;
  }
  #recruit main.is-archive .appeal__title-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2vw;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 6.5vw;
  }
  #recruit main.is-archive .appeal__title-num {
    padding-left: 7vw;
    font-size: 9.7vw;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    pointer-events: none;
    user-select: none;
  }
  #recruit main.is-archive .appeal__title {
    font-size: 5.8vw;
    font-weight: 700;
    line-height: calc(46 / 24);
    letter-spacing: 0.04em;
    color: #fff;
  }
  #recruit main.is-archive .appeal__title span {
    font-size: 8.2vw;
    line-height: calc(46 / 34);
  }

  #recruit main.is-archive .appeal__list {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10.9vw;
    padding-inline: 5.3vw;
  }
  #recruit main.is-archive .appeal__item-image img {
    width: 100%;
    height: auto;
  }
  #recruit main.is-archive .appeal__item-title {
    position: relative;
    display: inline-block;
    margin-top: -5.6vw;
    margin-bottom: 4.8vw;
    padding-block: 3.9vw;
    padding-left: 10.9vw;
    padding-right: 2.9vw;
    font-size: 5.3vw;
    font-weight: 700;
    line-height: calc(28.8 / 22);
    letter-spacing: 0.04em;
    color: #fff;
    background-color: #d90013;
  }
  #recruit main.is-archive .appeal__item-title::before {
    content: "";
    position: absolute;
    top: 1.9vw;
    left: 2.4vw;
    width: 8.2vw;
    height: auto;
    aspect-ratio: 1 / 1;
    background: url("../images/recruit/appeal-title-deco.svg") no-repeat center
      center / contain;
  }
  #recruit main.is-archive .appeal__item-sublist {
    display: flex;
    flex-wrap: wrap;
    gap: 4.8vw 3.6vw;
  }
  #recruit main.is-archive .appeal__item-subitem {
    padding: 2.4vw 6vw 2.9vw;
    font-size: 3.9vw;
    font-weight: 500;
    line-height: calc(30 / 16);
    letter-spacing: 0.04em;
    color: #1a1a1a;
    border-radius: 999px;
    box-shadow: 0 0 2.4vw 0 rgba(0, 0, 0, 0.08);
  }

  #recruit main.is-archive .system-contents {
    width: 100%;
    max-width: none;
    padding-inline: 4vw;
  }
  #recruit main.is-archive .system-contents {
    padding: 3vw;
    margin-bottom: 10vw;
  }
  #recruit main.is-archive .recruit__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5vw 2vw;
    margin-bottom: 10vw;
  }
  #recruit main.is-archive .recruit__item a {
    display: block;
    color: inherit;
  }
  #recruit main.is-archive .recruit__item a:hover {
    text-decoration: none;
  }
  #recruit main.is-archive .recruit__item-thumbnail img {
    width: 100%;
    height: auto;
    aspect-ratio: 270 / 175;
    object-fit: cover;
  }
  #recruit main.is-archive .recruit__item-body {
    display: flex;
    flex-direction: column;
    gap: 1.9vw;
  }
  #recruit main.is-archive .recruit__item-meta {
    padding-inline: 0.3em;
    font-size: 3.4vw;
    font-weight: 400;
    line-height: calc(22 / 14);
    letter-spacing: 0;
    color: #1e4d91;
    text-align: center;
    border: 0.2vw solid #1e4d91;
  }
  #recruit main.is-archive .recruit__item-title {
    font-size: 3.6vw;
    font-weight: 500;
    line-height: calc(23 / 16);
    letter-spacing: 0;
    color: #1a1a1a;
  }
  #recruit main.is-archive .recruit__item a:hover .recruit__item-title {
    text-decoration: underline;
  }

  /* interview -------------------------------------*/
  #recruit main.is-archive .interview {
    background: url("../images/recruit/interview-bg_sp.jpg") no-repeat;
    background-size: 100% auto;
    background-position: center top;
  }
  #recruit main.is-archive .interview__inner {
    padding-top: 20vw;
    padding-bottom: 19.3vw;
  }

  /* #recruit main.is-archive .interview__content-wrap {
    width: min(95%, 1100px);
    margin-inline: auto;
  } */
  #recruit main.is-archive .interview__title-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 3.9vw;
    padding-inline: 5.3vw;
  }

  #recruit main.is-archive .interview__title-num {
    font-size: 9.7vw;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    pointer-events: none;
    user-select: none;
  }
  #recruit main.is-archive .interview__title {
    font-size: 7.7vw;
    font-weight: 700;
    line-height: calc(46 / 32);
    letter-spacing: 0.04em;
    color: #fff;
  }
  #recruit main.is-archive .interview__lead {
    display: block;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 9.7vw;
    padding-left: 2.9vw;
    padding-right: 1.7vw;
    font-size: 4.1vw;
    font-weight: 700;
    line-height: calc(40 / 17);
    letter-spacing: 0.04em;
    color: #d90013;
    background-color: #fff;
  }

  #recruit main.is-archive .interview__list {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-bottom: 7.7vw;
  }
  #recruit main.is-archive .interview__list.slick-initialized {
    display: block;
    margin-inline: 0;
  }
  #recruit main.is-archive .interview__list.slick-initialized .slick-list {
    margin: 0 -2.4vw;
  }
  #recruit main.is-archive .interview__list.slick-initialized .slick-slide {
    margin: 0 2.4vw;
  }
  #recruit
    main.is-archive
    .interview__list.slick-initialized
    .slick-slide.interview__item {
    width: 77.3vw;
  }
  #recruit
    main.is-archive
    .interview__list.slick-initialized
    .slick-slide
    > div,
  #recruit main.is-archive .interview__list.slick-initialized .interview__item {
    height: 100%;
  }
  #recruit main.is-archive .interview__list.slick-initialized .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 14.5vw;
    line-height: 1;
  }
  #recruit main.is-archive .interview__list.slick-initialized .slick-dots li {
    width: 1.4vw;
    height: 1.4vw;
    margin: 0 1.2vw;
  }
  #recruit
    main.is-archive
    .interview__list.slick-initialized
    .slick-dots
    li
    button {
    width: 1.4vw;
    height: 1.4vw;
    padding: 0;
    border-radius: 50%;
    background-color: transparent;
  }
  #recruit
    main.is-archive
    .interview__list.slick-initialized
    .slick-dots
    li
    button::before {
    content: "";
    top: 0;
    left: 0;
    width: 1.4vw;
    height: 1.4vw;
    background-color: #ccc;
    border-radius: 50%;
    opacity: 1;
  }
  #recruit
    main.is-archive
    .interview__list.slick-initialized
    .slick-dots
    li.slick-active
    button::before {
    background-color: #1a1a1a;
    border-radius: 50%;
  }
  #recruit main.is-archive .interview__item {
    box-sizing: border-box;
    width: 77.3vw;
    display: flex;
    flex-direction: column;
  }
  #recruit main.is-archive .interview__item a {
    display: flex;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
  }
  #recruit main.is-archive .interview__item a:hover {
    text-decoration: none;
  }
  #recruit main.is-archive .interview__item-thumbnail {
    position: relative;
  }
  #recruit main.is-archive .interview__item-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 320 / 380;
    transition: box-shadow 0.3s ease;
  }
  #recruit
    main.is-archive
    .interview__item
    a:hover
    .interview__item-thumbnail
    img {
    opacity: 1;
    box-shadow: inset 0 0 0 100vmax rgba(255, 255, 255, 0.35);
  }
  #recruit main.is-archive .interview__catch {
    position: absolute;
    top: 4.8vw;
    right: 4.8vw;
    z-index: 1;
    display: flex;
    gap: 1vw;
  }
  #recruit main.is-archive .interview__catch span {
    display: inline-block;
    height: fit-content;
    padding: 1.9vw 1vw;
    font-size: 3.4vw;
    font-weight: 700;
    line-height: calc(29 / 22);
    letter-spacing: 0.1em;
    color: #fff;
    background-color: #000;
    writing-mode: vertical-rl;
  }
  #recruit main.is-archive .interview__item-body {
    position: relative;
    padding-top: 3.4vw;
    padding-inline: 1vw;
  }
  #recruit main.is-archive .interview__item-body::after {
    content: "";
    position: absolute;
    top: -4.8vw;
    right: 4.8vw;
    width: 12.1vw;
    height: auto;
    aspect-ratio: 1 / 1;
    background: url("../images/index/link-btn.svg") no-repeat center / contain;
    pointer-events: none;
  }
  #recruit main.is-archive .interview__item-title {
    margin-bottom: 1vw;
    font-size: 5.3vw;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
    color: #d90013;
  }
  #recruit main.is-archive .interview__item-name {
    margin-bottom: 1vw;
    font-size: 3.9vw;
    font-weight: 500;
    line-height: calc(28 / 18);
    letter-spacing: 0;
    color: #1a1a1a;
  }
  #recruit main.is-archive .interview__item-position {
    font-size: 3.4vw;
    font-weight: 400;
    line-height: calc(20 / 14);
    letter-spacing: 0;
    color: #808080;
  }
  #recruit main.is-archive .interview__btn-more-wrap {
    display: flex;
    justify-content: center;
  }
  #recruit main.is-archive .interview__btn-more {
    position: relative;
    display: flex;
    align-items: center;
    width: 72.5vw;
    height: 12.1vw;
    margin-inline: auto;
    padding-left: 4.8vw;
    background-color: #d90013;
    text-decoration: none;
    z-index: 1;
  }
  #recruit main.is-archive .interview__btn-more::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 3.7vw;
    transform: translateY(-50%);
    width: 1.6vw;
    height: 2.9vw;
    background: url("../images/index/btn-more-arrow.svg") no-repeat center /
      contain;
  }
  #recruit main.is-archive .interview__btn-more img {
    width: auto;
    height: 2.9vw;
  }

  /* end-msg -------------------------------------*/
  #recruit main.is-archive .end-msg {
    background-color: #d90013;
  }
  #recruit main.is-archive .end-msg__inner {
    position: relative;
    width: 100%;
    margin-inline: auto;
    padding-block: 9.7vw;
  }
  #recruit main.is-archive .end-msg__photo img {
    width: 100%;
  }
  #recruit main.is-archive .end-msg__text-wrap {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  #recruit main.is-archive .end-msg__catch {
    margin-bottom: 1.9vw;
    font-size: 8.2vw;
    font-weight: 700;
    line-height: calc(45.9 / 34);
    letter-spacing: 0.04em;
    color: #e4001a;
  }
  #recruit main.is-archive .end-msg__text {
    font-size: 4.8vw;
    font-weight: 700;
    line-height: calc(36 / 20);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }

  #recruit main.is-archive .recruit-info {
    background-color: #f8f8f8;
    scroll-margin-top: 4.8vw;
  }
  #recruit main.is-archive .recruit-info__inner {
    padding-top: 21.7vw;
    padding-bottom: 26.6vw;
  }
  #recruit main.is-archive .recruit-info__content {
    padding-inline: 5.3vw;
  }
  #recruit main.is-archive .recruit-info__title {
    padding-block: 3.4vw 4.1vw;
    font-size: 5.6vw;
    font-weight: 700;
    line-height: calc(33 / 23);
    letter-spacing: 0.04em;
    text-align: center;
    color: #fff;
    background-color: #d90013;
  }
  #recruit main.is-archive .recruit-info__body {
    padding: 9.7vw 2.9vw 12.1vw;
    background-color: #fff;
  }
  #recruit main.is-archive .recruit-info .recruit__list {
    margin-bottom: 0;
  }
  #recruit main.is-archive .recruit-info .page-list {
    margin-bottom: 0;
  }

  /* recruit single
  ------------------------------------------*/
  #recruit main.is-single .main-title-box {
    /* background: #d90013; */
  }
  #recruit main.is-single .recruit-layout-wrap {
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
  }
  #recruit main.is-single .recruit-layout-left {
    width: 100%;
    flex: 0 0 auto;
    padding-top: 0;
  }
  #recruit main.is-single .recruit-layout-right {
    width: 100%;
    flex: 0 0 auto;
  }
  #recruit main.is-single .recruit-header__job-type {
    margin-bottom: 2.3vw;
    padding-block: 1vw;
    font-size: 3.6vw;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0;
    text-align: center;
    color: #1e4d91;
    border: 1px solid;
  }
  #recruit main.is-single .recruit-header__location {
    margin-bottom: 3.865vw;
    font-size: 3.6vw;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0;
    color: #1a1a1a;
  }
  #recruit main.is-single .recruit-single-bottom {
    width: 100%;
    margin-top: 10vw;
  }
  #recruit main.is-single .recruit-detail__table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    background-color: #fff;
  }
  #recruit main.is-single .recruit-detail__table tbody,
  #recruit main.is-single .recruit-detail__table tr {
    display: block;
  }
  #recruit main.is-single .recruit-detail__table th,
  #recruit main.is-single .recruit-detail__table td {
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    padding: 3vw;
    font-size: 3.6vw;
    font-weight: 400;
    line-height: 1.8;
    text-align: left;
    color: #1a1a1a;
  }
  #recruit main.is-single .recruit-detail__table th {
    margin-bottom: -1px;
    background-color: #f2f2f2;
  }
  #recruit main.is-single .recruit-detail__table td {
    margin-bottom: -1px;
  }
  #recruit main.is-single .recruit-detail__table tr:last-child td {
    margin-bottom: 0;
  }

  /* アンカーリンク先の仮設定 */
  #recruit main.is-single .recruit-form__title {
    padding-block: 1em;
    font-size: 18px;
    font-weight: 700;
    line-height: calc(33 / 23);
    letter-spacing: 0.04em;
    text-align: center;
  }
}