@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@700&family=Zen+Kaku+Gothic+New:wght@700&display=swap");

.lp-shoukaihaken {
  overflow: hidden;
  color: #383838;
}
.lp-shoukaihaken [id] {
  scroll-margin-top: 96px;
}
@media only screen and (max-width: 767.98px) {
  .lp-shoukaihaken [id] {
    scroll-margin-top: 70px;
  }
}
.lp-shoukaihaken a {
  text-decoration: none;
}
.lp-shoukaihaken img {
  display: block;
  width: 100%;
}

/* 汎用コンテナ */
.lp-inner {
  margin-right: auto;
  margin-left: auto;
}
@media print, (min-width: 768px) {
  .lp-inner {
    width: calc(100% - 0.6rem);
    max-width: 9.8rem;
  }
  .lp-inner.is-narrow {
    max-width: 8.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-inner {
    width: calc(100% - 0.4rem);
  }
}

/* 見出し共通 */
.lp-head {
  position: relative;
  text-align: center;
}
.lp-head .en {
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  line-height: 1;
}
.lp-head .lead {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
.lp-head .ttl {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  color: #383838;
}
@media print, (min-width: 768px) {
  .lp-head .en {
    font-size: 1.4rem;
  }
  .lp-head .lead {
    font-size: 0.2rem;
    margin-bottom: 0.08rem;
  }
  .lp-head .ttl {
    font-size: 0.35rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-head .en {
    font-size: 0.6rem;
  }
  .lp-head .lead {
    font-size: 0.16rem;
    margin-bottom: 0.06rem;
  }
  .lp-head .ttl {
    font-size: 0.22rem;
  }
}

/* ==========================================================================
   fv（ファーストビュー）
   ========================================================================== */
.lp-fv {
  position: relative;
  /*overflow: hidden;*/
  background: #eefcff;
}
.lp-fv .lp-fv-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.lp-fv .lp-fv-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.25;
}
.lp-fv-inner {
  position: relative;
  z-index: 1;
}
.lp-fv-photo {
  position: absolute;
  /*border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 6px #fff;*/
}
.lp-fv-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lp-fv-catch {
  position: relative;
  text-align: center;
}
.lp-fv-catch img {
  margin: 0 auto;
}
.lp-fv-catch .sub-wrap {
  position: relative;
  display: inline-block;
}
.lp-fv-catch .sub-wrap::before {
  content: "";
  position: absolute;
  left: 50%;
  z-index: -1;
  background: url("../img/lp-shoukaihaken/heading_underline.svg") center/100% 100% no-repeat;
}
.lp-fv-badges {
  display: flex;
  justify-content: center;
}
.lp-fv-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-align: center;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 600;
  color: #fff;
}
.lp-fv-badge p {
  margin: 0;
}
.lp-fv-badge.is-green { background: #6fbf3d; }
.lp-fv-badge.is-yellow { background: #ffe200; color: #383838; }
.lp-fv-badge.is-pink { background: #f0629e; }
.lp-fv-badge strong {
  display: block;
  font-weight: 700;
  line-height: 1.1;
}

@media print, (min-width: 768px) {
  .lp-fv {
    padding: 0.4rem 0 0.5rem;
  }
  .lp-fv-inner {
    position: relative;
    width: 13.66rem;
    max-width: 100%;
    height: 5.9rem;
    margin: 0 auto;
  }
  .lp-fv-photo.p1 { /*left: 0.65rem; top: 3.08rem;*/ left: 0.45rem; top: 3.28rem; width: 3.22rem; height: 3.22rem; }
  .lp-fv-photo.p2 { /*right: 0.85rem; bottom: -0.4rem;*/ right: 0.45rem; top: 3.28rem; width: 3.27rem; height: 3.27rem; }
  .lp-fv-photo.p3 { /*right: 0.3rem; top: 0.39rem;*/ top: 0; right: 0; width: 2.86rem; height: 2.86rem; }
  .lp-fv-photo.p4 { /*left: 0.1rem; top: 0.39rem;*/ top: 0; left: 0; width: 2.86rem; height: 2.86rem; }
  .lp-fv-catch {
    padding-top: 0.4rem;
  }
  .lp-fv-catch .main {
    width: 8.38rem;
  }
  .lp-fv-catch .sub {
    width: 5.74rem;
    margin-top: 0.1rem;
  }
  .lp-fv-catch .sub-wrap::before {
    bottom: 0.03rem;
    width: 108%;
    height: 0.18rem;
    transform: translateX(-50%) rotate(-4deg);
  }
  .lp-fv-badges {
    /*gap: 0.5rem;*/
    gap: 0.1rem;
    margin-top: 0.2rem;
  }
  .lp-fv-badge {
    width: 1.41rem;
    height: 1.41rem;
    font-size: 0.2rem;
    line-height: 1.3;
  }
  .lp-fv-badge.is-green p {
    margin-top: 10px;
  }
  .lp-fv-badge .medium {
    font-size: 0.26rem;
  }
  .lp-fv-badge .large {
    font-size: 0.28rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-fv {
    padding: 0.2rem 0 0;
  }
  .lp-fv-inner {
    position: relative;
  }
  .lp-fv-catch {
    /*padding: 0.1rem 0.2rem 0;*/
    padding: 0.1rem 0.1rem 0;
  }
  .lp-fv-catch .sp-catch-wrap {
    display: block;
    width: 3.74rem;
    max-width: 100%;
    margin: 0 auto;
  }
  .lp-fv-catch .sp-catch-wrap img {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .lp-fv-catch .sp-catch-wrap img.sub-sp {
    /*width: 73.4%;*/
    width: 2.8rem;
    margin-top: 0;
  }
  .lp-fv-badges {
    /*gap: 0.2rem;*/
	gap: 0.1rem;
    margin: 0.41rem 0 0.2rem;
    padding: 0 0.2rem;
  }
  .lp-fv-badge {
    width: 1.1rem;
    height: 1.1rem;
    font-size: 0.15rem;
  }
  .lp-fv-badge strong {
    font-size: 0.2rem;
  }
  .lp-fv-photos {
    overflow: hidden;
    width: 100%;
    /*margin-top: 0.2rem;*/
    margin-top: 0.4rem;
    margin-bottom: -0.2rem;
  }
  .lp-fv-photos-track {
    display: flex;
    gap: 0.08rem;
    width: max-content;
  }
  .lp-fv-photo-sp {
    /*flex: 0 0 auto;
    width: 1.7rem;*/
	flex-shrink: 0;
	width: 2.5rem;
    /*aspect-ratio: 1/0.8;
    border-radius: 0.16rem;
    overflow: hidden;*/
  }
  .lp-fv-photo-sp:nth-child(2n) {
    margin-top: 0.2rem;
  }
  .lp-fv-photo-sp img {
    /*width: 100%;
    height: 100%;
    object-fit: cover;*/
  }
}

/* ==========================================================================
   section01（紹介予定派遣とは？）
   ========================================================================== */
.lp-section01 {
  position: relative;
  background: #fff;
}
.lp-section01 .qmark {
  position: absolute;
  z-index: 0;
  opacity: 0.5;
}
.lp-section01-what {
  position: absolute;
  color: rgba(78, 151, 197, 0.2);
  font-family: "Lato", sans-serif;
  font-weight: 700;
  line-height: 1;
}
.lp-section01-band {
  background: #489fd6;
  color: #fff;
  text-align: center;
}
.lp-section01-band .tsumari {
  position: relative;
  display: block;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  border-radius: 999px;
  background: #fff;
  color: #489fd6;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  border: 3px solid #489fd6;
}
.lp-section01-band .tsumari::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.lp-section01-band .msg {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
}
.lp-section01-desc mark {
  font-weight: 700;
  background:linear-gradient(transparent 50%, #ffe961 50%);
}

@media print, (min-width: 768px) {
  .lp-section01 {
    padding: 1.5rem 0 0;
    position: relative;
  }
  .lp-section01-what {
    /*right: 2.43rem;
    top: 1.28rem;*/
    right: 0;
    top: 2.3rem;
    font-size: 1.6rem;
  }
  .lp-section01-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.4rem;
  }
  .lp-section01-ttl {
    position: relative;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    flex: none;
    text-align: center;
  }
  .lp-section01 .qmark {
    /*left: 0.49rem;
    top: -0.6rem;
    width: 1.97rem;*/
    left: 1.3rem;
    top: -0.5rem;
    width: 1.57rem;
    transform: rotate(-25deg);
  }
  .lp-section01-ttl .main {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 0.45rem;
    color: #1b82c3;
    letter-spacing: 1px;
  }
  .lp-section01-ttl .sub {
    position: relative;
    z-index: 1;
    display: block;
    font-size: 0.34rem;
    /*margin-top: 0.1rem;*/
  }
  .lp-section01-desc {
    font-size: 0.19rem;
    line-height: 1.8;
    letter-spacing: 0.05em;
    max-width: 6.1rem;
    padding-top: 0.05rem;
  }
  .lp-section01-band {
    /*margin-top: 0.6rem;
    padding: 0.35rem 0;*/
    margin-top: 0.7rem;
    padding: 0.35rem 0 0.45rem;
  }
  .lp-section01-band .tsumari {
    /*padding: 0.1rem 0.35rem;
    font-size: 0.3rem;*/
    margin-top: -0.63rem;
    /*margin-bottom: 0.2rem;*/
    padding: 0.02rem 0.55rem 0.04rem 0.55rem;
    font-size: 0.33rem;
    margin-bottom: 0.3rem;
  }
  .lp-section01-band .tsumari::after {
    /*bottom: -0.14rem;
    border-width: 0.1rem 0.1rem 0;*/
    bottom: -0.1rem;
    border-width: 0.16rem 0.16rem 0;
  }
  .lp-section01-band .msg {
    font-size: 0.35rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-section01 {
    /*padding: 0.5rem 0 0;*/
    padding: 0.9rem 0 0;
  }
  .lp-section01-ttl {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    position: relative;
    margin-bottom: 0.3rem;
  }
  .lp-section01 .qmark {
    left: 1.08rem;
    top: -0.12rem;
    width: 1.15rem;
    transform: rotate(-25deg);
  }
  .lp-section01-ttl .main {
    position: relative;
    z-index: 1;
    display: inline-block;
    /*font-size: 0.28rem;*/
    font-size: 0.3rem;
    color: #1b82c3;
  }
  .lp-section01-ttl .sub {
    position: relative;
    z-index: 1;
    /*display: block;
    font-size: 0.22rem;*/
    font-size: 0.24rem;
    margin-top: 0.06rem;
  }
  .lp-section01-desc {
    /*font-size: 0.14rem;*/
    font-size: 0.16rem;
    line-height: 1.8;
    margin-top: 0.2rem;
  }
  .lp-section01-band {
    margin-top: 0.8rem;
    /*padding: 0.3rem 0.2rem;*/
    padding: 0.3rem 0 0.35rem;
  }
  .lp-section01-band .tsumari {
    /*padding: 0.06rem 0.25rem;
    font-size: 0.17rem;
    margin-top: -0.5rem;
    margin-bottom: 0.14rem;*/
    padding: 0.02rem 0.5rem;
    font-size: 0.22rem;
    margin-top: -0.5rem;
    margin-bottom: 0.2rem;
  }
  .lp-section01-band .tsumari::after {
    bottom: -0.09rem;
    /*border-width: 0.06rem 0.06rem 0;*/
    border-width: 0.1rem 0.08rem 0;
  }
  .lp-section01-band .msg {
    /*font-size: 0.2rem;*/
    line-height: 1.5;
    font-size: 0.24rem;
  }
}

/* ==========================================================================
   section02（こんな方にオススメ）
   ========================================================================== */
.lp-section02 {
  position: relative;
  background: #ffe961;
}
.lp-section02::after {
  content: "";
  position: absolute;
  z-index: 1;
  /*left: 50%;
  top: 100%;
  border-radius: 50%;
  background: #ffe961;*/
  pointer-events: none;
}
.lp-section02-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
}
.lp-section02-card {
  position: relative;
}
.lp-section02-card .photo {
  position: absolute;
  /*border-radius: 50%;
  background: #fff;*/
}
.lp-section02-card .char {
  position: absolute;
  display: block;
  object-fit: contain;
}
.lp-section02-card .bubble {
  position: absolute;
  background: #4e97c5;
  color: #fff;
  border-radius: 0.15rem;
  font-weight: 600;
}
.lp-section02-card .bubble::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: transparent;
}
@media print, (min-width: 768px) {
  .lp-section02 {
    /*padding: 0.55rem 0 0.7rem;*/
    padding: 0.45rem 0 0.2rem;
  }
  .lp-section02::after {
    /*transform: translate(-50%, -80%);
    width: 130%;
    height: 3.5rem;*/
    background: url(../img/lp-shoukaihaken/section02_bg_after.png) no-repeat;
    width: 100%;
    height: 0.8rem;
    background-position: bottom;
    background-size: cover;
  }
  .lp-section02-list {
    justify-content: center;
    align-items: flex-start;
    gap: 0.35rem;
    /*margin-top: 0.5rem;*/
  }
  .lp-section02-card {
    width: 2.81rem;
  }
  .lp-section02-card:nth-child(2) {
    margin-top: 0.73rem;
  }
  .lp-section02-card:nth-child(1) { height: 2.83rem; }
  .lp-section02-card:nth-child(2) { /*height: 2.8rem;*/ height: 2.83rem; }
  .lp-section02-card:nth-child(3) { /*width: 2.99rem; height: 2.45rem;*/ height: 2.83rem; }
  .lp-section02-card .bubble {
    width: 2.81rem;
    min-height: 0.94rem;
    padding: 0.16rem 0.2rem;
    font-size: 0.16rem;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .lp-section02-card:nth-child(1) .photo { left: 0.17rem; /*top: 0.36rem;*/ width: 2.47rem; height: 2.47rem; }
  .lp-section02-card:nth-child(1) .char { /*left: 0.62rem; top: 0; width: 1.58rem; height: 2.12rem; transform: rotate(-6.67deg);*/ width: 100%; }
  .lp-section02-card:nth-child(1) .bubble { left: 0; /*top: 1.89rem;*/ bottom: 0; }
  .lp-section02-card:nth-child(1) .bubble::before { /*left: 10%; top: -0.16rem;*/ left: 15%; top: -0.18rem; transform: translateX(-50%); /*border-width: 0 0.09rem 0.09rem;*/ border-width: 0 0 0.18rem 0.15rem; border-bottom-color: #4e97c5; }

  .lp-section02-card:nth-child(2) .photo { left: 0.12rem; /*top: 0.24rem;*/ width: 2.57rem; height: 2.57rem; }
  .lp-section02-card:nth-child(2) .char { /*left: 0.73rem; top: 0; width: 1.36rem; height: 1.93rem;*/ width: 100%; }

  .lp-section02-card:nth-child(2) .bubble { left: 0; /*top: 1.86rem;*/ bottom: 0; }
  .lp-section02-card:nth-child(2) .bubble::before { /*left: 79%; top: -0.16rem;*/ left: 85%; top: -0.18rem; transform: translateX(-50%); /*border-width: 0 0.09rem 0.09rem;*/ border-width: 0 0.15rem 0.18rem 0; border-bottom-color: #4e97c5; }

  .lp-section02-card:nth-child(3) .photo { left: 0; top: 0.14rem; width: 2.57rem; height: 2.57rem; }
  .lp-section02-card:nth-child(3) .char { /*left: 0.57rem; top: 0; width: 1.5rem; height: 1.93rem; transform: rotate(4.61deg);*/ width: 100%; }
  .lp-section02-card:nth-child(3) .bubble { /*left: 0.18rem; top: 1.51rem;*/ bottom: 0; width: 2.21rem; left: 0.2rem;; }
  .lp-section02-card:nth-child(3) .bubble::before { /*left: 10%; top: -0.16rem;*/ left: 15%; top: -0.18rem; transform: translateX(-50%); /*border-width: 0 0.09rem 0.09rem;*/ border-width: 0 0 0.18rem 0.15rem; border-bottom-color: #4e97c5; }
}
@media only screen and (max-width: 767.98px) {
  .lp-section02 {
    z-index: 2;
    /*padding: 0.35rem 0 0.75rem;*/
    padding: 0.35rem 0 0.15rem;
  }
  .lp-section02::after {
    /*transform: translate(-50%, -90%);
    width: 180%;
    height: 2.4rem;*/
    background: url('../img/lp-shoukaihaken/sm/section02_bg_after.png') no-repeat;
    width: 100%;
    height: 0.45rem;
    background-position: bottom;
    background-size: cover;
    bottom: -0.45rem;
  }
  .lp-section02-list {
    flex-direction: column;
    /*gap: 0.4rem;
    margin-top: 0.35rem;*/
  }
  .lp-section02-card {
    width: 3.53rem;
    margin: 0 auto;
  }
  .lp-section02-card:nth-child(1) { height: 1.67rem; }
  .lp-section02-card:nth-child(2) { height: 1.68rem; }
  .lp-section02-card:nth-child(3) { height: 1.58rem; }
  .lp-section02-card .bubble {
    width: 2.5rem;
    min-height: 0.93rem;
    padding: 0.14rem 0.15rem;
    /*font-size: 0.14rem;*/
    font-size: 0.16rem;
    line-height: 1.4;
    margin-bottom: 0;
  }
  .lp-section02-card:nth-child(1) .photo { left: 0; /*top: 0.23rem;*/ width: 1.4455rem; height: 1.4455rem; }
  .lp-section02-card:nth-child(1) .char { /*left: 0.07rem; top: 0; width: 1.3rem; height: 1.74rem; transform: rotate(-6.67deg);*/ width: 100%; }
  .lp-section02-card:nth-child(1) .bubble { /*left: 1.03rem;*/ right: 0; top: 0.46rem; }
  .lp-section02-card:nth-child(1) .bubble::before { /*left: -0.16rem;*/ left: -0.15rem; top: 55%; /*border-width: 0 0.09rem 0.09rem 0;*/ border-width: 0 0.19rem 0.15rem 0; border-right-color: #4e97c5; }

  .lp-section02-card:nth-child(2) .photo { right: 0; left: auto; /*top: 0.24rem;*/ width: 1.4455rem; height: 1.4455rem; }
  .lp-section02-card:nth-child(2) .char { /*right: 0.09rem; left: auto; top: 0; width: 1.2rem; height: 1.6rem; transform: rotate(5.78deg);*/ width: 100%; }
  .lp-section02-card:nth-child(2) .bubble { left: 0; top: 0.5rem; }
  .lp-section02-card:nth-child(2) .bubble::before { /*right: -0.16rem;*/ right: -0.15rem; top: 55%; /*border-width: 0 0 0.09rem 0.09rem;*/ border-width: 0 0 0.15rem 0.19rem; border-left-color: #4e97c5; }

  .lp-section02-card:nth-child(3) .photo { left: 0; /*top: 0.13rem;*/ width: 1.4455rem; height: 1.4455rem; }
  .lp-section02-card:nth-child(3) .char { /*left: 0; top: 0; width: 1.31rem; height: 1.7rem; transform: rotate(-4.15deg);*/ width: 100%; }
  .lp-section02-card:nth-child(3) .bubble { /*left: 0.85rem;*/ right: 0; top: 0.39rem; /*width: 2.68rem;*/ }
  .lp-section02-card:nth-child(3) .bubble::before { /*left: -0.16rem;*/ left: -0.15rem; top: 55%; /*border-width: 0 0.09rem 0.09rem 0;*/ border-width: 0 0.19rem 0.15rem 0; border-right-color: #4e97c5; }
}

/* ==========================================================================
   section02 見出し
   ========================================================================== */
.lp-section02-head {
  text-align: center;
  color: #ef6f0d;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
@media print, (min-width: 768px) {
  .lp-section02-head {
    font-size: 0.35rem;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-section02-head {
    /*font-size: 0.24rem;*/
    font-size: 0.26rem;
    line-height: 1.5;
    /*padding-top: 0.1rem;*/
    margin-bottom: 0.2rem;
  }
}

/* ==========================================================================
   section03（メリットは？）
   ========================================================================== */
.lp-section03 {
  background: #edfee3;
}
.lp-section03-top {
  position: relative;
  overflow: hidden;
}
.lp-section03 .en-watermark {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(99, 214, 33, 0.15);
  font-family: "Lato", sans-serif;
  white-space: nowrap;
  z-index: 1;
  line-height: 1;
}
.lp-section03-head {
  z-index: 2;
  position: relative;
}
.lp-section03-head .lead {
  display: block;
  color: #3ea800;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
.lp-section03-head .ttl {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
.lp-section03-lead {
  font-size: 0.16rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: left;
}
.lp-section03-lead mark {
  background: transparent;
  color: inherit;
  font-weight: 700;
}
.lp-flow-box {
  position: relative;
  border-radius: 0.3rem;
  border: 4px solid;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
}
.lp-flow-box .flow-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff;
  font-weight: 700;
  margin: 0 auto;
  transform: translateY(-50%);
}
.lp-flow-box .flow-img {
  display: block;
  margin: 0 auto;
  height: auto;
}
.lp-flow-box { text-align: center; }
.lp-flow-box.is-teiki { border-color: #3ea800; }
.lp-flow-box.is-teiki .flow-label { background: #3ea800; }
.lp-flow-box.is-normal { border-color: #777; }
.lp-flow-box.is-normal .flow-label { background: #777; }
.lp-section03-dakara {
  position: relative;
  display: block;
  border: 3px solid #70cb3b;
  border-radius: 999px;
  background: #fff;
  color: #70cb3b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  text-align: center;
}
.lp-section03-dakara::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.lp-section03-bottom {
  position: relative;
  background: #70cb3b;
  color: #fff;
}
.lp-section03-reasons {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.lp-section03-reasons li {
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
}
.lp-section03-reasons .txt {
  position: relative;
  display: inline-block;
}
.lp-section03-reasons .txt::before,
.lp-section03-reasons .txt::after {
  content: "";
  position: absolute;
  top: 50%;
  background: #fff;
}
.lp-section03-reasons .txt::before { transform: translateY(-50%) rotate(-20deg); }
.lp-section03-reasons .txt::after { transform: translateY(-50%) rotate(20deg); }
.lp-section03-reasons .photo {
  overflow: hidden;
  border-radius: 0.15rem;
}
.lp-section03-reasons .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media print, (min-width: 768px) {
  .lp-section03-top {
    padding: 0.9rem 0 0.5rem;
  }
  .lp-section03 .en-watermark {
    top: 1.2rem;
    font-size: 1.6rem;
    margin-bottom: 0;
  }
  .lp-section03-head {
    text-align: center;
    margin-top: 0.66rem;
    margin-bottom: 0.8rem;
  }
  .lp-section03-head .lead {
    font-size: 0.2rem;
  }
  .lp-section03-head .ttl {
    font-size: 0.35rem;
    margin-top: 0.05rem;
  }
  .lp-section03-lead {
    max-width: 8.6rem;
    margin: 0.35rem auto 0;
  }
  .lp-flow-box {
    padding-top: 0;
  }
  .lp-flow-box .flow-label {
    width: 2.75rem;
    height: 0.5rem;
    font-size: 0.22rem;
  }
  .lp-flow-box.is-teiki {
    width: 9rem;
    margin-top: 0.5rem;
    margin-bottom: 0.8rem;
    padding-right: 0.45rem;
    padding-bottom: 0.31rem;
    padding-left: 0.45rem;
  }
  .lp-flow-box.is-teiki .flow-img { width: 8.1rem; }
  .lp-flow-box.is-normal {
    width: 7.75rem;
    margin-top: 0.3rem;
    padding-right: 0.38rem;
    padding-bottom: 0.34rem;
    padding-left: 0.38rem;
  }
  .lp-flow-box.is-normal .flow-label { width: 2.28rem; height: 0.42rem; font-size: 0.18rem; }
  .lp-flow-box.is-normal .flow-img { width: 6.99rem; }
  .lp-section03-dakara {
    /*width: 2.1rem;
    padding: 0.14rem 0;
    font-size: 0.28rem;
    margin: -0.96rem auto 0;*/
    width: 2.8rem;
    padding: 0.05rem 0;
    font-size: 0.4rem;
    margin: -0.96rem auto 0.4rem;
  }
  .lp-section03-dakara::after {
    /*bottom: -0.14rem;
    border-width: 0.1rem 0.1rem 0;*/
    bottom: -0.1rem;
    border-width: 0.1rem 0.1rem 0;
  }
  .lp-section03-bottom {
    padding: 0.6rem 0 0.6rem;
    margin-top: 0.6rem;
  }
  .lp-section03-reasons {
    max-width: 9.8rem;
    margin: 0 auto;
    justify-content: center;
    gap: 0.5rem;
  }
  .lp-section03-reasons li {
    width: 4.6rem;
    font-size: 0.26rem;
  }
  .lp-section03-reasons .txt {
    /*margin-bottom: 0.25rem;*/
    margin-bottom: 0.2rem;
  }
  .lp-section03-reasons .txt::before,
  .lp-section03-reasons .txt::after {
    width: 2px;
    /*height: 0.3rem;*/
    height: 0.6rem;
  }
  .lp-section03-reasons .txt::before { left: -0.4rem; }
  .lp-section03-reasons .txt::after { right: -0.4rem; }
  .lp-section03-reasons .photo {
    height: 3.1rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-section03-top {
    /*padding: 0.5rem 0 0.3rem;*/
    padding: 0.9rem 0 0.3rem;
  }
  .lp-section03-top .lp-inner {
    width: 100%;
  }
  .lp-section03 .en-watermark {
    /*top: 0.07rem;
    font-size: 0.8rem;*/
    top: 0.9rem;
    font-size: 1.2rem;
    margin-bottom: 0;
  }
  .lp-section03-head {
    text-align: center;
    /*margin-top: 0.11rem;*/
  }
  .lp-section03-head .lead {
    /*font-size: 0.14rem;*/
    font-size: 0.18rem;
  }
  .lp-section03-head .ttl {
    /*font-size: 0.22rem;*/
    font-size: 0.30rem;
    /*margin-top: 0.04rem;*/
    margin-bottom: 0.4rem;
    line-height: 1.4;
  }
  .lp-section03-lead {
    margin: 0.25rem 0.2rem 0.6rem;
  }
  .lp-flow-box {
    padding-top: 0;
    width: 100%;
    margin-top: 0.35rem;
    padding-right: 0.2rem;
    padding-bottom: 0.3rem;
    padding-left: 0.2rem;
    border: none;
    border-radius: 0;
    margin-bottom: 0.5rem;
  }
  .lp-flow-box .flow-label {
    width: 2.4rem;
    height: 0.48rem;
    /*font-size: 0.18rem;*/
    font-size: 0.2rem;
  }
  .lp-flow-box.is-teiki {
    /*width: 3.53rem;
    margin-top: 0.35rem;
    padding-right: 0.03rem;
    padding-bottom: 0.14rem;
    padding-left: 0.03rem;*/
  }
  .lp-flow-box.is-teiki .flow-img { width: 3.47rem; }
  .lp-flow-box.is-normal {
    /*width: 3.53rem;
    margin-top: 0.25rem;
    padding-right: 0.24rem;
    padding-bottom: 0.22rem;
    padding-left: 0.24rem;*/
  }
  .lp-flow-box.is-normal .flow-label { width: 1.98rem; height: 0.36rem; font-size: 0.17rem; }
  .lp-flow-box.is-normal .flow-img { width: 3.05rem; }
  .lp-section03-dakara {
    /*width: 1.6rem;
    padding: 0.1rem 0;
    font-size: 0.2rem;
    margin: -0.68rem auto 0;*/
    width: 2.0rem;
    padding: 0.01rem 0;
    font-size: 0.3rem;
    margin: -0.68rem auto 0.4rem;
  }
  .lp-section03-dakara::after {
    bottom: -0.1rem;
    /*border-width: 0.06rem 0.06rem 0;*/
    border-width: 0.1rem 0.08rem 0;
  }
  .lp-section03-bottom {
    padding: 0.4rem 0 0.4rem;
  }
  .lp-section03-reasons {
    flex-direction: column;
    gap: 0.35rem;
  }
  .lp-section03-reasons li {
    /*font-size: 0.17rem;*/
    font-size: 0.22rem;
  }
  .lp-section03-reasons .txt {
    margin-bottom: 0.15rem;
  }
  .lp-section03-reasons .txt::before,
  .lp-section03-reasons .txt::after {
    width: 2px;
    /*height: 0.2rem;*/
    height: 0.4rem;
    top: 60%;
  }
  .lp-section03-reasons .txt::before { left: -0.25rem; }
  .lp-section03-reasons .txt::after { right: -0.25rem; }
  .lp-section03-reasons .photo {
    height: 2.1rem;
  }
}

/* ==========================================================================
   cta（求人を見る／アサヒロジ求人）共通
   ========================================================================== */
.lp-cta {
  position: relative;
  /*background-color: #f3f3f3;*/
  background-image: radial-gradient(#d9d9d9 1px, transparent 1px);
  text-align: center;
}
.lp-cta-btn-wrap {
  position: relative;
  display: inline-block;
}
.lp-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f80;
  color: #fff;
  font-weight: 700;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.lp-cta-icon {
  position: absolute;
}
.lp-cta-icon img {
  width: 100%;
}
@media print, (min-width: 768px) {
  .lp-cta {
    padding: 0.5rem 0;
    background-size: 0.16rem 0.16rem;
  }
  .lp-cta-msg {
    font-size: 0.24rem;
    color: #003f73;
    font-weight: 700;
    margin-bottom: 0.2rem;
  }
  .lp-cta-btn {
    width: 4.64rem;
    height: 0.91rem;
    font-size: 0.3rem;
    border-radius: 0.15rem;
  }
  .lp-cta-btn-wrap {
    position: static;
  }
  .lp-cta-icon {
    bottom: 0;
    width: 2.0rem;
  }
  .lp-cta-icon.is-left { left: 2.0rem; }
  .lp-cta-icon.is-right { right: 2.0rem; }
}
@media only screen and (max-width: 767.98px) {
  .lp-cta {
    padding: 0.35rem 0.2rem;
    background-size: 0.12rem 0.12rem;
  }
  .lp-cta-msg {
    font-size: 0.21rem;
    color: #003f73;
    font-weight: 700;
    margin-bottom: 0.15rem;
    line-height: 1.5;
  }
  .lp-cta-btn-wrap {
    display: block;
  }
  .lp-cta-btn {
    width: 100%;
    /*height: 0.65rem;
    font-size: 0.19rem;*/
    height: 0.85rem;
    font-size: 0.25rem;
    border-radius: 0.1rem;
  }
  .lp-cta-icon {
    bottom: 0;
    /*width: 0.75rem;*/
    width: 0.85rem;
    height: 0.85rem;
    overflow: hidden;
  }
  .lp-cta-icon img {
    height: 100%;
    object-fit: cover;
    object-position: top;
  }
  .lp-cta-icon.is-left { left: 0; }
  .lp-cta-icon.is-right { right: 0; }
}

/* ==========================================================================
   section04（FLOW）
   ========================================================================== */
.lp-section04 {
  background: #ffe961;
}
.lp-flow-panel {
  background: #fff7c9;
  border-radius: 0.15rem;
  text-align: center;
}
.lp-flow-panel .en {
  color: #f4a000;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
}
.lp-flow-panel .ttl {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
@media print, (min-width: 768px) {
  .lp-section04 {
    padding: 0.7rem 0;
  }
  .lp-flow-panel {
    width: calc(100% - 0.6rem);
    max-width: 9.8rem;
    margin: 0 auto;
    padding: 0.4rem 0 0.5rem;
  }
  .lp-flow-panel .en {
    font-size: 0.7rem;
  }
  .lp-flow-panel .ttl {
    font-size: 0.28rem;
    margin-top: 0.1rem;
  }
  .lp-flow-panel .img {
    /*max-width: 9.1rem;
    margin: 0.35rem auto 0;*/
    max-width: 8.3rem;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-section04 {
    /*padding: 0.5rem 0.2rem;*/
    padding: 0.5rem 0;
  }
  .lp-flow-panel {
    /*width: calc(100% - 0.4rem);
    margin: 0 auto;*/
    width: 100%;
    padding: 0.3rem 0 0.35rem;
  }
  .lp-flow-panel .en {
    font-size: 0.55rem;
  }
  .lp-flow-panel .ttl {
    font-size: 0.18rem;
    margin-top: 0.06rem;
  }
  .lp-flow-panel .img {
    max-width: 2.97rem;
    /*margin: 0.2rem auto 0;*/
    margin: 0;
  }
}

/* ==========================================================================
   section05（FAQ）
   ========================================================================== */
.lp-section05 {
  position: relative;
  background: #fff;
}
.lp-section05 .en-watermark {
  position: absolute;
  left: 50%;
  /*top: 0;*/
  transform: translateX(-50%);
  color: rgba(235, 43, 100, 0.2);
  font-family: "Lato", sans-serif;
  white-space: nowrap;
  z-index: 1;
  line-height: 1;
}
.lp-section05-head {
  text-align: center;
  position: relative;
  z-index: 2;
}
.lp-section05-head .lead {
  color: #eb2b64;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  display: block;
}
.lp-section05-head .ttl {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
.lp-faq-list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.lp-faq-item {
  background: #fff;
  border: 3px solid #e06ea0;
  border-radius: 0.15rem;
  overflow: hidden;
}
.lp-faq-item + .lp-faq-item {
  margin-top: 0.2rem;
}
.lp-faq-item .q {
  display: flex;
  align-items: center;
  background: #ef6ca5;
  color: #fff;
  font-weight: 700;
  margin: 0;
}
.lp-faq-item .a {
  display: flex;
  align-items: flex-start;
}
.lp-faq-item .mark {
  flex: none;
  font-weight: 700;
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
}
.lp-faq-item .q .mark { color: #fff; }
.lp-faq-item .a .mark { color: #eb2b64; }
.lp-faq-item p {
  margin: 0;
  line-height: 1.8;
}
@media print, (min-width: 768px) {
  .lp-section05 {
    /*padding: 0.9rem 0 1.48rem;*/
    padding: 0.9rem 0;
  }
  .lp-section05 .en-watermark {
    /*font-size: 1.4rem;*/
    font-size: 1.4rem;
    margin-bottom: 0;
    top: 0.6rem;
  }
  .lp-section05-head {
    /*margin-top: 0.45rem;*/
    margin-bottom: 0.6rem;
  }
  .lp-section05-head .lead {
    font-size: 0.2rem;
  }
  .lp-section05-head .ttl {
    font-size: 0.35rem;
  }
  .lp-faq-list {
    max-width: 8.6rem;
    margin-top: 0.5rem;
  }
  .lp-faq-item .q {
    min-height: 0.79rem;
    padding: 0.1rem 0.5rem;
    gap: 0.2rem;
  }
  .lp-faq-item .a {
    padding: 0.2rem 0.5rem;
    gap: 0.2rem;
  }
  .lp-faq-item .mark {
    font-size: 0.3rem;
  }
  .lp-faq-item .q p {
    font-size: 0.22rem;
  }
  .lp-faq-item .a p {
    font-size: 0.16rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-section05 {
    padding: 0.5rem 0.2rem 0.6rem;
  }
  .lp-section05 .en-watermark {
    /*font-size: 0.7rem;*/
    font-size: 1.2rem;
    top: 0.5rem;
    margin: 0;
  }
  .lp-section05-head {
    /*margin-top: 0.32rem;*/
    margin-top: 0.2rem;
    margin-bottom: 0.32rem;
  }
  .lp-section05-head .lead {
    /*font-size: 0.14rem;*/
    font-size: 0.18rem;
  }
  .lp-section05-head .ttl {
    /*font-size: 0.22rem;*/
    font-size: 0.3rem;
  }
  .lp-faq-list {
    margin-top: 0;
  }
  .lp-faq-item .q {
    min-height: 0.6rem;
    /*padding: 0.1rem 0.15rem;*/
    padding: 0.18rem 0.15rem;
    /*gap: 0.1rem;*/
    gap: 1.2em;
    align-items: flex-start;
  }
  .lp-faq-item .a {
    padding: 0.15rem 0.15rem;
    /*gap: 0.1rem;*/
    gap: 1.2em;
  }
  .lp-faq-item .mark {
    /*font-size: 0.2rem;*/
    font-size: 0.25rem;
    line-height: 1.3;
  }
  .lp-faq-item .q p {
    /*font-size: 0.18rem;*/
    font-size: 0.18rem;
    line-height: 1.5;
  }
  .lp-faq-item .a p {
    font-size: 0.15rem;
  }
}

/* ==========================================================================
   section06（派遣先の会社さまをご紹介）
   ========================================================================== */
.lp-section06 {
  background: #eefcff;
}
.lp-section06-head {
  text-align: center;
}
.lp-section06-head .tag {
  color: #eb2b64;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  display: block;
}
.lp-section06-head .ttl {
  position: relative;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  display: inline-block;
}
.lp-section06-lead .logo {
  flex: none;
}
.lp-section06-lead .divider {
  flex: none;
  align-self: stretch;
  background: #D1D1D1;
}
.lp-section06-stat .num {
  color: #1b82c3;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  line-height: 1;
}
.lp-section06-stat .jp {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
.lp-section06-stat .jp.blue {
  color: #1b82c3;
}
.lp-point-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.lp-point-card {
  position: relative;
  display: flex;
}
.lp-point-card .photo {
  position: relative;
  flex: none;
  overflow: hidden;
  border-radius: 0.15rem;
}
.lp-point-card .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lp-point-card .badge {
  position: absolute;
  z-index: 1;
  color: #fff;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
.lp-point-card .badge img {
  display: block;
  width: 100%;
  height: 100%;
}
.lp-point-card .badge .label {
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translateX(-50%);
  width: 100%;
  font-size: 0.13rem;
  line-height: 1.2;
  white-space: nowrap;
}
.lp-point-card .badge .num {
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translateX(-50%);
  font-family: "Lato", sans-serif;
  line-height: 1;
}
.lp-point-card .ttl {
  font-weight: 700;
}
.lp-point-card .ttl mark {
  /*background: #ffe961;*/
  color: inherit;
  font-weight: 700;
  background: linear-gradient(transparent 60%, #ffe961 40%);
}
.lp-point-card .txt {
  line-height: 1.9;
}
@media print, (min-width: 768px) {
  .lp-section06 {
    padding: 0.6rem 0 0.8rem;
  }
  .lp-section06-head .tag {
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
  }
  .lp-section06-head .ttl {
    font-size: 0.4rem;
    /*padding-bottom: 0.05rem;*/
    margin-bottom: 0;
    background: url("../img/lp-shoukaihaken/heading_underline.svg") bottom center no-repeat;
    background-size: 100% auto;
  }
  .lp-section06-top {
    margin-top: 0.4rem;
  }
  .lp-section06-top img {
    border-radius: 0.15rem;
  }
  .lp-section06-lead {   
    display: flex;
    align-items: flex-start;
    margin-top: 0.4rem;
    gap: 0.3rem;
  }
  .lp-section06-lead .logo {
    width: 1.2rem;
    margin-left: 0.15rem;
  }
  .lp-section06-lead .divider {
    width: 1px;
    height: 1.65rem;
  }
  .lp-section06-stat {
    font-size: 0.3rem;
    margin-bottom: 0;
    letter-spacing: 1.5px;
  }
  .lp-section06-stat .num {
    font-size: 0.5rem;
  }
  .lp-section06-desc {
    font-size: 0.16rem;
    line-height: 1.875;
    /*margin-top: 0.1rem;*/
    margin: 0.2rem 0 0;
  }
  .lp-point-list {
    /*margin-top: 0.5rem;*/
    margin-top: 0.8rem;
  }
  .lp-point-card + .lp-point-card {
    /*margin-top: 0.35rem;*/
    margin-top: 0.55rem;
  }
  .lp-point-card .photo {
    width: 3.3rem;
    height: 2.75rem;
  }
  .lp-point-card .badge {
    left: -0.17rem;
    top: -0.31rem;
    width: 1.02rem;
    height: 1.06rem;
  }
  .lp-point-card .badge .num {
    font-size: 0.38rem;
  }
  .lp-point-card .body {
    flex: 1;
    padding-left: 0.4rem;
    padding-top: 0.05rem;
  }
  .lp-point-card .ttl {
    font-size: 0.25rem;
    margin-bottom: 0.15rem;
  }
  .lp-point-card .txt {
    font-size: 0.16rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-section06 {
    /*padding: 0.45rem 0.2rem 0.5rem;*/
    padding: 0.45rem 0 0.5rem;
  }
  .lp-section06 .lp-inner {
    width: 100%;
  }
  .lp-section06-head .tag {
    /*font-size: 0.15rem;*/
    font-size: 0.18rem;
    margin-bottom: 0.08rem;
  }
  .lp-section06-head .ttl {
    /*font-size: 0.26rem;*/
    padding: 0 0.3rem;
    margin-bottom: 0;
  }
  .lp-section06-top {
    margin-top: 0.3rem;
  }
  .lp-section06-lead {
    display: block;
    /*margin-top: 0.3rem;*/
    padding: 0 0.2rem;
    margin-top: 0.15rem;
  }
  .lp-section06-lead .logo {
    /*width: 0.95rem;
    margin: 0 auto 0.15rem;*/
    width: 1.0rem;
    margin: 0 auto 0.2rem;
  }
  .lp-section06-lead .divider {
    display: none;
  }
  .lp-section06-stat {
    /*font-size: 0.24rem;*/
    font-size: 0.28rem;
    text-align: center;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin-bottom: 0.2rem;
  }
  .lp-section06-stat .num {
    font-size: 0.38rem;
  }
  .lp-section06-desc {
    /*font-size: 0.13rem;*/
    font-size: 0.16rem;
    line-height: 1.9;
    margin-top: 0.15rem;
    margin-bottom: 0;
  }
  .lp-point-list {
    padding: 0 0.4rem;
    /*margin-top: 0.5rem;*/
    margin-top: 0.8rem;
  }
  .lp-point-card {
    flex-direction: column;
  }
  .lp-point-card + .lp-point-card {
    /*margin-top: 0.4rem;*/
    margin-top: 0.5rem;
  }
  .lp-point-card .photo {
    width: 100%;
    height: 2.2rem;
  }
  .lp-point-card .badge {
    /*left: -0.1rem;
    top: -0.3rem;
    width: 0.77rem;
    height: 0.8rem;*/
    left: -0.15rem;
    top: -0.35rem;
    width: 0.87rem;
    height: 0.9rem;
  }
  .lp-point-card .badge .num {
    font-size: 0.32rem;
  }
  .lp-point-card .body {
    padding-top: 0.15rem;
  }
  .lp-point-card .ttl {
    /*font-size: 0.17rem;
    margin-bottom: 0.1rem;*/
    font-size: 0.22rem;
    margin-bottom: 0.15rem;
    line-height: 1.5;
  }
  .lp-point-card .txt {
    /*font-size: 0.13rem;*/
    font-size: 0.15rem;
  }
}

/* ==========================================================================
   section06内 links（アサヒロジスティクスグループで働く5つの魅力）
   ========================================================================== */
.lp-links {
  background: #f8ea90;
}
.lp-links-inner {
  margin-right: auto;
  margin-left: auto;
}
.lp-links-head {
  text-align: center;
}
.lp-links-head .lead {
  margin: 0;
  color: #383838;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  line-height: 1.45;
}
.lp-links-head .ttl {
  position: relative;
  display: block;
  margin-bottom: 0;
  color: #003f73;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 0.4rem;
  line-height: 1.2;
}
.lp-links-head .ttl .num {
  font-family: "Lato", sans-serif;
  font-size: 0.6rem;
  z-index: 2;
  position: relative;
}
.lp-links-head .ttl .jp {
  z-index: 2;
  position: relative;
}
.lp-links-head .ttl .ex {
  display: inline-block;
  font-size: 0.45rem;
  transform: rotate(14.89deg);
  transform-origin: 50% 60%;
  z-index: 2;
  position: relative;
}
.lp-links-head .ttl::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.02rem;
  width: 2.465rem;
  height: 0.19rem;
  transform: translateX(-50%);
  background: url("../img/lp-shoukaihaken/about_underline.svg") center/100% 100% no-repeat;
}
.lp-links-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.lp-links-btn {
  position: relative;
  display: block;
  color: #fff;
}
.lp-links-btn .shape {
  width: 100%;
  height: auto;
}
.lp-links-btn .num,
.lp-links-btn .label,
.lp-links-btn .tag {
  position: absolute;
  z-index: 1;
  left: 50%;
}
.lp-links-btn .num {
  top: 0.19rem;
  transform: translateX(-50%);
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 0.25rem;
  line-height: 1.2;
  letter-spacing: -0.0125rem;
  white-space: nowrap;
}
.lp-links-btn .label {
  top: 0.51rem;
  transform: translateX(-50%);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}
.lp-links-btn .tag {
  top: 1.15rem;
  width: 0.6027rem;
  height: 0.2164rem;
  margin-left: -0.3014rem;
  transform: rotate(-6.86deg);
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 0.16rem;
  line-height: 0.2164rem;
  text-align: center;
}
.lp-links-item.is-01 .tag {
  background: #eb2b64;
}
.lp-links-item.is-02 .tag {
  background: #f80;
}
.lp-links-item.is-03 .tag {
  background: #3ea800;
}
.lp-links-item.is-04 .tag {
  background: #1b82c3;
}
.lp-links-item.is-05 .tag {
  background: #e4c100;
}
@media (hover: hover) {
  .lp-links-btn {
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  .lp-links-btn:hover {
    opacity: 0.8;
    transform: translateY(-0.05rem);
  }
}
@media print, (min-width: 768px) {
  .lp-links {
    margin-top: 0.8rem;
    padding: 0.28rem 0 0.46rem;
  }
  .lp-links-inner {
    width: calc(100% - 0.6rem);
    max-width: 9.8rem;
  }
  .lp-links-head .lead {
    font-size: 0.25rem;
  }
  .lp-links-head .ttl {
    margin-top: -0.07rem;
  }
  .lp-links-list {
    display: flex;
    justify-content: center;
    gap: 0.25rem;
    margin-top: 0.34rem;
  }
  .lp-links-item {
    width: 1.5rem;
  }
  .lp-links-btn .label {
    font-size: 0.23rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-links {
    margin-top: 0.5rem;
    padding: 0.39rem 0 0.37rem;
  }
  .lp-links-head .lead {
    font-size: 0.2rem;
  }
  .lp-links-head .ttl {
    margin-top: -0.01rem;
  }
  .lp-links-list {
    display: grid;
    grid-template-columns: repeat(2, 1.427rem);
    justify-content: center;
    column-gap: 0.229rem;
    row-gap: 0.281rem;
    /*margin-top: 0.14rem;*/
    margin-top: 0.34rem;
  }
  .lp-links-item:nth-child(even) {
    transform: translateY(0.441rem);
  }
  .lp-links-btn .num {
    top: 0.2rem;
  }
  .lp-links-btn .label {
    top: 0.5rem;
    font-size: 0.22rem;
  }
}

/* ==========================================================================
   point05 モーダル（アサヒロジスティクスのユニフォーム）
   ========================================================================== */
.lp-point-modal-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  width: 2.528rem;
  padding: 0;
  border: 0;
  border-radius: 0.08rem;
  background: #00a0e9;
  color: #fff;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.lp-modal {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lp-modal[hidden] {
  display: none;
}
.lp-modal-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}
.lp-modal-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  background: #fff;
}
.lp-modal-close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: #00a0e9;
  color: #fff;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.lp-modal-close .ico {
  flex: none;
}
.lp-modal-body {
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.lp-modal-body:focus {
  outline: none;
}
.lp-modal-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  background: #00a0e9;
  color: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.lp-modal-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.lp-modal-item .label {
  margin: 0;
  color: #eb2b64;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  line-height: 1;
}
.lp-modal-item .ttl {
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.4;
}
.lp-modal-item .txt {
  margin: 0;
  line-height: 1.5;
}
.lp-modal-summary {
  background: #eefcff;
}
.lp-modal-summary .ttl {
  margin-bottom: 0;
  color: #1b82c3;
  font-weight: 700;
  line-height: 1.4;
}
.lp-modal-summary .txt {
  margin: 0;
  line-height: 1.5;
}
html.is-lp-modal-open {
  overflow: hidden;
  padding-right: var(--lp-scrollbar, 0px);
}
html.is-lp-modal-open body {
  overflow: hidden;
}
@media (hover: hover) {
  .lp-point-modal-btn,
  .lp-modal-close {
    transition: opacity 0.3s ease;
  }
  .lp-point-modal-btn:hover,
  .lp-modal-close:hover {
    opacity: 0.8;
  }
}
@media print, (min-width: 768px) {
  .lp-point-modal-btn {
    height: 0.57rem;
    margin-top: 0.3rem;
    font-size: 0.18rem;
  }
  .lp-modal {
    padding: 0.4rem 0.2rem;
  }
  .lp-modal-panel {
    width: 9.8rem;
    border: 0.06rem solid #00a0e9;
    border-radius: 0.3rem;
  }
  .lp-modal-close {
    width: 1.55rem;
    height: 0.75rem;
    gap: 0.115rem;
    border-radius: 0 0.24rem 0 0.3rem;
    font-size: 0.18rem;
    letter-spacing: 0.9px;
  }
  .lp-modal-close .ico {
    width: 0.35rem;
  }
  .lp-modal-hero {
    /*width: 8.6rem;*/
    margin: 0.45rem auto 0;
  }
  .lp-modal-ttl {
    height: 0.8rem;
    margin-top: 0;
    font-size: 0.3rem;
    letter-spacing: 1.5px;
  }
  .lp-modal-list {
    width: 7.8rem;
    margin: 0.4rem auto 0;
  }
  .lp-modal-item {
    display: flex;
    align-items: center;
    gap: 0.27rem;
  }
  .lp-modal-item + .lp-modal-item {
    margin-top: 0.3rem;
  }
  .lp-modal-item .photo {
    flex: none;
    width: 2.45rem;
  }
  .lp-modal-item .body {
    flex: 1;
    min-width: 0;
  }
  .lp-modal-item .label {
    font-size: 0.2rem;
  }
  .lp-modal-item .ttl {
    margin-top: 0.1rem;
    font-size: 0.22rem;
    letter-spacing: 1.1px;
  }
  .lp-modal-item .txt {
    margin-top: 0.18rem;
    font-size: 0.16rem;
    letter-spacing: 0.8px;
  }
  .lp-modal-summary {
    margin-top: 0.51rem;
    padding: 0.3rem 0.94rem 0.45rem;
    border-radius: 0 0 0.24rem 0.24rem;
  }
  .lp-modal-summary .ttl {
    font-size: 0.22rem;
    letter-spacing: 1.1px;
    text-align: center;
  }
  .lp-modal-summary .txt {
    margin-top: 0.21rem;
    font-size: 0.16rem;
    letter-spacing: 0.8px;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-point-modal-btn {
    height: 0.51rem;
    margin: 0.3rem auto 0;
    font-size: 0.16rem;
  }
  .lp-modal {
    padding: 0.2rem 0.1rem;
  }
  .lp-modal-panel {
    width: 3.538rem;
    border: 0.02rem solid #00a0e9;
    border-radius: 0.2rem;
  }
  .lp-modal-close {
    width: 1.207rem;
    height: 0.506rem;
    gap: 0.093rem;
    border-radius: 0 0.18rem 0 0.2rem;
    font-size: 0.15rem;
    letter-spacing: 0.75px;
  }
  .lp-modal-close .ico {
    width: 0.267rem;
  }
  .lp-modal-hero {
    height: 1.537rem;
    margin-top: 0.485rem;
  }
  .lp-modal-hero img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .lp-modal-ttl {
    height: 1rem;
    font-size: 0.24rem;
    letter-spacing: 1.2px;
  }
  .lp-modal-list {
    width: 3.2rem;
    margin: 0.26rem auto 0;
  }
  .lp-modal-item {
    text-align: center;
  }
  .lp-modal-item + .lp-modal-item {
    margin-top: 0.33rem;
  }
  .lp-modal-item .photo {
    width: 2.25rem;
    margin: 0 auto;
  }
  .lp-modal-item .body {
    margin-top: 0.163rem;
  }
  .lp-modal-item .label {
    font-size: 0.16rem;
  }
  .lp-modal-item .ttl {
    margin-top: 0.112rem;
    font-size: 0.18rem;
    letter-spacing: 0.9px;
  }
  .lp-modal-item .txt {
    margin-top: 0.153rem;
    font-size: 0.14rem;
    letter-spacing: 0.7px;
    text-align: left;
  }
  .lp-modal-summary {
    margin-top: 0.45rem;
    padding: 0.305rem 0.226rem 0.287rem;
    border-radius: 0 0 0.18rem 0.18rem;
  }
  .lp-modal-summary .ttl {
    font-size: 0.18rem;
    letter-spacing: 0.9px;
  }
  .lp-modal-summary .txt {
    margin-top: 0.21rem;
    font-size: 0.14rem;
    letter-spacing: 0.7px;
  }
}

/* ==========================================================================
   section07（VOICE）
   ========================================================================== */
.lp-section07 {
  position: relative;
  background: #eaddff;
}
.lp-section07 .en-watermark {
  color: rgba(76, 46, 111, 0.2);
  font-family: "Lato", sans-serif;
  white-space: nowrap;
  line-height: 1;
}
.lp-section07-head .tag {
  color: #4c2e6f;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  display: block;
}
.lp-section07-head .ttl {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
.lp-voice-item {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.lp-voice-head {
  display: flex;
}
/*.lp-voice-item .photo {
  position: relative;
  flex: none;
  overflow: hidden;
  border-radius: 50%;
}
.lp-voice-item .photo img {
  position: absolute;
  max-width: none;
}
.lp-voice-item.is-men .photo {
  background: #d0ecff;
}
.lp-voice-item.is-women .photo {
  background: #fff7c8;
}*/
.lp-voice-item .ttl {
  margin-bottom: 0;
  color: #4c2e6f;
  font-weight: 700;
  line-height: 1.4;
}
.lp-voice-item .name {
  margin: 0;
  font-weight: 700;
  line-height: 1.4;
}
.lp-voice-detail {
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
}
.lp-voice-item .txt {
  margin: 0;
  line-height: 1.5;
}
.lp-voice-item .txt + .txt {
  margin-top: 1.5em;
}
.lp-voice-item .txt mark {
  background: linear-gradient(transparent 60%, #ffe961 40%);
  color: inherit;
}
.lp-voice-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0;
  border: 0;
  background: #9f83bf;
  color: #fff;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.lp-voice-toggle .ico {
  flex: none;
}
.lp-voice-toggle .label-close,
.lp-voice-toggle .ico-close {
  display: none;
}
.lp-voice-item.is-open .lp-voice-toggle .label-open,
.lp-voice-item.is-open .lp-voice-toggle .ico-open {
  display: none;
}
.lp-voice-item.is-open .lp-voice-toggle .label-close {
  display: inline;
}
.lp-voice-item.is-open .lp-voice-toggle .ico-close {
  display: block;
}
@media (hover: hover) {
  .lp-voice-toggle {
    transition: opacity 0.3s ease;
  }
  .lp-voice-toggle:hover {
    opacity: 0.8;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-voice-detail {
    transition: none;
  }
}
@media print, (min-width: 768px) {
  .lp-section07 {
    padding: 0.7rem 0 0.6rem;
    position: relative;
  }
  .lp-section07 .en-watermark {
    position: absolute;
    left: 2.53rem;
    /*top: 0.35rem;*/
    top: 0.5rem;
    font-size: 1.2rem;
    margin: 0;
  }
  .lp-section07-head {
    width: fit-content;
    margin: 0 0 0 auto;
    text-align: left;
  }
  .lp-section07-head .tag {
    font-size: 0.2rem;
  }
  .lp-section07-head .ttl {
    font-size: 0.36rem;
  }
  .lp-voice-list {
    max-width: 8.6rem;
    margin: 0.3rem auto 0;
  }
  .lp-voice-item {
    border-radius: 0.3rem;
  }
  .lp-voice-item + .lp-voice-item {
    margin-top: 0.3rem;
  }
  .lp-voice-head {
    gap: 0.35rem;
    padding: 0.3rem 0.65rem 0.2rem;
  }
  .lp-voice-item .photo {
    /*width: 2.3rem;
    height: 2.3rem;*/
    width: 2.3rem;
    height: auto;
  }
  .lp-voice-item.is-men .photo img,
  .lp-voice-item.is-women .photo img {
    width: 100%;
    /*height: auto;
    left: -0.0444rem;
    top: 0.1214rem;
    width: 2.4982rem;
    height: 3.8385rem;*/
  }
  /*.lp-voice-item.is-women .photo img {
    width: 100%;
    left: -0.1037rem;
    top: 0.1091rem;
    width: 2.5074rem;
    height: 4.4918rem;
  }*/
  .lp-voice-head .body {
    padding-top: 0.63rem;
  }
  .lp-voice-item .ttl {
    font-size: 0.25rem;
    letter-spacing: 1.25px;
  }
  .lp-voice-item .name {
    margin-top: 0.15rem;
    font-size: 0.16rem;
    letter-spacing: 0.8px;
  }
  .lp-voice-detail .inner {
    padding: 0.15rem 0.4rem 0.28rem;
  }
  .lp-voice-item .txt {
    font-size: 0.16rem;
    letter-spacing: 0.8px;
  }
  .lp-voice-toggle {
    height: 0.67rem;
    gap: 0.1rem;
    font-size: 0.18rem;
    letter-spacing: 0.9px;
  }
  .lp-voice-toggle .ico {
    width: 0.35rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-section07 {
    /*padding: 0.45rem 0.2rem 0.5rem;*/
    /*padding: 0.45rem 0.3rem 0.5rem;*/
    /* カード幅をデザイン（353.85px）に合わせるため左右0.2remに戻す */
    padding: 0.45rem 0.2rem 0.5rem;
  }
  .lp-section07 .lp-inner {
    width: 100%;
  }
  .lp-section07 .en-watermark {
    position: absolute;
    left: 50%;
    /*top: 0.37rem;*/
    top: 0.57rem;
    transform: translateX(-50%);
    /*font-size: 0.8rem;*/
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 1;
  }
  .lp-section07-head {
    width: auto;
    margin: 0.15rem 0 0;
    text-align: center;
  }
  .lp-section07-head .tag {
    /*font-size: 0.14rem;*/
    font-size: 0.18rem;
  }
  .lp-section07-head .ttl {
    /*font-size: 0.24rem;*/
    font-size: 0.3rem;
  }
  .lp-voice-list {
    margin-top: 0.3rem;
  }
  .lp-voice-item {
    border-radius: 0.2rem;
  }
  .lp-voice-item + .lp-voice-item {
    margin-top: 0.25rem;
  }
  .lp-voice-head {
    display: block;
    padding: 0.33rem 0.17rem 0.25rem;
  }
  .lp-voice-item .photo {
    /*width: 1.7rem;
    height: 1.7rem;*/
    width: 1.7rem;
    height: auto;
    margin: 0 auto;
  }
  .lp-voice-item.is-men .photo img,
  .lp-voice-item.is-women .photo img {
    width: 100%;
    height: auto;
    /*left: -0.0328rem;
    top: 0.0897rem;
    width: 1.8465rem;
    height: 2.8372rem;*/
  }
  /*.lp-voice-item.is-women .photo img {
    left: -0.0766rem;
    top: 0.0806rem;
    width: 1.8533rem;
    height: 3.32rem;
  }*/
  .lp-voice-head .body {
    margin-top: 0.25rem;
  }
  .lp-voice-item .ttl {
    font-size: 0.19rem;
    letter-spacing: 0.95px;
  }
  .lp-voice-item .name {
    margin-top: 0.15rem;
    font-size: 0.15rem;
    letter-spacing: 0.75px;
    text-align: center;
  }
  .lp-voice-detail .inner {
    padding: 0 0.17rem 0.25rem;
  }
  .lp-voice-item .txt {
    font-size: 0.14rem;
    letter-spacing: 0.7px;
  }
  .lp-voice-toggle {
    height: 0.5rem;
    gap: 0.08rem;
    font-size: 0.15rem;
    letter-spacing: 0.75px;
  }
  .lp-voice-toggle .ico {
    width: 0.267rem;
  }
}

/* ==========================================================================
   section08（RECRUITMENT）
   ========================================================================== */
.lp-section08 {
  position: relative;
  background: #fff;
}
.lp-section08 .en-watermark {
  position: absolute;
  left: 50%;
  /*top: 0;*/
  transform: translateX(-50%);
  color: rgba(0, 132, 202, 0.15);
  font-family: "Lato", sans-serif;
  white-space: nowrap;
  line-height: 1;
  z-index: 1;
}
.lp-section08-head {
  text-align: center;
  position: relative;
  z-index: 2;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.lp-section08-head .company {
  color: #1b82c3;
  font-weight: 700;
  display: block;
}
.lp-section08-head .new {
  color: #929292;
  font-weight: 700;
  display: block;
}
/*.lp-job-list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.lp-job-card {
  background: #fff;
  border: 1px solid #b0b7bc;
  border-radius: 0.12rem;
  overflow: hidden;
}
.lp-job-card .hd {
  background: #1b82c3;
  color: #fff;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lp-job-card .bd {
  display: flex;
}
.lp-job-card .photo {
  flex: none;
  overflow: hidden;
}
.lp-job-card .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lp-job-card .ft {
  background: #e6edf4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}*/
.block-common-information .information-title,
.button-common-primary.is-detail {
  background-color: #1B82C3;
}
.lp-job-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.1rem;
  font-weight: 700;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
}
.lp-job-btn.is-detail { background: #1b82c3; color: #fff; }
.lp-job-btn.is-apply { background: #f4a000; color: #383838; }
.lp-recruit-more {
  text-align: center;
}
.lp-recruit-more .msg {
  position: relative;
  display: block;
  width: fit-content;
  margin: 0 auto;
  font-weight: 700;
}
.lp-recruit-more .msg::before,
.lp-recruit-more .msg::after {
  content: "";
  position: absolute;
  top: 50%;
  background: #003f73;
}
.lp-recruit-more .msg::before { transform: translateY(-50%) rotate(-20deg); }
.lp-recruit-more .msg::after { transform: translateY(-50%) rotate(20deg); }
.lp-recruit-more .btn-wrap {
  position: relative;
  display: inline-block;
}
.lp-recruit-more .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e24c27;
  color: #fff;
  border-radius: 0.1rem;
  font-weight: 700;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
  text-decoration: none;
}
.lp-recruit-more .btn-icon {
  position: absolute;
  bottom: 0;
}
.lp-recruit-more .btn-icon img {
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
.lp-recruit-more .btn-icon.is-left { left: 0; }
.lp-recruit-more .btn-icon.is-right { right: 0; }
@media print, (min-width: 768px) {
  .lp-section08 {
    /*padding: 0.9rem 0 1rem;*/
    padding: 1.2rem 0 1rem;
  }
  .lp-section08 .en-watermark {
    font-size: 1.5rem;
    margin-bottom: 0;
    top: 0.8rem;
  }
  .lp-section08-head {
    /*margin-top: -0.38rem;*/
    line-height: 1.3;
    margin-bottom: 0.6rem;
  }
  .lp-section08-head .company {
    font-size: 0.2rem;
  }
  .lp-section08-head .ttl {
    font-size: 0.35rem;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
  }
  .lp-section08-head .new {
    font-size: 0.2rem;
    margin-top: 0.1rem;
  }
  /*.lp-job-list {
    max-width: 9.8rem;
    margin-top: 0.5rem;
  }
  .lp-job-card + .lp-job-card {
    margin-top: 0.3rem;
  }
  .lp-job-card .hd {
    height: 0.66rem;
    display: flex;
    align-items: center;
    padding: 0 0.3rem;
    font-size: 0.2rem;
  }
  .lp-job-card .bd {
    gap: 0.3rem;
    padding: 0.25rem 0.3rem;
  }
  .lp-job-card .photo.is-wide {
    width: 5.23rem;
    height: 3.42rem;
  }
  .lp-job-card .photo.is-narrow {
    width: 3.39rem;
    height: 2.36rem;
  }
  .lp-job-card .info {
    font-size: 0.14rem;
    line-height: 2;
  }
  .lp-job-card .ft {
    padding: 0.18rem 0;
  }*/
  .lp-job-btn {
    width: 2.51rem;
    height: 0.56rem;
    font-size: 0.17rem;
  }
  .lp-recruit-more {
    margin-top: 0.6rem;
  }
  .lp-recruit-more .msg {
    font-size: 0.24rem;
    color: #003f73;
    margin-bottom: 0.25rem;
  }
  .lp-recruit-more .msg::before,
  .lp-recruit-more .msg::after {
    width: 2px;
    height: 0.3rem;
  }
  .lp-recruit-more .msg::before { left: -0.4rem; }
  .lp-recruit-more .msg::after { right: -0.4rem; }
  .lp-recruit-more .btn {
    /*width: 3.5rem;*/
    width: 6.0rem;
    height: 1rem;
    font-size: 0.3rem;
  }
  .lp-recruit-more .btn-icon {
    /*width: 0.55rem;
    height: 0.85rem;*/
    width: 1.2rem;
    height: 1.2rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-section08 {
    padding: 0.8rem 0 0.6rem;
    overflow: hidden;
  }
  .lp-section08 .lp-inner {
    width: 100%;
  }
  .lp-section08 .en-watermark {
    /*font-size: 0.42rem;*/
    font-size: 1.0rem;
  }
  .lp-section08-head {
    /*margin-top: -0.5rem;*/
    line-height: 1.2;
    margin-bottom: 0.3rem;
  }
  .lp-section08-head .company {
    /*font-size: 0.14rem;*/
    font-size: 0.18rem;
  }
  .lp-section08-head .ttl {
    /*font-size: 0.2rem;*/
    font-size: 0.28rem;
    margin-top: 0.08rem;
    margin-bottom: 0.08rem;
  }
  .lp-section08-head .new {
    font-size: 0.13rem;
    margin-top: 0.06rem;
  }
  .block-common-information .information-title {
    height: auto;
    padding: 0.2rem 0.29rem;
  }
  /*.lp-job-list {
    margin-top: 0.35rem;
  }
  .lp-job-card + .lp-job-card {
    margin-top: 0.25rem;
  }
  .lp-job-card .hd {
    height: 1.1rem;
    display: flex;
    align-items: center;
    padding: 0 0.2rem;
    font-size: 0.16rem;
    white-space: normal;
    line-height: 1.4;
  }
  .lp-job-card .bd {
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.15rem 0.2rem;
  }
  .lp-job-card .photo {
    width: 100%;
    height: 2.3rem;
  }
  .lp-job-card .info {
    font-size: 0.13rem;
    line-height: 1.9;
  }
  .lp-job-card .ft {
    padding: 0.15rem 0.2rem;
    flex-direction: column;
    gap: 0.12rem;
  }*/
  .lp-job-btn {
    width: 100%;
    height: 0.56rem;
    font-size: 0.16rem;
  }
  .lp-recruit-more {
    margin-top: 0.8rem;
    padding: 0 0.2rem;
  }
  .lp-recruit-more .msg {
    /*font-size: 0.17rem;*/
    font-size: 0.2rem;
    color: #003f73;
    margin-bottom: 0.18rem;
  }
  .lp-recruit-more .msg::before,
  .lp-recruit-more .msg::after {
    width: 2px;
    /*height: 0.2rem;*/
    height: 0.3rem;
  }
  .lp-recruit-more .msg::before { left: -0.15rem; }
  .lp-recruit-more .msg::after { right: -0.15rem; }
  .lp-recruit-more .btn {
    width: 100%;
    /*height: 0.8rem;
    font-size: 0.2rem;*/
    font-size: 0.25rem;
    height: 1.0rem;
    line-height: 1.2;
    letter-spacing: 1px;
  }
  .lp-recruit-more .btn-wrap {
    display: block;
  }
  .lp-recruit-more .btn-icon {
    /*width: 0.45rem;
    height: 0.68rem;*/
    width: 0.8rem;
    height: 0.8rem;
  }
}

/* ==========================================================================
   floating navigation（PC：右サイドタブ／SP：下部固定バー）
   ========================================================================== */
.lp-floating-pc {
  display: none;
}
.lp-floating-sp {
  display: none;
}
@media print, (min-width: 768px) {
  .lp-floating-pc {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 500;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    gap: 0.05rem;
    align-items: flex-end;
  }
  .lp-floating-pc .tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 0.4rem;
    background: #fff;
    border: 2px solid;
    border-right: none;
    /*border-radius: 0.1rem 0 0 0.1rem;*/
    border-radius: 0.08rem 0 0 0.08rem;
    text-decoration: none;
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
  }
  .lp-floating-pc .tab + .tab {
    /*margin-top: -2px;*/
  }
  .lp-floating-pc .tab .txt {
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    /*font-size: 0.16rem;*/
    font-size: 0.17rem;
    letter-spacing: 0.05em;
  }
  .lp-floating-pc .tab.is-merit { height: 0.97rem; color: #76b552; border-color: #76b552; }
  .lp-floating-pc .tab.is-flow { height: 1.16rem; color: #ccb629; border-color: #ccb629; }
  .lp-floating-pc .tab.is-company { height: 1.16rem; color: #4e97c5; border-color: #4e97c5; }
  .lp-floating-pc .tab.is-recruit {
    position: relative;
    height: 1.9rem;
    background: #f80;
    color: #fff;
    border: none;
    padding-top: 0.25rem;
    /* gap: 0.1rem; */
    width: 0.6rem;
    justify-content: flex-start;
  }
  .lp-floating-pc .tab.is-recruit .txt {
    font-size: 0.22rem;
  }
  .lp-floating-pc .tab.is-recruit .ico {
    width: 0.43rem;
    position: absolute;
    bottom: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .lp-floating-sp {
    display: flex;
    position: fixed;
    z-index: 500;
    left: 0;
    bottom: 0;
    width: 100%;
    /*height: 0.58rem;*/
    height: 0.63rem;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.1);
    /* 影も画面外へ逃がす */
    transform: translateY(calc(100% + 0.1rem));
    transition: transform 0.5s ease;
    pointer-events: none;
  }
  .lp-floating-sp.is-visible {
    transform: translateY(0);
    pointer-events: auto;
  }
  .lp-floating-sp .tab {
    position: relative;
    flex: 1 1 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*padding-top: 0.07rem;*/
    padding-top: 0.1rem;
    color: #fff;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    text-decoration: none;
  }
  /* 白ベタ＋不透明度90%を合成した実効色 */
  .lp-floating-sp .tab.is-merit { background: #84bc63; }
  .lp-floating-sp .tab.is-flow { background: #d1bd3e; }
  .lp-floating-sp .tab.is-faq { background: #ed4074; }
  .lp-floating-sp .tab.is-company { background: #60a1cb; }
  .lp-floating-sp .tab.is-recruit { background: #f80; }
  .lp-floating-sp .ico {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 0.245rem;
  }
  .lp-floating-sp .ico img {
    width: auto;
  }
  .lp-floating-sp .is-merit .ico img { width: 0.2591rem; height: 0.245rem; }
  .lp-floating-sp .is-flow .ico img { width: 0.373rem; height: 0.2127rem; }
  .lp-floating-sp .is-faq .ico img { width: 0.2236rem; height: 0.2219rem; }
  .lp-floating-sp .is-company .ico img { width: 0.2284rem; height: 0.2348rem; }
  /* 画像上端は切らず、.tab から少し上へはみ出させる（下端のみクロップ） */
  .lp-floating-sp .ico-men {
    position: absolute;
    left: 50%;
    overflow: hidden;
    /*top: -0.0284rem;
    width: 0.332rem;
    height: 0.3899rem;
    margin-left: -0.166rem;
    transform: rotate(-6.9deg);*/
    top: -0.0484rem;
    width: 0.4rem;
    height: 0.4rem;
    margin-left: -0.21rem;
  }
  .lp-floating-sp .ico-men img {
    /*position: absolute;
    left: 0;
    top: 0;
    width: 0.332rem;
    height: 0.5613rem;*/
  }
  .lp-floating-sp .txt {
    margin-top: 0.065rem;
    /*font-size: 0.1rem;*/
    font-size: 0.11rem;
    line-height: 1.1;
    white-space: nowrap;
  }
  .lp-floating-sp .is-recruit .txt {
    position: relative;
    z-index: 1;
    margin-top: auto;
    /*margin-bottom: 0.099rem;
    font-size: 0.12rem;*/
    margin-bottom: 0.08rem;
    font-size: 0.125rem;
  }
}
/* GTM用 */
.lp-links-btn *,
.lp-voice-toggle *,
.lp-floating-pc .tab *,
.lp-floating-sp .tab *{
  pointer-events: none;
}