@charset "utf-8";

:root {
  --text-color: #292929;
  --text-color-note: #696969;
  --white: #FFFFFF;
  --line: #CCCCCC;
  --accent-color: #FFF700;
  --point-color: #DC0067;

  --shipping-primary-color: #004E9D;
  --shipping-secondary-color: #20A4E2;
  --shipping-bg-color: #EDF6FF;
  --shipping-bg02-color: #1286D5;
  --shipping-bg-form-color: #FAFCFF;

  --women-primary-color: #007A68;
  --women-secondary-color: #00AA58;
  --women-bg-color: #EDFFFC;
  --women-bg02-color: #00A372;
  --women-bg-form-color: #FAFCFF;

  --restaurant-primary-color: #E16200;
  --restaurant-secondary-color: #E7921A;
  --restaurant-bg-color: #FFF9ED;
  --restaurant-bg02-color: #F4B203;
  --restaurant-bg03-color: #F8C806;
  --restaurant-bg-form-color: #FFFCF4;
  --restaurant-accent-color: #FFE479;
  --restaurant-text-color: #903F1D;
}

html {
  font-size: 62.5%;
}
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  word-break: normal;
  line-break: strict;
  color: var(--text-color);
}
input, textarea, select, button {
  all: unset;
  box-sizing: border-box;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
}
sup {
  vertical-align: super;
  font-size: .75em;
}
a:hover, button:hover {
  opacity: .8;
}
.shipping a {
  color: var(--shipping-primary-color);
}
.women a {
  color: var(--women-primary-color);
}
.restaurant a {
  color: var(--restaurant-primary-color);
}



/* layout
 ------------------- */
/* main visual */
.shipping .l-mainvisual {
  background:
  url(../img/shipping/mv_TRUCK.svg) no-repeat right 0 top 45px,
  url(../img/shipping/mv_TAXI.svg) no-repeat left 0 bottom 63px,
  var(--shipping-bg-color);
}
.women .l-mainvisual {
  background:
  url(../img/women/mv_RESTART.svg) no-repeat right 0 top 45px,
  url(../img/women/mv_TAXI.svg) no-repeat left 0 bottom 63px,
  var(--women-bg-color);
}
.restaurant .l-mainvisual {
  background:
  url(../img/restaurant/mv_FnB.svg) no-repeat right 0 top 45px,
  url(../img/restaurant/mv_TAXI.svg) no-repeat left 0 bottom 63px,
  var(--restaurant-bg-color);
}
@media screen and (max-width: 980px) {
  .shipping .l-mainvisual {
    background:
      url(../img/shipping/mv_TRUCK.svg) no-repeat right 0 top 42px,
      url(../img/shipping/mv_TAXI.svg) no-repeat left 0 bottom 52px,
      var(--shipping-bg-color);
    background-size: auto 64px, 170px;
  }
  .women .l-mainvisual {
    background:
      url(../img/women/mv_RESTART.svg) no-repeat right 0 top 42px,
      url(../img/women/mv_TAXI.svg) no-repeat left 0 bottom 52px,
      var(--women-bg-color);
    background-size: auto 64px, 170px;
  }
  .restaurant .l-mainvisual {
    background:
      url(../img/restaurant/mv_FnB.svg) no-repeat right 0 top 42px,
      url(../img/restaurant/mv_TAXI.svg) no-repeat left 0 bottom 52px,
      var(--restaurant-bg-color);
    background-size: auto 64px, 170px;
  }
}

/* header */
.l-header {
  display: flex;
  height: 80px;
  align-items: center;
  padding: 0 32px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .8), rgba(255, 255, 255, 0));
}
@media screen and (max-width: 980px) {
  .l-header {
    height: 44px;
    padding: 0 16px;
  }
}
.l-header__logo {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 980px) {
  .l-header__logo {
    font-size: 1.4rem;
  }
  .l-header__logo img {
    width: 48px;
  }
}
.l-header__btn {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  transition: .4s ease;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 980px) {
  .l-header__btn {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px;
    background: var(--white);
  }
}
.l-header__btn.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.l-header__btn a {
  width: 240px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 2.4rem;
  font-weight: 700;
  text-decoration: none;
  border-bottom-left-radius: 16px;
}
@media screen and (max-width: 980px) {
  .l-header__btn a {
    width: 100%;
    height: 64px;
    border-radius: 16px;
  }
}
.shipping .l-header__btn a {
  background: var(--shipping-primary-color);
}
.women .l-header__btn a {
  background: var(--women-primary-color);
}
.restaurant .l-header__btn a {
  background: var(--restaurant-primary-color);
}
.l-header__btn a span {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: inherit;
}
.l-header__btn span::after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
}
.shipping .l-header__btn span::after {
  background: url(../img/shipping/icon_header_btn.svg) no-repeat;
}
.women .l-header__btn span::after {
  background: url(../img/women/icon_header_btn.svg) no-repeat;
}
.restaurant .l-header__btn span::after {
  background: url(../img/restaurant/icon_header_btn.svg) no-repeat;
}

/* footer */
.l-footer {
  padding: 24px 0;
}
.shipping .l-footer {
  background: var(--shipping-bg02-color);
}
.women .l-footer {
  background: var(--women-bg02-color);
}
.restaurant .l-footer {
  background: var(--restaurant-bg03-color);
}
.l-footer p {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.75;
  color: var(--white);
}
.restaurant .l-footer p {
  color: var(--restaurant-text-color);
}


/* component
 ------------------- */
 /* title */
h3 {
  width: 100%;
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
}
.shipping h3 {
  color: var(--shipping-primary-color);
}
.women h3 {
  color: var(--women-primary-color);
}
.restaurant h3 {
  color: var(--restaurant-text-color);
}
@media screen and (max-width: 980px) {
  h3 {
    font-size: 2.4rem;
  }
}

/* btn */
.c-btn a,
.c-btn button {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  gap: 8px;
  text-decoration: none;
  font-weight: 700;
  border-radius: 100px;
  cursor: pointer;
}
.c-btn a::after,
.c-btn button::after {
  width: 24px;
  height: 24px;
}
.c-btn a span,
.c-btn button span {
  width: 100%;
  padding-left: .5em;
  text-align: center;
  font-weight: inherit;
}
.c-btn.c-btn__primary a,
.c-btn.c-btn__primary button {
  min-height: 64px;
  padding: 0 40px;
  font-size: 2rem;
  color: var(--white);
}
.shipping .c-btn.c-btn__primary a,
.shipping .c-btn.c-btn__primary button {
  background: var(--shipping-primary-color);
}
.women .c-btn.c-btn__primary a,
.women .c-btn.c-btn__primary button {
  background: var(--women-primary-color);
}
.restaurant .c-btn.c-btn__primary a,
.restaurant .c-btn.c-btn__primary button {
  background: var(--restaurant-primary-color);
}
.c-btn.c-btn__primary a::after,
.c-btn.c-btn__primary button::after {
  content: url(../img/icon_arrow_w.svg);
}
.c-btn.c-btn__secondary a,
.c-btn.c-btn__secondary button {
  min-height: 64px;
  padding: 0 40px;
  font-size: 1.8rem;
  background: var(--white);
  border: solid 1px;
}
.shipping .c-btn.c-btn__secondary a,
.shipping .c-btn.c-btn__secondary button {
  color: var(--shipping-primary-color);
  border-color: var(--shipping-primary-color);
}
.women .c-btn.c-btn__secondary a,
.women .c-btn.c-btn__secondary button {
  color: var(--women-primary-color);
  border-color: var(--women-primary-color);
}
.restaurant .c-btn.c-btn__secondary a,
.restaurant .c-btn.c-btn__secondary button {
  color: var(--restaurant-primary-color);
  border-color: var(--restaurant-primary-color);
}
.shipping .c-btn.c-btn__secondary a::after,
.shipping .c-btn.c-btn__secondary button::after {
  content: url(../img/shipping/icon_arrow.svg);
}
.women .c-btn.c-btn__secondary a::after,
.women .c-btn.c-btn__secondary button::after {
  content: url(../img/women/icon_arrow.svg);
}
.restaurant .c-btn.c-btn__secondary a::after,
.restaurant .c-btn.c-btn__secondary button::after {
  content: url(../img/restaurant/icon_arrow.svg);
}

/* mv */
.c-mv {
  height: 656px;
}
@media screen and (max-width: 980px) {
  .c-mv {
    height: 600px;
  }
}
.c-mv__inner {
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: start;
  max-width: 1240px;
  padding: 44px 0 0;
  gap: 82px;
}
@media screen and (max-width: 980px) {
  .c-mv__inner {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: start;
    padding: 30px 0 0;
    gap: 8px;
  }
  .women .c-mv__inner {
    padding-top: 0;
    gap: 5px;
  }
  .restaurant .c-mv__inner {
    padding-top: 14px;
    gap: 10px;
  }
  .c-mv img {
    width: 320px;
  }
}
.shipping .c-mv__wanted {
  box-shadow: clamp(8px, 2vw, 16px) clamp(8px, 2vw, 16px) clamp(8px, 2vw, 16px) rgba(0, 78, 157, .12);
}
.women .c-mv__wanted {
  box-shadow: clamp(8px, 2vw, 16px) clamp(8px, 2vw, 16px) clamp(8px, 2vw, 16px) rgba(0, 122, 104, .12);
}
.restaurant .c-mv__wanted {
  box-shadow: clamp(8px, 2vw, 16px) clamp(8px, 2vw, 16px) clamp(8px, 2vw, 16px) rgba(231, 146, 26, .12);
}
.shipping .c-mv__driver-career {
  margin-top: 22px;
}
@media screen and (max-width: 980px) {
  .shipping .c-mv__driver-career {
    margin-top: 0;
  }
}

/* 帯 */
.c-callout {
  display: flex;
  align-items: center;
  gap: 40px;
  height: 96px;
  padding: 0 8px;
  overflow: hidden;
  background: url(../img/bg_callout.svg) repeat-x left -380px center;
  animation: marquee-pc 10s linear infinite;
}
@media screen and (max-width: 980px) {
  .c-callout {
    margin-left: 0;
    height: 54px;
    background: url(../img/bg_callout_sp.svg) repeat-x left 8px center;
    animation: marquee-sp 10s linear infinite;
  }
}
.shipping .c-callout {
  background-color: var(--shipping-primary-color);
}
.women .c-callout {
  background-color: var(--women-primary-color);
}
.restaurant .c-callout {
  background-color: var(--restaurant-secondary-color);
}
@keyframes marquee-pc {
  from { background-position: 0 center; }
  to   { background-position: -485px center; }
}
@media screen and (max-width: 980px) {
  @keyframes marquee-sp {
    from { background-position: 0 center; }
    to   { background-position: -353px center; }
  }
}

/* 問題提起・解決 */
.shipping .c-problem {
  background: url(../img/shipping/bg_dots.svg) left 0 top -40px;
}
.women .c-problem {
  background: url(../img/women/bg_dots.svg) left 0 top -40px;
}
.restaurant .c-problem {
  background: url(../img/restaurant/bg_dots.svg) left 0 top -40px;
}
@media screen and (max-width: 980px) {
  .shipping .c-problem {
    background-position: left 6px top 0px;
  }
  .women .c-problem {
    background-position: left 6px top 0px;
  }
  .restaurant .c-problem {
    background-position: left 6px top 0px;
  }
}

/* 問題提起 */
.c-question {
  display: flex;
  min-width: 1056px;
  flex-wrap: wrap;
  justify-content: center;
  padding: 128px 0 104px;
  gap: 96px 87px;
}
@media screen and (max-width: 980px) {
  .c-question {
    min-width: 0;
    padding: 48px 16px 104px;
    gap: 16px;
  }
}
.c-question h2 {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 3.2rem;
  font-weight: 700;
}
@media screen and (max-width: 980px) {
  .c-question h2 {
    margin-bottom: 26px;
    font-size: 2.2rem;
  }
}
.c-question h2::after {
  content: '';
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 607px;
  height: 9px;
}
@media screen and (max-width: 980px) {
  .c-question h2::after {
    width: 347px;
    height: 9px;
  }
}
.shipping .c-question h2::after {
  background: url(../img/shipping/ill_question_line.svg) no-repeat;
}
.women .c-question h2::after {
  background: url(../img/women/ill_question_line.svg) no-repeat;
}
.restaurant .c-question h2::after {
  background: url(../img/restaurant/ill_question_line.svg) no-repeat;
}
@media screen and (max-width: 980px) {
  .shipping .c-question h2::after {
    background: url(../img/shipping/ill_question_line_sp.svg) no-repeat;
  }
  .women .c-question h2::after {
    background: url(../img/women/ill_question_line_sp.svg) no-repeat;
  }
  .restaurant .c-question h2::after {
    background: url(../img/restaurant/ill_question_line_sp.svg) no-repeat;
  }
}
.c-question__item {
  text-align: center;
}
@media screen and (max-width: 980px) {
  .c-question__item {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: center;
    gap: 0;
  }
  .c-question__item:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}
.c-question__item p {
  margin: 0 0 35px;
  position: relative;
  min-width: 288px;
  padding: 16px;
  font-size: 2.4rem;
  font-weight: 700;
  border-radius: 24px;
  color: var(--accent-color);
}
@media screen and (max-width: 980px) {
  .c-question__item p {
    margin: 0;
    min-width: 268px;
    font-size: 2rem;
  }
}
.shipping .c-question__item p {
  background: var(--shipping-primary-color);
}
.women .c-question__item p {
  background: var(--women-primary-color);
}
.restaurant .c-question__item p {
  color: var(--restaurant-text-color);
  background: var(--restaurant-bg03-color);
}
.c-question__item p::after {
  position: absolute;
  left: 70px;
  bottom: -39px;
  content: '';
  display: block;
  width: 40px;
  height: 48px;
}
@media screen and (max-width: 980px) {
  .c-question__item p::after {
    content: none;
  }
}
.shipping .c-question__item p::after {
  background: url(../img/shipping/ill_balloon_tail.svg) no-repeat;
}
.women .c-question__item p::after {
  background: url(../img/women/ill_balloon_tail.svg) no-repeat;
}
.restaurant .c-question__item p::after {
  background: url(../img/restaurant/ill_balloon_tail.svg) no-repeat;
}
.c-question__item img {
  margin: 0 auto;
}
@media screen and (max-width: 980px) {
  .c-question__item img {
    margin: 0;
    width: 80px;
  }
}

/* 解決 */
.c-solution {
  position: relative;
  margin-top: -40px;
  padding: 144px 0 120px;
  background-size: auto, cover;
}
.shipping .c-solution {
  background:
    url(../img/shipping/bg_solution.svg) no-repeat center 213px,
    url(../img/shipping/img_solution.png) no-repeat top center;
}
.women .c-solution {
  background:
    url(../img/women/bg_solution.svg) no-repeat center 213px,
    url(../img/women/img_solution.png) no-repeat top center;
}
.restaurant .c-solution {
  background:
    url(../img/restaurant/bg_solution.svg) no-repeat center 213px,
    url(../img/restaurant/img_solution.png) no-repeat top center;
}
@media screen and (max-width: 980px) {
  .c-solution {
    padding: 78px 16px 60px;
    background-size: auto, auto;
  }
  .shipping .c-solution {
    background:
      url(../img/shipping/bg_solution_sp.svg) no-repeat center 180px,
      url(../img/shipping/img_solution_sp.png) no-repeat top center;
  }
  .women .c-solution {
    background:
      url(../img/women/bg_solution_sp.svg) no-repeat center 180px,
      url(../img/women/img_solution_sp.png) no-repeat top center;
  }
  .restaurant .c-solution {
    background:
      url(../img/restaurant/bg_solution_sp.svg) no-repeat center 180px,
      url(../img/restaurant/img_solution_sp.png) no-repeat top center;
  }
}
/* bg調整 */
@media screen and (min-width: 681px) {
  .shipping .c-solution {
    background-size: auto, contain;
  }
  .women .c-solution {
    background-size: auto, contain;
  }
  .restaurant .c-solution {
    background-size: auto, contain;
  }
}
@media screen and (min-width: 980px) {
  .shipping .c-solution {
    background-size: auto, auto;
  }
  .women .c-solution {
    background-size: auto, auto;
  }
  .restaurant .c-solution {
    background-size: auto, auto;
  }
}
@media (min-width: 1366px) {
  .shipping .c-solution {
    background-size: auto, 100%;
  }
  .women .c-solution {
    background-size: auto, 100%;
  }
  .restaurant .c-solution {
    background-size: auto, 100%;
  }
}
@media (min-width: 2216px) {
  .c-solution {
    background-size: 100%, 100% !important;
    background-position: center -18%, top center !important;
  }
}
@media (min-width: 2600px) {
  .shipping .c-solution {
    background-position: center -12%, top center !important;
  }
}
@media (min-width: 3000px) {
  .shipping .c-solution {
    background-position: center 2%, top center !important;
  }
}
.c-solution p {
  margin: 0 auto 104px;
  width: fit-content;
  padding: 40px;
  text-align: center;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.75;
  color: var(--white);
  border-radius: 24px;
}
@media screen and (max-width: 980px) {
  .c-solution p {
    margin: 0 auto 78px;
    max-width: 400px;
    padding: 24px 16px;
    font-size: 2.4rem;
    line-height: 48px;
  }
  .c-solution img {
    width: 50px;
  }
}
.shipping .c-solution p {
  background: rgba(0, 78, 157, .8);
}
.women .c-solution p {
  background: rgba(0, 122, 104, .8);
}
.restaurant .c-solution p {
  background: rgba(225, 98, 0, .9);
}
.c-solution p strong,
.c-solution p span {
  margin: 0 8px;
  font-size: 4rem;
  font-weight: inherit;
}
@media screen and (max-width: 980px) {
  .c-solution p strong,
  .c-solution p span {
    margin: 0;
    font-size: 3.2rem;
  }
}
.c-solution p strong {
  color: var(--accent-color);
}
.c-solution__item {
  margin: 0 auto;
  display: flex;
  width: 1080px;
  justify-content: center;
  gap: 24px;
}
@media screen and (max-width: 980px) {
  .c-solution__item {
    width: auto;
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
}
.c-solution dl {
  position: relative;
  width: calc((100% - 48px) / 3);
  padding: 32px;
  text-align: center;
  border-radius: 8px;
  z-index: 0;
}
@media screen and (max-width: 980px) {
  .c-solution dl {
    width: 100%;
    max-width: 400px;
    padding: 48px 24px 24px;
  }
}
.shipping .c-solution dl {
  background: var(--shipping-bg-color);
  box-shadow: 0px 8px 16px rgba(0, 78, 157, .24);
}
.women .c-solution dl {
  background: var(--women-bg-color);
  box-shadow: 0px 8px 16px rgba(0, 122, 104, .24);
}
.restaurant .c-solution dl {
  background: var(--restaurant-bg-color);
  box-shadow: 0px 8px 16px rgba(225, 98, 0, .24);
}
.c-solution dl::before {
  content: '';
  position: absolute;
  top: -48px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 96px;
  height: 96px;
  border-radius: 100px;
}
@media screen and (max-width: 980px) {
  .c-solution dl::before {
    top: -16px;
    width: 72px;
    height: 72px;
    background-size: 36px !important;
  }
}
.shipping .c-solution dl::before {
  background: var(--shipping-bg-color) no-repeat center center;
}
.women .c-solution dl::before {
  background: var(--women-bg-color) no-repeat center center;
}
.restaurant .c-solution dl::before {
  background: var(--restaurant-bg-color) no-repeat center center;
}
.shipping .c-solution dl.c-solution__item01::before {
  background-image: url(../img/shipping/icon_solution01.svg);
}
.women .c-solution dl.c-solution__item01::before {
  background-image: url(../img/women/icon_solution01.svg);
}
.restaurant .c-solution dl.c-solution__item01::before {
  background-image: url(../img/restaurant/icon_solution01.svg);
}
.shipping .c-solution dl.c-solution__item02::before {
  background-image: url(../img/shipping/icon_solution02.svg);
}
.women .c-solution dl.c-solution__item02::before {
  background-image: url(../img/women/icon_solution02.svg);
}
.restaurant .c-solution dl.c-solution__item02::before {
  background-image: url(../img/restaurant/icon_solution02.svg);
}
.shipping .c-solution dl.c-solution__item03::before {
  background-image: url(../img/shipping/icon_solution03.svg);
}
.women .c-solution dl.c-solution__item03::before {
  background-image: url(../img/women/icon_solution03.svg);
}
.restaurant .c-solution dl.c-solution__item03::before {
  background-image: url(../img/restaurant/icon_solution03.svg);
}
.c-solution dt {
  position: relative;
  margin: 0 auto 24px;
  width: fit-content;
  font-size: 2.8rem;
  font-weight: 700;
  z-index: 1;
}
.shipping .c-solution dt {
  color: var(--shipping-primary-color);
}
.women .c-solution dt {
  color: var(--women-primary-color);
}
.restaurant .c-solution dt {
  color: var(--restaurant-text-color);
}
@media screen and (max-width: 980px) {
  .c-solution dt {
    margin: 0 auto 16px;
  }
}
.c-solution dt::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  content: '';
  z-index: -1;
}
.shipping .c-solution dt::after {
  border: var(--accent-color) 8px solid;
}
.women .c-solution dt::after {
  border: var(--accent-color) 8px solid;
}
.restaurant .c-solution dt::after {
  border: var(--restaurant-accent-color) 8px solid;
}
.c-solution dd {
  height: calc(100% - 66px);
  padding: 24px;
  text-align: left;
  font-size: 2rem;
  line-height: 1.8;
  background: var(--white);
  box-shadow: 2px 2px 4px rgba(195, 208, 223, .24);
}
@media screen and (max-width: 980px) {
  .c-solution dd {
    padding: 16px;
    font-size: 1.6rem;
  }
}
.c-solution dd strong {
  font-size: 2.4rem;
  font-weight: 700;
}
@media screen and (max-width: 980px) {
  .c-solution dd strong {
    font-size: 2rem;
  }
}
.shipping .c-solution dd strong {
  color: var(--shipping-secondary-color);
}
.women .c-solution dd strong {
  color: var(--women-secondary-color);
}
.restaurant .c-solution dd strong {
  color: var(--restaurant-secondary-color);
}

/* 転職者の声 */
.c-voice {
  padding: 80px 0 120px;
}
@media screen and (max-width: 980px) {
  .c-voice {
    padding: 40px 16px 60px;
  }
}
.shipping .c-voice {
  background: var(--shipping-bg-color);
}
.women .c-voice {
  background: var(--women-bg-color);
}
.restaurant .c-voice {
  background: var(--restaurant-bg-color);
}
.c-voice ul {
  margin: 48px auto 56px;
  max-width: 1080px;
}
@media screen and (max-width: 980px) {
  .c-voice ul {
    margin: 24px 0 56px;
  }
}
.c-voice ul li + li {
  margin-top: 24px;
}
.c-voice ul li a {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--text-color);
  background: var(--white);
  gap: 16px 40px;
}
@media screen and (max-width: 980px) {
  .c-voice ul li a {
    flex-direction: column;
    padding: 0 24px 24px;
  }
}
.shipping .c-voice ul li a {
  box-shadow: 0 4px 8px rgba(0, 78, 157, .08);
}
.women .c-voice ul li a {
  box-shadow: 0 4px 8px rgba(0, 122, 104, .08);
}
.restaurant .c-voice ul li a {
  box-shadow: 0 4px 8px rgba(225, 98, 0, .08);
}
.c-voice ul li a::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background: url(../img/icon_arrow_w.svg) no-repeat center center;
}
.shipping .c-voice ul li a::after {
  background-color: var(--shipping-primary-color);
}
.women .c-voice ul li a::after {
  background-color: var(--women-primary-color);
}
.restaurant .c-voice ul li a::after {
  background-color: var(--restaurant-primary-color);
}
.c-voice ul li a img {
  width: 345px;
}
@media screen and (max-width: 980px) {
  .c-voice ul li a img {
    width: auto;
    height: 200px;
  }
}
@media screen and (min-width: 981px) {
  .c-voice ul li .c-voice__text {
    padding-right: 44px;
  }
}
.c-voice ul li .c-voice__text--title {
  margin-bottom: 16px;
  font-size: 2.4rem;
  font-weight: 700;
}
@media screen and (max-width: 980px) {
  .c-voice ul li .c-voice__text--title {
    font-size: 2rem;
  }
}
.c-voice ul li .c-voice__text--career {
  font-size: 1.8rem;
  color: var(--text-color-note);
}
@media screen and (max-width: 980px) {
  .c-voice ul li .c-voice__text--career {
    font-size: 1.4rem;
  }
}
.c-voice .c-btn a {
  width: 600px;
}
@media screen and (max-width: 980px) {
  .c-voice .c-btn a {
    width: 100%;
    max-width: 600px;
  }
}
.shipping .c-voice .c-btn a {
  box-shadow: 0 4px 8px rgba(0, 78, 157, .16);
}
.women .c-voice .c-btn a {
  box-shadow: 0 4px 8px rgba(0, 122, 104, .16);
}
.restaurant .c-voice .c-btn a {
  box-shadow: 0 4px 8px rgba(225, 98, 0, .16);
}

/* 募集要項 */
.c-requirements {
  padding: 80px 0 120px;
}
.shipping .c-requirements {
  background: url(../img/shipping/bg_dots.svg);
}
.women .c-requirements {
  background: url(../img/women/bg_dots.svg);
}
.restaurant .c-requirements {
  background: url(../img/restaurant/bg_dots.svg);
}
@media screen and (max-width: 980px) {
  .c-requirements {
    padding: 40px 16px 60px;
  }
}
.c-requirements table {
  margin: 48px auto 0;
  max-width: 1080px;
  background: var(--white);
}
@media screen and (max-width: 980px) {
  .c-requirements table {
    margin: 24px auto 0;
    border-bottom: var(--line) solid 1px;
  }
}
.c-requirements table th,
.c-requirements table td {
  padding: 32px 40px;
  border: var(--line) solid 1px;
}
@media screen and (max-width: 980px) {
  .c-requirements table th,
  .c-requirements table td {
    display: block;
    width: 100%;
  }
}
.c-requirements table th {
  min-width: 200px;
  padding-right: 0;
  font-weight: 700;
  border-right: none;
}
.shipping .c-requirements table th {
  color: var(--shipping-primary-color);
}
.women .c-requirements table th {
  color: var(--women-primary-color);
}
.restaurant .c-requirements table th {
  color: var(--restaurant-secondary-color);
}
@media screen and (max-width: 980px) {
  .c-requirements table th {
    padding: 16px 24px 0;
    border-bottom: none;
    border-right: var(--line) solid 1px;
  }
}
.c-requirements table th p {
  padding: 8px 24px;
  line-height: 1;
  font-weight: inherit;
}
@media screen and (max-width: 980px) {
  .c-requirements table th p {
    padding: 8px 0;
  }
}
.c-requirements table td {
  padding-left: 24px;
  line-height: 1.75;
  border-left: none;
}
@media screen and (max-width: 980px) {
  .c-requirements table td {
    padding: 8px 24px 16px;
    border-top: none;
    border-left: var(--line) solid 1px;
    border-bottom: none;
  }
}

/* FAQ */
.c-faq {
  padding: 80px 0 120px;
}
@media screen and (max-width: 980px) {
  .c-faq {
    padding: 40px 16px 60px;
  }
}
.shipping .c-faq {
  background: var(--shipping-bg-color);
}
.women .c-faq {
  background: var(--women-bg-color);
}
.restaurant .c-faq {
  background: var(--restaurant-bg-color);
}
.c-faq h3 {
  margin-bottom: 40px;
}
@media screen and (max-width: 980px) {
  .c-faq h3 {
    margin-bottom: 24px;
  }
}
.c-faq__list {
  margin: 0 auto;
  max-width: 960px;
  padding: 32px;
  background: var(--white);
  border: var(--line) solid 1px;
  border-radius: 8px;
}
@media screen and (max-width: 980px) {
  .c-faq__list {
    padding: 24px;
  }
}
.c-faq__list + .c-faq__list {
  margin-top: 24px;
}
.c-faq__list dt {
  display: flex;
  padding: 0 0 32px;
  font-size: 2.4rem;
  font-weight: 700;
  border-bottom: var(--line) solid 1px;
  gap: 12px;
}
@media screen and (max-width: 980px) {
  .c-faq__list dt {
    padding: 0 0 24px;
    font-size: 2rem;
  }
}
.shipping .c-faq__list dt {
  color: var(--shipping-primary-color);
}
.women .c-faq__list dt {
  color: var(--women-primary-color);
}
.restaurant .c-faq__list dt {
  color: var(--restaurant-secondary-color);
}
.c-faq__list dt::before {
  content: 'Q';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0 .05em .3em 0;
  font-size: .8em;
  font-weight: 700;
  color: var(--white);
  border-radius: 100px;
}
@media screen and (max-width: 980px) {
  .c-faq__list dt::before {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }
}
.shipping .c-faq__list dt::before {
  background: var(--shipping-primary-color);
}
.women .c-faq__list dt::before {
  background: var(--women-primary-color);
}
.restaurant .c-faq__list dt::before {
  background: var(--restaurant-secondary-color);
}
.c-faq__list dd {
  display: flex;
  padding: calc(32px + .25em) 0 0;
  font-size: 1.8rem;
  gap: 12px;
}
@media screen and (max-width: 980px) {
  .c-faq__list dd {
    padding: calc(24px + .5em) 0 0;
    font-size: 1.6rem;
  }
}
.c-faq__list dd::before {
  margin-top: -.25em;
  content: 'A';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0 0 .15em 0;
  font-size: 1.2em;
  font-weight: 700;
  border: solid 1px;
  border-radius: 100px;
}
@media screen and (max-width: 980px) {
  .c-faq__list dd::before {
    width: 32px;
    min-width: 32px;
    height: 32px;
    font-size: 1.1em;
  }
}
.shipping .c-faq__list dd::before {
  color: var(--shipping-primary-color);
  border-color: var(--shipping-primary-color);
}
.women .c-faq__list dd::before {
  color: var(--women-primary-color);
  border-color: var(--women-primary-color);
}
.restaurant .c-faq__list dd::before {
  color: var(--restaurant-secondary-color);
  border-color: var(--restaurant-secondary-color);
}
.c-faq__list dd .note {
  margin-top: .5em;
  display: block;
  padding-left: 1em;
  text-indent: -1em;
  font-size: .8em;
  color: var(--text-color-note);
}
.c-faq__list dd .note::before {
  content: '※';
}

/* 応募フォーム */
.c-form {
  padding: 80px 0 120px;
}
@media screen and (max-width: 980px) {
  .c-form {
    padding: 40px 16px 60px;
  }
}
.shipping .c-form {
  background: var(--shipping-bg02-color);
}
.women .c-form {
  background: var(--women-bg02-color);
}
.restaurant .c-form {
  background: var(--restaurant-bg03-color);
}
.c-form h3 {
  margin-bottom: 40px;
}
.shipping .c-form h3, .women .c-form h3 {
  color: var(--white);
}
@media screen and (max-width: 980px) {
  .c-form h3 {
    margin-bottom: 24px;
  }
}
.c-form p {
  margin: 0 auto;
  max-width: 960px;
  color: var(--white);
  line-height: 1.75;
}
.restaurant .c-form p {
  color: var(--restaurant-text-color);
}

/* hubspot */
.c-form .hs-form {
  margin: 24px auto 0;
  max-width: 960px;
  padding: 40px;
  background: var(--white);
}
@media screen and (max-width: 980px) {
  .c-form .hs-form {
    margin: 16px auto 0;
    padding: 32px 8px;
  }
}
.shipping .c-form .hs-form {
  box-shadow: 0 4px 8px rgba(2, 63, 135, .16);
}
.women .c-form .hs-form {
  box-shadow: 0 4px 8px rgba(0, 122, 104, .16);
}
.restaurant .c-form .hs-form {
  box-shadow: 0 4px 8px rgba(225, 98, 0, .16);
}
.hs-form .hs-form-field {
  display: block;
  padding: 12px;
  border: var(--line) solid 1px;
}
@media screen and (max-width: 980px) {
  .hs-form .hs-form-field {
    margin: 0 16px;
    width: calc(100% - 32px);
  }
}
.hs-dependent-field + .hs-form-field, .hs-form .hs-form-field + .hs-form-field {
  border: var(--line) solid 1px;
}
.shipping .hs-form-field {
  background: var(--shipping-bg-form-color);
}
.women .hs-form-field {
  background: var(--women-bg-form-color);
}
.restaurant .hs-form-field {
  background: var(--restaurant-bg-form-color);
}
.hs-form-field + .hs-form-field {
  margin-top: 16px;
}
.hs-form .hs-form-field label {
  margin: 0 12px .2em 12px;
  display: block;
  width: 100% !important;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.75;
  background: none;
}
@media screen and (max-width: 980px) {
  .hs-form .hs-form-field label {
    font-size: 1.4rem;
  }
}
.hs_cos_wrapper .hs-form .hs-form-field label span {
  float: none;
  font-weight: 700;
  line-height: 1.75;
  display: inline-block;
  background: none;
  padding: 0;
  margin: 0;
}
.shipping .hs-form-field label {
  color: var(--shipping-primary-color);
}
.women .hs-form-field label {
  color: var(--women-primary-color);
}
.restaurant .hs-form-field label {
  color: var(--restaurant-primary-color);
}
.hs_cos_wrapper .hs-form .hs-form-field label span.hs-form-required {
  width: auto;
  font-size: 1.2rem;
  font-weight: inherit;
  color: var(--white);
}
.hs-form .hs-form-field > label .hs-form-required::after {
    content: "必須";
    color: var(--point-color);
}
.hs-form .hs-form-field .input {
  padding: 0;
}
.hs-form .hs-form-field .input .hs-input {
  width: 100%;
  padding: 8px 12px;
  font-size: 2rem;
  border: none;
  background: transparent;
  border-radius: 0;
}
@media screen and (max-width: 980px) {
  .hs-form .hs-form-field .input .hs-input {
    font-size: 1.6rem;
  }
}
.hs-form .hs-form-field input::placeholder {
  color: #BBBDBF;
}
.hs-form .hs-form-field ul {
  padding: 0;
}
.hs-form .hs-form-field ul li {
  padding: 0;
}
.hs-form .hs-form-field ul label {
  margin-bottom: 0;
  font-size: 1.4rem;
  color: var(--point-color);
}
.c-form .hs_submit {
  margin: 40px auto 0;
  max-width: 960px;
}
@media screen and (max-width: 980px) {
  .c-form .hs_submit {
    margin: 32px auto 0;
  }
}
.c-form .hs_submit .actions {
  position: relative;
  margin: 0 auto;
  width: 320px;
  height: 80px;
}
.c-form .hs_submit .actions::after {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  content: url(../img/icon_arrow_w.svg);
}
.c-form .hs_submit .hs-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  min-height: 64px;
  padding: 0;
  text-align: center;
  gap: 8px;
  border-radius: 100px;
  cursor: pointer;
}
.shipping .c-form .hs_submit .hs-button {
  background: var(--shipping-primary-color);
}
.women .c-form .hs_submit .hs-button {
  background: var(--women-primary-color);
}
.restaurant .c-form .hs_submit .hs-button {
  background: var(--restaurant-primary-color);
}
.c-form .hs_submit .hs-button:hover {
  opacity: .8;
}
.hs_error_rollup {
  margin: 20px 0;
  font-weight: 700;
  border: none;
  border-radius: 0;
  background: rgba(220, 0, 103, 0.15);
  background: color-mix(in srgb, var(--point-color) 15%, transparent);
}
.hs-error-msgs li {
  color: var(--point-color);
}
#hs_cos_wrapper_widget_6088503414 input[type="submit"] {
  border-radius: 100px !important;
  padding: 0 !important;
}

.c-form__withdraw {
  margin: 24px auto 0;
  max-width: 960px;
  padding: 40px;
}
@media screen and (max-width: 980px) {
  .c-form__withdraw {
    padding: 24px;
  }
}
.shipping .c-form__withdraw {
  background: var(--shipping-bg-color);
  box-shadow: 0 4px 8px rgba(2, 63, 135, .16);
}
.women .c-form__withdraw {
  background: var(--women-bg-color);
  box-shadow: 0 4px 8px rgba(0, 122, 104, .16);
}
.restaurant .c-form__withdraw {
  background: var(--restaurant-bg-color);
  box-shadow: 0 4px 8px rgba(225, 98, 0, .16);
}
.c-form__withdraw p {
  color: var(--text-color) !important;
}
@media screen and (max-width: 980px) {
  .c-form__withdraw .c-btn.c-btn__secondary {
    margin: 24px 0 0;
  }
  .c-form__withdraw .c-btn.c-btn__secondary a {
    width: 100%;
    max-width: 320px;
    padding: 16px 24px;
  }
}



/* utility
 ------------------- */
.u-sp {
  display: none;
}
@media screen and (max-width: 980px) {
  .u-sp {
    display: inline;
  }
}
@media screen and (max-width: 980px) {
  .u-pc {
    display: none;
  }
}