@charset "UTF-8";
.l-contents {
  font-family:
    "游ゴシック", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
  position: relative;
  overflow: hidden;
  min-width: 1160px;
  word-wrap: break-word;
  color: #333;
  line-break: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*
  ---------------------------------------
  link
  ---------------------------------------
  */
  /*
  ---------------------------------------
  common
  ---------------------------------------
  */
}
@media (max-width: 768px) {
  .l-contents {
    min-width: 0;
    margin-top: 0;
  }
}
.l-contents * {
  box-sizing: border-box;
}
.l-contents p {
  text-align: left;
  overflow-wrap: break-word;
}
.l-contents ol,
.l-contents ul {
  list-style: none;
}
.l-contents p,
.l-contents dt,
.l-contents dd,
.l-contents li {
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .l-contents p,
  .l-contents dt,
  .l-contents dd,
  .l-contents li {
    font-size: 3.73vw;
    font-weight: 400;
  }
}
.l-contents em {
  font-style: normal;
}
.l-contents h1,
.l-contents h2,
.l-contents h3,
.l-contents h4,
.l-contents h5,
.l-contents h6 {
  font-weight: normal;
}
.l-contents a {
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  color: inherit;
}
.l-contents a:hover {
  text-decoration: none;
}
.l-contents .pc {
  display: block !important;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-contents .pc {
    display: none !important;
  }
}
.l-contents .sp {
  display: none !important;
}
@media (max-width: 768px) {
  .l-contents .sp {
    display: block !important;
  }
}
.l-contents .inline-pc {
  display: inline-block !important;
}
@media (max-width: 768px) {
  .l-contents .inline-pc {
    display: none !important;
  }
}
.l-contents .inline-sp {
  display: none !important;
}
@media (max-width: 768px) {
  .l-contents .inline-sp {
    display: inline-block !important;
  }
}
.l-contents .inner {
  max-width: 1064px;
  margin: 0 auto;
  padding: 0 20px;
  word-wrap: break-word;
  word-break: break-all;
}
@media (max-width: 768px) {
  .l-contents .inner {
    padding: 0 30px;
  }
}
.l-contents .inner--l {
  max-width: 1240px;
}
.l-contents span {
  font-size: inherit;
  font-weight: inherit;
}
.l-contents .img {
  line-height: 0;
}
.l-contents img {
  max-width: 100%;
  height: auto;
}
.l-contents .en {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
.l-contents .ofi {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.l-contents .palt {
  font-feature-settings: "palt";
}
.l-contents .green {
  color: #049943;
}
.l-contents .svg-arrow-right {
  fill: #fff;
  stroke-width: 0px;
  transition: fill 0.3s ease-out;
}
.l-contents .anc {
  margin-top: -110px;
  padding-top: 110px;
}
@media (max-width: 768px) {
  .l-contents .anc {
    margin-top: -54px;
    padding-top: 54px;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/slick.eot");
  src:
    url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
    url("./fonts/slick.woff") format("woff"),
    url("./fonts/slick.ttf") format("truetype"),
    url("./fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.l-contents .c-btn-01 a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 3px solid #ff7a39;
  padding: 12px 0 12px 11px;
  position: relative;
  transition: color 0.3s ease-out;
}
@media (max-width: 768px) {
  .l-contents .c-btn-01 a {
    font-size: 3.73vw;
    padding: 2.6vw 0 2.6vw 2.9vw;
  }
}
.l-contents .c-btn-01 a:before {
  content: "";
  background: url(../images/top/icn_arrow_right.svg) no-repeat center center/cover;
  width: 15.6px;
  height: 11.5px;
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .l-contents .c-btn-01 a:before {
    width: 3.466vw;
    height: 2.55vw;
    right: 2vw;
  }
}
@media (hover: hover) {
  .l-contents .c-btn-01 a:where(:any-link, :enabled, summary):hover {
    color: #ff7a39;
  }
}
.l-contents .c-btn-01--down a:before {
  background: url(../images/recruit/icn_arrow_down.svg) no-repeat center center/cover;
  height: 15.6px;
  width: 11.5px;
  right: 12px;
}

.l-contents .c-heading-01__en {
  font-size: 80px;
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .l-contents .c-heading-01__en {
    font-size: 12.6vw;
    margin-bottom: 2.3vw;
  }
}
.l-contents .c-heading-01__en:before {
  content: "";
  background: url(../images/top/heading_01_icn.svg) no-repeat center center/cover;
  width: 77.52px;
  height: 84.83px;
  display: block;
  position: absolute;
  left: -29px;
  top: -12px;
  z-index: -1;
}
@media (max-width: 768px) {
  .l-contents .c-heading-01__en:before {
    width: 13.316vw;
    height: 14.5vw;
    left: -6.5vw;
    top: -4vw;
  }
}
.l-contents .c-heading-01__ja {
  font-size: 18px;
  font-weight: bold;
  color: #049943;
  letter-spacing: 0.06em;
  font-feature-settings: "palt";
}
@media (max-width: 768px) {
  .l-contents .c-heading-01__ja {
    font-size: 4vw;
  }
}

.l-contents .c-heading-02__ja {
  font-size: 26px;
  font-weight: bold;
  color: #049943;
  letter-spacing: 0.12em;
  font-feature-settings: "palt";
}
@media (max-width: 768px) {
  .l-contents .c-heading-02__ja {
    font-size: 5.6vw;
    letter-spacing: 0.06em;
  }
}
.l-contents .c-heading-02__en {
  font-size: 16px;
}
@media (max-width: 768px) {
  .l-contents .c-heading-02__en {
    font-size: 3.73vw;
  }
}

.secRecruitInfo {
  min-width: 1160px;
  padding-top: 46px;
}
@media (max-width: 768px) {
  .secRecruitInfo {
    min-width: 0;
    padding-top: 0;
  }
}
.secRecruitInfo .inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
  word-wrap: break-word;
  word-break: break-all;
  position: relative;
}
@media (max-width: 768px) {
  .secRecruitInfo .inner {
    padding: 0 30px;
  }
}
.secRecruitInfo .inner:before {
  content: "";
  background: url(../images/top/recruitInfo_img@2x.png) no-repeat center center/cover;
  width: 428px;
  height: 322px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 240px;
  z-index: 1;
}
@media (max-width: 768px) {
  .secRecruitInfo .inner:before {
    background: url(../images/top/recruitInfo_img_sp@2x.png) no-repeat center center/cover;
    width: 73vw;
    height: 45.86vw;
    left: auto;
    right: 6.4vw;
  }
}
.secRecruitInfo .inner:after {
  content: "";
  background: #049943;
  width: calc(50vw - 550px);
  height: 100%;
  display: block;
  position: absolute;
  right: calc(-50vw + 570px);
  top: 0;
}
@media (max-width: 1040px) {
  .secRecruitInfo .inner:after {
    width: 20px;
    right: 0;
  }
}
@media (max-width: 768px) {
  .secRecruitInfo .inner:after {
    display: none;
  }
}

.secRecruitInfo__head {
  width: 378px;
  padding-bottom: 262px;
  position: absolute;
  left: 20px;
  bottom: 0;
  z-index: 0;
}
@media (max-width: 768px) {
  .secRecruitInfo__head {
    position: relative;
    width: 100%;
    padding-bottom: 7vw;
    left: 0;
  }
}
.secRecruitInfo__head:before {
  content: "";
  background: #adadad;
  width: 33px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 0;
}
@media (max-width: 768px) {
  .secRecruitInfo__head:before {
    width: 7.37vw;
  }
}

.secRecruitInfo__ttl__en,
.secRecruitInfo__ttl {
  position: relative;
  z-index: 1;
}
.secRecruitInfo__ttl__en:before,
.secRecruitInfo__ttl:before {
  content: "";
  background: #545454;
  width: 33px;
  height: 9px;
  display: block;
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .secRecruitInfo__ttl__en:before,
  .secRecruitInfo__ttl:before {
    width: 7.37vw;
    height: 2.13vw;
    bottom: -3.5vw;
  }
}

.secRecruitInfo__ttl__en {
  border: 6px solid #d6d6d6;
  border-radius: 12px;
  background: #ffd700;
  width: 366px;
  padding: 12px 0;
  margin: 0 auto;
  font-size: 56px;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  color: #049943;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .secRecruitInfo__ttl__en {
    font-size: 12.53vw;
    width: 100%;
    border-width: 5px;
    margin-bottom: 4vw;
    padding: 2.7vw 0;
  }
}

.secRecruitInfo__ttl {
  border: 6px solid #d6d6d6;
  border-radius: 12px;
  background: #fff;
  width: 228px;
  padding: 21px 0;
  margin: 0 auto;
  font-size: 18px;
  font-weight: bold;
  color: #049943;
  letter-spacing: 0.06em;
  display: grid;
  place-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .secRecruitInfo__ttl {
    font-size: 4vw;
    border-width: 5px;
    width: 49vw;
    padding: 4.8vw 0;
  }
}

.secRecruitInfo__cont {
  height: 400px;
  background: #049943;
  border-radius: 140px 0 0 0;
  padding-right: 35px;
  padding-top: 15px;
  box-sizing: border-box;
  display: grid;
  place-items: center;
}
@media (max-width: 768px) {
  .secRecruitInfo__cont {
    height: auto;
    border-radius: 18.6vw 0 0 0;
    padding: 14.8vw 6vw 51vw 14vw;
    position: relative;
  }
  .secRecruitInfo__cont:before {
    content: "";
    background: #049943;
    width: 31px;
    height: 100%;
    display: block;
    position: absolute;
    right: -30px;
    top: 0;
  }
}

.secRecruitInfo__txtbox {
  max-width: 345px;
  margin-left: auto;
  position: relative;
}
@media (max-width: 768px) {
  .secRecruitInfo__txtbox {
    max-width: 100%;
    margin-left: 0;
  }
}

.secRecruitInfo__lead {
  color: #fff;
  font-size: 16px;
  line-height: 1.875;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .secRecruitInfo__lead {
    font-size: 3.733vw;
    margin-bottom: 5vw;
    line-height: 1.64;
  }
}
@media (max-width: 768px) {
  .secRecruitInfo__lead .pc {
    display: none;
  }
}

@media (max-width: 768px) {
  .secRecruitInfo__btn {
    transform: translateX(2vw);
  }
}
.secRecruitInfo__btn a {
  display: block;
  width: 230px;
  height: 60px;
  display: grid;
  place-items: center start;
  background: #ffd700;
  color: #049943;
  border-radius: 60px;
  font-size: 16.8px;
  font-weight: bold;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s ease-out;
}
@media (hover: hover) {
  .secRecruitInfo__btn a:where(:any-link, :enabled, summary):hover {
    color: #fff;
    background: #ff7a39;
  }
  .secRecruitInfo__btn a:where(:any-link, :enabled, summary):hover .svg-arrow-right {
    fill: #fff;
  }
}
@media (max-width: 768px) {
  .secRecruitInfo__btn a {
    width: 51vw;
    height: 13vw;
    margin-left: auto;
    font-size: 3.73vw;
    padding-left: 6vw;
  }
}
.secRecruitInfo__btn .svg-arrow-right {
  fill: #049943;
  stroke-width: 0px;
  transition: fill 0.3s ease-out;
}
.secRecruitInfo__btn .c-btn-02__arrow {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .secRecruitInfo__btn .c-btn-02__arrow {
    right: 5.6vw;
  }
}
@media (max-width: 768px) {
  .secRecruitInfo__btn .c-btn-02__arrow svg {
    width: 3.46vw;
    height: auto;
  }
}

.l-contents#recruit .pageNav {
  padding: 82px 0 74px;
}
@media (max-width: 768px) {
  .l-contents#recruit .pageNav {
    padding: 10vw 0 15.2vw;
  }
}
.l-contents#recruit .pageNav__list {
  max-width: 805px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 28px;
}
@media (max-width: 768px) {
  .l-contents#recruit .pageNav__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.5vw 4vw;
  }
}
.l-contents#recruit .secMerit {
  position: relative;
  padding: 24px 0 480px;
  margin-bottom: -134px;
}
@media (max-width: 768px) {
  .l-contents#recruit .secMerit {
    padding: 0 0 39.2vw;
    margin-bottom: 0;
  }
}
.l-contents#recruit .secMerit:before {
  content: "";
  background: url(../images/recruit/merit_road@2x.png) no-repeat center center/cover;
  width: 1302px;
  height: 1331px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: -1;
}
@media (max-width: 768px) {
  .l-contents#recruit .secMerit:before {
    background: url(../images/recruit/merit_road_sp@2x.png) no-repeat center center/cover;
    width: 100vw;
    height: 402.66vw;
    top: 93vw;
  }
}
.l-contents#recruit .secMerit:after {
  content: "";
  background: url(../images/top/road_yoko@2x.png) repeat-x center right -7px/25px;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50vw - 515px);
  height: 75px;
  display: block;
}
.l-contents#recruit .secMerit__img {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .l-contents#recruit .secMerit__img {
    position: relative;
    bottom: auto;
    top: 0;
    width: 92vw;
    margin-bottom: 16.6vw;
    margin-left: auto;
  }
}
.l-contents#recruit .secMerit__heading {
  display: grid;
  place-items: center;
  margin-bottom: 55px;
  transform: translateX(15px);
}
@media (max-width: 768px) {
  .l-contents#recruit .secMerit__heading {
    margin-bottom: 21vw;
    transform: translateX(0);
  }
}
.l-contents#recruit .secMerit__list {
  max-width: 950px;
  margin: 0 auto;
}
.l-contents#recruit .secMerit__item {
  background: #fff7cc;
  padding: 46px 80px 48px 13px;
  display: grid;
  grid-template-columns: 1fr 1.65fr;
  align-items: center;
}
@media (max-width: 768px) {
  .l-contents#recruit .secMerit__item {
    padding: 0 7.6vw 9vw;
    grid-template-columns: 1fr;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }
}
.l-contents#recruit .secMerit__item:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .l-contents#recruit .secMerit__item:not(:last-child) {
    margin-bottom: 18vw;
  }
}
@media (max-width: 768px) {
  .l-contents#recruit .secMerit__item.item-01 .secMerit__icn {
    transform: translateX(-2vw);
  }
}
@media (max-width: 768px) {
  .l-contents#recruit .secMerit__item.item-02 .secMerit__icn {
    transform: translateX(3vw);
  }
}
@media (max-width: 768px) {
  .l-contents#recruit .secMerit__item.item-03 .secMerit__icn {
    margin-top: -14vw;
    transform: translateX(0.1vw);
    margin-bottom: 22px;
  }
}
@media (max-width: 768px) {
  .l-contents#recruit .secMerit__item.item-03 .secMerit__icn img {
    width: 50vw;
  }
}
.l-contents#recruit .secMerit__icn {
  text-align: center;
  margin-bottom: 19px;
}
@media (max-width: 768px) {
  .l-contents#recruit .secMerit__icn {
    margin-top: -11vw;
  }
  .l-contents#recruit .secMerit__icn img {
    width: 40vw;
    margin: 0 auto;
  }
}
.l-contents#recruit .secMerit__ttl {
  font-size: 20px;
  font-weight: bold;
  color: #ff7a39;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 768px) {
  .l-contents#recruit .secMerit__ttl {
    font-size: 4.53vw;
    margin-bottom: 4.4vw;
  }
}
.l-contents#recruit .secMerit__txt {
  line-height: 1.75;
}
@media (max-width: 768px) {
  .l-contents#recruit .secMerit__txt {
    line-height: 1.642;
  }
}
.l-contents#recruit .secMerit__txt .green {
  font-weight: bold;
}
.l-contents#recruit .secBenefit {
  padding-bottom: 127px;
}
@media (max-width: 768px) {
  .l-contents#recruit .secBenefit {
    padding-top: 7vw;
    padding-bottom: 15vw;
  }
}
.l-contents#recruit .secBenefit__inenr {
  max-width: 1000px;
}
.l-contents#recruit .secBenefit__heading {
  margin-bottom: 54px;
  transform: translateX(39px);
}
@media (max-width: 768px) {
  .l-contents#recruit .secBenefit__heading {
    margin-bottom: 8vw;
    transform: translateX(0);
    display: grid;
    place-items: center;
  }
}
.l-contents#recruit .secBenefit__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 43px;
}
@media (max-width: 768px) {
  .l-contents#recruit .secBenefit__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 6.7vw 7vw;
  }
}
.l-contents#recruit .secBenefit__icn {
  text-align: center;
  margin-bottom: 19px;
}
@media (max-width: 768px) {
  .l-contents#recruit .secBenefit__icn {
    width: 84%;
    margin: 0 auto 5.5vw;
  }
  .l-contents#recruit .secBenefit__icn img {
    width: 100%;
  }
}
.l-contents#recruit .secBenefit__ttl {
  font-size: 20px;
  font-weight: bold;
  color: #049943;
  text-align: center;
  margin-bottom: 18px;
}
@media (max-width: 768px) {
  .l-contents#recruit .secBenefit__ttl {
    font-size: 4.26vw;
    margin-bottom: 3.4vw;
  }
}
.l-contents#recruit .secBenefit__txt {
  line-height: 1.625;
}
@media (max-width: 768px) {
  .l-contents#recruit .secBenefit__txt {
    line-height: 1.64;
  }
}
.l-contents#recruit .secBenefit__txt .small {
  display: inline-block;
  font-size: 14px;
}
@media (max-width: 768px) {
  .l-contents#recruit .secBenefit__txt .small {
    font-size: 3.33vw;
    line-height: 1.44;
  }
}
.l-contents#recruit .secJob {
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .l-contents#recruit .secJob {
    margin-bottom: 15vw;
  }
}

.l-contents#top {
  position: relative;
  z-index: 0;
}
.l-contents#top .secMainView {
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#top .secMainView {
    padding: 24.8vw 0 29vw 8vw;
  }
}
.l-contents#top .secMainView:before {
  content: "";
  background: url(../images/top/mv_road_l@2x.png) no-repeat center center/cover;
  width: 391px;
  height: 1010px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -827px;
  z-index: -1;
}
@media (max-width: 768px) {
  .l-contents#top .secMainView:before {
    background: url(../images/top/mv_road_sp@2x.png) no-repeat center center/cover;
    width: 100vw;
    height: 169.33vw;
    bottom: auto;
    top: 20vw;
  }
}
.l-contents#top .secMainView:after {
  content: "";
  background: url(../images/top/mv_road_r@2x.png) no-repeat center center/cover;
  width: 295px;
  height: 970px;
  display: block;
  position: absolute;
  right: 0;
  bottom: -266px;
  z-index: -1;
}
@media (max-width: 768px) {
  .l-contents#top .secMainView:after {
    display: none;
  }
}
.l-contents#top .secMainView__slider {
  position: relative;
}
.l-contents#top .secMainView__slider:before {
  content: "";
  background: url(../images/top/road_tate@2x.png) repeat-y center top/75px;
  width: 75px;
  height: 22.8svh;
  display: block;
  position: absolute;
  right: 220px;
  top: 0;
}
@media (max-width: 768px) {
  .l-contents#top .secMainView__slider:before {
    display: none;
  }
}
.l-contents#top .secMainView__slider__item {
  position: relative;
  width: 100%;
  height: 100svh;
  min-height: 600px;
  padding-top: 22.6svh;
}
@media (max-width: 768px) {
  .l-contents#top .secMainView__slider__item {
    min-height: 0;
    display: block;
    height: auto;
    padding-top: 0;
  }
}
.l-contents#top .secMainView__txtboxWrap {
  max-width: 1154px;
  padding: 0 20px 56px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-contents#top .secMainView__txtboxWrap {
    padding: 0;
  }
}
.l-contents#top .secMainView__txtbox {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  width: 39.6%;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768px) {
  .l-contents#top .secMainView__txtbox {
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
    writing-mode: initial;
    width: 100%;
    margin-bottom: 6.7vw;
  }
}
.l-contents#top .secMainView__txtbox .hankaku {
  letter-spacing: -0.18em;
  text-indent: -0.25em;
  display: inline-block;
}
@media (max-width: 768px) {
  .l-contents#top .secMainView__txtbox .hankaku {
    letter-spacing: 0;
    text-indent: 0;
  }
}
.l-contents#top .secMainView__ttl {
  font-size: 55px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.36;
  -webkit-text-stroke-width: 0.6px;
  -webkit-text-stroke-color: #333;
}
@media (max-width: 768px) {
  .l-contents#top .secMainView__ttl {
    font-size: 8.53vw;
    letter-spacing: 0.06em;
    line-height: 1.32;
    -webkit-text-stroke-width: 0.3px;
    font-feature-settings: "palt";
  }
}
.l-contents#top .secMainView__ttl .green {
  -webkit-text-stroke-color: #049943;
}
.l-contents#top .secMainView__catch {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-block-start: 21px;
}
@media (max-width: 768px) {
  .l-contents#top .secMainView__catch {
    font-size: 3.46vw;
    line-height: 1.69;
    margin-block-start: 2.4vw;
    letter-spacing: 0;
    font-feature-settings: "palt";
  }
}
.l-contents#top .secMainView__img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 53.9%;
  height: 78svh;
  min-height: 464px;
  border-radius: 140px 0 0 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .l-contents#top .secMainView__img {
    width: 92vw;
    height: 86.66vw;
    border-radius: 18.66vw 0 0 0;
    min-height: 0;
    position: static;
    margin-left: auto;
  }
}
.l-contents#top .secAbout {
  padding: 248px 0 160px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#top .secAbout {
    padding: 14.2vw 0 25.5vw;
  }
}
.l-contents#top .secAbout__box {
  max-width: 480px;
  margin-left: auto;
}
@media (max-width: 768px) {
  .l-contents#top .secAbout__box {
    max-width: 100%;
  }
}
.l-contents#top .secAbout__heading {
  margin-bottom: 36px;
}
@media (max-width: 768px) {
  .l-contents#top .secAbout__heading {
    display: grid;
    place-items: center;
    margin-bottom: 6.6vw;
  }
}
.l-contents#top .secAbout__lead {
  line-height: 1.875;
  font-weight: bold;
  margin-bottom: 56px;
}
@media (max-width: 768px) {
  .l-contents#top .secAbout__lead {
    line-height: 1.96;
    margin-bottom: 5.5vw;
  }
}
@media (max-width: 768px) {
  .l-contents#top .secAbout__list {
    padding-bottom: 4vw;
  }
}
.l-contents#top .secAbout__item {
  border-top: 2px solid #e2e2e2;
  display: grid;
  grid-template-columns: 1fr 2.4fr;
  padding: 40px 5px 43px 0px;
}
@media (max-width: 768px) {
  .l-contents#top .secAbout__item {
    border-width: 1px;
    display: block;
    padding: 7.9vw 0 9.4vw;
  }
}
.l-contents#top .secAbout__item:last-child {
  border-bottom: 2px solid #e2e2e2;
}
@media (max-width: 768px) {
  .l-contents#top .secAbout__item:last-child {
    border-bottom: none;
  }
}
@media (max-width: 768px) {
  .l-contents#top .secAbout__item__head {
    display: flex;
    align-items: center;
    margin-bottom: 4vw;
  }
}
.l-contents#top .secAbout__item__ttl {
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .l-contents#top .secAbout__item__ttl {
    margin-bottom: 0;
    margin-right: 2.8vw;
  }
}
.l-contents#top .secAbout__item__txt {
  margin-bottom: 14px;
  line-height: 1.875;
  transform: translateY(-5px);
}
@media (max-width: 768px) {
  .l-contents#top .secAbout__item__txt {
    line-height: 1.64;
    margin-bottom: 2vw;
  }
}
.l-contents#top .secAbout__item__btn a {
  width: 210px;
  margin-left: auto;
}
@media (max-width: 768px) {
  .l-contents#top .secAbout__item__btn a {
    width: 50.4vw;
  }
}
.l-contents#top .secAbout__img {
  position: absolute;
  left: 0;
  top: 130px;
}
@media (max-width: 768px) {
  .l-contents#top .secAbout__img {
    position: static;
    width: 92vw;
  }
}
.l-contents#top .secAbout__img:before {
  content: "";
  background: url(../images/top/about_road@2x.png) no-repeat center center/cover;
  width: 391px;
  height: 394px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -176px;
  z-index: -1;
}
@media (max-width: 768px) {
  .l-contents#top .secAbout__img:before {
    background: url(../images/top/about_road_sp@2x.png) no-repeat center center/cover;
    width: 88.4vw;
    height: 87vw;
    left: auto;
    right: -45vw;
    bottom: 0;
  }
}
.l-contents#top .secAbout__img__item.item-01 {
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  .l-contents#top .secAbout__img__item.item-01 {
    margin-bottom: 1vw;
  }
}
.l-contents#top .secCompany {
  padding-bottom: 130px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#top .secCompany {
    padding-top: 1vw;
    padding-bottom: 0;
  }
}
.l-contents#top .secCompany__inner {
  max-width: 1280px;
}
.l-contents#top .secCompany__box {
  max-width: 620px;
  background: #fff;
  padding: 0 110px 95px 110px;
}
@media (max-width: 768px) {
  .l-contents#top .secCompany__box {
    max-width: 100%;
    padding: 0;
  }
}
.l-contents#top .secCompany__heading {
  margin-bottom: 41px;
  transform: translateX(27px);
}
@media (max-width: 768px) {
  .l-contents#top .secCompany__heading {
    margin-bottom: 6vw;
    transform: translateX(0);
  }
}
@media (max-width: 768px) {
  .l-contents#top .secCompany__heading .c-heading-01__en:before {
    left: -4.5vw;
  }
}
.l-contents#top .secCompany__lead {
  line-height: 1.875;
  margin-bottom: 33px;
}
@media (max-width: 768px) {
  .l-contents#top .secCompany__lead {
    line-height: 1.64;
    margin-bottom: 4.4vw;
  }
}
.l-contents#top .secCompany__btnList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 42px 41px;
}
@media (max-width: 768px) {
  .l-contents#top .secCompany__btnList {
    gap: 4vw 4vw;
    margin-bottom: 11.4vw;
  }
}
.l-contents#top .secCompany__img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 75.4vw;
  height: 590px;
}
@media (max-width: 1160px) {
  .l-contents#top .secCompany__img {
    width: 874px;
  }
}
@media (max-width: 768px) {
  .l-contents#top .secCompany__img {
    position: static;
    width: 100vw;
    height: 74.4vw;
  }
}
.l-contents#top .secRecruit {
  position: relative;
}
.l-contents#top .secRecruit:before {
  content: "";
  background: url(../images/top/recruit_road@2x.png) no-repeat center center/cover;
  width: 1178px;
  height: 1129.5px;
  display: block;
  position: absolute;
  top: 152px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;
  transform: translateX(-78px);
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit:before {
    background: url(../images/top/recruit_road_sp@2x.png) no-repeat center center/cover;
    width: 161vw;
    height: 348.4vw;
    top: 34.3vw;
    left: auto;
    right: 4.5vw;
    transform: translateX(0);
  }
}
.l-contents#top .secRecruit:after {
  content: "";
  background: url(../images/top/road_yoko@2x.png) repeat-x center right -17px/25px;
  position: absolute;
  top: 152px;
  left: 0;
  width: calc(50vw - 515px);
  height: 75px;
  display: block;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit:after {
    display: none;
  }
}
.l-contents#top .secRecruit .inner {
  position: relative;
}
.l-contents#top .secRecruit__head {
  background: #049943;
  padding: 133px 0 93px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__head {
    padding: 25.1vw 0 9.3vw;
  }
}
.l-contents#top .secRecruit__sign {
  background: url(../images/top/recruit_sign_bg.svg) no-repeat center center/contain;
  width: 525.56px;
  height: 299.9px;
  position: absolute;
  left: -120px;
  top: 0;
  display: grid;
  place-items: center;
  z-index: 1;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__sign {
    background: url(../images/top/recruit_sign_bg_sp.svg) no-repeat right center/cover;
    width: 66.4vw;
    height: 46.3vw;
    left: 0;
  }
}
.l-contents#top .secRecruit__sign:before {
  content: "";
  background: #ffd700;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 10px;
  left: 223px;
  animation: fadeInOut 1s infinite;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__sign:before {
    width: 4.94vw;
    height: 4.94vw;
    top: 1.7vw;
    left: 19.5vw;
  }
}
.l-contents#top .secRecruit__sign:after {
  content: "";
  background: #adadad;
  position: absolute;
  top: 106px;
  left: calc(-50vw + 520px);
  width: calc(50vw - 520px);
  height: 88px;
  display: block;
}
@keyframes fadeInOut {
  0%,
  49.9% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}
.l-contents#top .secRecruit__sign__txt {
  width: 320px;
  height: 80px;
  position: absolute;
  top: 92px;
  left: 165px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__sign__txt {
    width: 48vw;
    top: 14.9vw;
    left: 12.5vw;
  }
}
.l-contents#top .secRecruit__sign__txt.item-01 {
  animation: fadeInOut 4s infinite;
}
.l-contents#top .secRecruit__sign__txt.item-02 {
  opacity: 0;
  animation: fadeInOut 4s infinite;
  animation-delay: 2s;
}
.l-contents#top .secRecruit__lead {
  line-height: 1.875;
  font-weight: bold;
  color: #fff;
  max-width: 370px;
  margin-left: 440px;
  padding-top: 150px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__lead {
    line-height: 1.71;
    max-width: 56vw;
    margin-left: 0;
    padding-top: 53.6vw;
  }
}
.l-contents#top .secRecruit__cont {
  padding: 62px 0 131px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__cont {
    padding: 10.2vw 0 13.7vw;
  }
}
.l-contents#top .secRecruit__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 50px;
  padding-right: 215px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__list {
    grid-template-columns: 1fr;
    gap: 13.7vw 0;
    padding-right: 25.6vw;
  }
}
.l-contents#top .secRecruit__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__item {
    display: block;
  }
}
.l-contents#top .secRecruit__item.item-01 .secRecruit__item__btn a {
  width: 250px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__item.item-01 .secRecruit__item__btn a {
    width: 53.3vw;
    font-size: 3.4vw;
  }
}
.l-contents#top .secRecruit__item.item-02 .secRecruit__item__btn a {
  width: 240px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__item.item-02 .secRecruit__item__btn a {
    width: 53.3vw;
  }
}
.l-contents#top .secRecruit__heading {
  display: flex;
  align-items: baseline;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__heading {
    margin-bottom: 3.5vw;
    align-items: center;
  }
}
.l-contents#top .secRecruit__heading .c-heading-02__ja {
  letter-spacing: 0.06em;
  margin-right: 11px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__heading .c-heading-02__ja {
    margin-right: 3vw;
  }
}
.l-contents#top .secRecruit__merit {
  max-height: 260px;
  background: #fff7cc;
  padding: 39px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__merit {
    max-height: 100%;
    padding: 5.6vw 0 5.6vw 5.6vw;
  }
}
.l-contents#top .secRecruit__merit__item {
  font-size: 20px;
  font-weight: bold;
  padding-left: 62px;
  min-height: 43px;
  display: grid;
  place-items: center start;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__merit__item {
    font-size: 3.33vw;
    min-height: 6.6vw;
    padding-left: 9vw;
  }
}
.l-contents#top .secRecruit__merit__item.item-01 {
  background: url(../images/top/merit_icn_01@2x.png) no-repeat left center/43px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__merit__item.item-01 {
    background-size: 6.1vw;
  }
}
.l-contents#top .secRecruit__merit__item.item-02 {
  background: url(../images/top/merit_icn_02@2x.png) no-repeat left center/43px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__merit__item.item-02 {
    background-size: 6.1vw;
  }
}
.l-contents#top .secRecruit__merit__item.item-03 {
  background: url(../images/top/merit_icn_03@2x.png) no-repeat left center/43px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__merit__item.item-03 {
    background-size: 6.1vw;
  }
}
.l-contents#top .secRecruit__merit__item:not(:last-child) {
  margin-bottom: 27px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__merit__item:not(:last-child) {
    margin-bottom: 3.5vw;
  }
}
.l-contents#top .secRecruit__merit__txt {
  line-height: 1.875;
  padding-top: 16px;
  margin-bottom: 22px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__merit__txt {
    line-height: 1.64;
    padding-top: 3vw;
    margin-bottom: 2.8vw;
  }
}
.l-contents#top .secRecruit__item__btn a {
  display: inline-block;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__item__btn a {
    letter-spacing: 0.08em;
    font-feature-settings: "palt";
  }
}
.l-contents#top .secRecruit__deco {
  position: absolute;
  z-index: 1;
}
.l-contents#top .secRecruit__deco.item-top {
  left: 0;
  top: -7px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__deco.item-top {
    width: 63.46vw;
    top: 14.6vw;
    left: -3vw;
  }
  .l-contents#top .secRecruit__deco.item-top img {
    width: 100%;
  }
}
.l-contents#top .secRecruit__deco.item-01 {
  right: 0;
  top: 124px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__deco.item-01 {
    width: 23vw;
    top: 32.8vw;
  }
}
.l-contents#top .secRecruit__deco.item-02 {
  right: 91px;
  top: 292px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__deco.item-02 {
    width: 9.5vw;
    top: 95.8vw;
    right: 3.5vw;
  }
}
.l-contents#top .secRecruit__deco.item-03 {
  right: 0;
  top: 864px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__deco.item-03 {
    width: 19vw;
    top: 236.1vw;
  }
}
.l-contents#top .secRecruit__deco.item-04 {
  right: 0;
  top: 992px;
}
@media (max-width: 768px) {
  .l-contents#top .secRecruit__deco.item-04 {
    width: 27.7vw;
    top: 268.8vw;
  }
}
.l-contents#top .secQA {
  padding: 120px 0 83px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#top .secQA {
    padding: 14.7vw 0 0;
    margin-bottom: 13.6vw;
  }
}
.l-contents#top .secQA__cont {
  background: #fff7cc;
  padding: 110px 173px 85px;
  display: flex;
}
@media (max-width: 768px) {
  .l-contents#top .secQA__cont {
    display: block;
    padding: 16.3vw 9.6vw 12.6vw;
  }
}
@media (max-width: 768px) {
  .l-contents#top .secQA__heading {
    display: grid;
    place-items: center;
    margin-bottom: 6vw;
  }
}
.l-contents#top .secQA__heading .c-heading-01__en {
  font-size: 57px;
}
@media (max-width: 768px) {
  .l-contents#top .secQA__heading .c-heading-01__en {
    font-size: 12.6vw;
  }
}
.l-contents#top .secQA__txtbox {
  flex: 1;
  padding-left: 110px;
}
@media (max-width: 768px) {
  .l-contents#top .secQA__txtbox {
    padding-left: 0;
  }
}
.l-contents#top .secQA__lead {
  line-height: 1.875;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .l-contents#top .secQA__lead {
    line-height: 1.64;
    margin-bottom: 3.6vw;
  }
}
.l-contents#top .secQA__item__btn a {
  width: 138px;
}
@media (max-width: 768px) {
  .l-contents#top .secQA__item__btn a {
    width: 31vw;
    margin: 0 auto;
  }
}
.l-contents#top .secQA__deco {
  position: absolute;
  right: 0;
  top: 320px;
}
@media (max-width: 768px) {
  .l-contents#top .secQA__deco {
    top: auto;
    bottom: -1.6vw;
    width: 23vw;
  }
}

.l-contents .secWorkStyle {
  border-radius: 140px;
  border: 20px solid #ffd700;
  background: #fff7cc;
  position: relative;
  padding: 87px 0 0;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle {
    border-radius: 18.66vw;
    border-width: 10px;
    padding: 17.3vw 0 0;
    z-index: 1;
  }
}
.l-contents .secWorkStyle__inner {
  max-width: 1180px;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__inner {
    padding: 0 27px;
  }
}
.l-contents .secWorkStyle__heading {
  text-align: center;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 1;
  margin-bottom: 42px;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__heading {
    margin-bottom: 7.5vw;
  }
}
.l-contents .secWorkStyle__heading .c-heading-01__en {
  transform: translateX(21px);
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__heading .c-heading-01__en {
    transform: translateX(0);
  }
}
.l-contents .secWorkStyle__slider {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 28px;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__slider {
    display: block;
  }
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__slider .slick-prev,
  .l-contents .secWorkStyle__slider .slick-next {
    width: 5.2vw;
    height: 14vw;
    background: #333;
    top: 44.3%;
  }
  .l-contents .secWorkStyle__slider .slick-prev:before,
  .l-contents .secWorkStyle__slider .slick-next:before {
    content: "";
    background: url(../images/top/nav_arrow_l.svg) no-repeat center center/2.15vw;
    width: 2.15vw;
    height: 3.8vw;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
  }
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__slider .slick-prev {
    left: -37px;
    border-radius: 0 1.33vw 1.33vw 0;
  }
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__slider .slick-next {
    right: -37px;
    border-radius: 1.33vw 0 0 1.33vw;
  }
  .l-contents .secWorkStyle__slider .slick-next:before {
    background-image: url(../images/top/nav_arrow_r.svg);
  }
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__slider .slick-track {
    display: flex;
  }
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__slider .slick-slide {
    height: auto !important;
  }
}
.l-contents .secWorkStyle__item {
  position: relative;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__item {
    opacity: 1 !important;
    transform: none !important;
  }
}
.l-contents .secWorkStyle__item a {
  display: block;
  padding-bottom: 50px;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__item a {
    padding-bottom: 10.7vw;
  }
}
.l-contents .secWorkStyle__item a:before {
  content: "";
  background: #adadad;
  width: 33px;
  height: 285px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 0;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__item a:before {
    width: 7.37vw;
  }
}
@media (hover: hover) {
  .l-contents .secWorkStyle__item a:where(:any-link, :enabled, summary):hover .secWorkStyle__img {
    background: #ff7a39;
  }
  .l-contents .secWorkStyle__item a:where(:any-link, :enabled, summary):hover .secWorkStyle__arrow {
    background: #fff;
  }
  .l-contents .secWorkStyle__item a:where(:any-link, :enabled, summary):hover .svg-arrow-right {
    fill: #ff7a39;
  }
}
.l-contents .secWorkStyle__item.item-02 .secWorkStyle__nameBox {
  max-width: 204px;
  margin: 0 auto;
  padding-left: 38px;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__item.item-02 .secWorkStyle__nameBox {
    width: 45.3vw;
    padding-left: 7.4vw;
  }
}
.l-contents .secWorkStyle__item.item-03 .secWorkStyle__nameBox {
  padding: 23px 40px 14px 24px;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__item.item-03 .secWorkStyle__nameBox {
    padding: 5.1vw 8.8vw 3.1vw 5.3vw;
  }
}
.l-contents .secWorkStyle__img:before,
.l-contents .secWorkStyle__ttl:before,
.l-contents .secWorkStyle__nameBox:before {
  content: "";
  background: #545454;
  width: 33px;
  height: 6px;
  display: block;
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__img:before,
  .l-contents .secWorkStyle__ttl:before,
  .l-contents .secWorkStyle__nameBox:before {
    width: 7.37vw;
    height: 1.46vw;
    bottom: -2.9vw;
  }
}
.l-contents .secWorkStyle__img {
  border: 6px solid #d6d6d6;
  border-radius: 12px;
  background: #049943;
  transition: background 0.3s ease-out;
  position: relative;
  margin-bottom: 18px;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__img {
    border-width: 5px;
    margin-bottom: 4vw;
  }
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__img img {
    width: 72.3vw;
    margin: 0 auto;
  }
}
.l-contents .secWorkStyle__arrow {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ff7a39;
  display: grid;
  place-items: center;
  position: absolute;
  right: 18px;
  bottom: 18px;
  transition: background 0.3s ease-out;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__arrow {
    width: 11vw;
    height: 11vw;
    right: 4.1vw;
    bottom: 3.7vw;
  }
  .l-contents .secWorkStyle__arrow svg {
    width: 4.5333333333vw;
    height: auto;
  }
}
.l-contents .secWorkStyle__ttl {
  border: 6px solid #d6d6d6;
  border-radius: 12px;
  background: #ffd700;
  width: 300px;
  padding: 14px 0;
  margin: 0 auto;
  font-size: 24px;
  font-weight: bold;
  color: #049943;
  letter-spacing: 0.06em;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__ttl {
    border-width: 5px;
    margin-bottom: 4vw;
    font-size: 5.3vw;
    padding: 3.4vw 0;
    width: 67vw;
  }
}
.l-contents .secWorkStyle__nameBox {
  border: 6px solid #d6d6d6;
  border-radius: 12px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding: 23px 26px 14px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__nameBox {
    border-width: 5px;
    padding: 5.4vw 5.4vw 3.1vw;
  }
}
.l-contents .secWorkStyle__name__item {
  color: #049943;
}
.l-contents .secWorkStyle__name__item:not(:last-child) {
  position: relative;
}
.l-contents .secWorkStyle__name__item:not(:last-child):before {
  content: "";
  background: #049943;
  width: 2px;
  height: calc(100% + 14px);
  display: block;
  position: absolute;
  right: -28%;
  top: 43%;
  transform: rotate(20deg) translateY(-50%);
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__name__item:not(:last-child):before {
    width: 1px;
    height: calc(100% + 2.4vw);
    right: -5.6vw;
    top: 39%;
  }
}
.l-contents .secWorkStyle__name {
  font-weight: bold;
  margin-bottom: 7px;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__name {
    margin-bottom: 1.4vw;
  }
}
.l-contents .secWorkStyle__job {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .l-contents .secWorkStyle__job {
    font-size: 3.2vw;
  }
}
.l-contents .secJob {
  padding: 120px 0 419px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents .secJob {
    padding: 20vw 0 0;
  }
}
.l-contents .secJob:before {
  content: "";
  background: url(../images/top/job_road@2x.png) no-repeat center center/cover;
  width: 1162px;
  height: 1717px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -345px;
  transform: translateX(-116px);
  z-index: -1;
}
@media (max-width: 768px) {
  .l-contents .secJob:before {
    background: url(../images/top/job_road_sp@2x.png) no-repeat center center/cover;
    width: 100vw;
    height: 432.4vw;
    top: 0;
    transform: translateX(0);
  }
}
.l-contents .secJob:after {
  content: "";
  background: url(../images/top/road_yoko@2x.png) repeat-x center right -10px/25px;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: calc(50vw - 515px);
  height: 75px;
  display: block;
}
@media (max-width: 768px) {
  .l-contents .secJob:after {
    background: url(../images/top/road_tate_sp@2x.png) repeat-y left top 0/15.86vw;
    width: 15.86vw;
    height: 10vw;
    bottom: auto;
    top: -6.7vw;
    left: 5.4vw;
  }
}
.l-contents .secJob__inner {
  position: relative;
}
.l-contents .secJob__head {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 715px;
  margin: 0 auto 65px;
}
@media (max-width: 768px) {
  .l-contents .secJob__head {
    display: block;
    width: 62.5vw;
    margin: 0 0 48vw auto;
  }
}
@media (max-width: 768px) {
  .l-contents .secJob__heading {
    display: grid;
    place-items: center;
    margin-bottom: 6vw;
  }
}
.l-contents .secJob__lead {
  flex: 1;
  padding-left: 66px;
  line-height: 1.875;
}
@media (max-width: 768px) {
  .l-contents .secJob__lead {
    padding-left: 0;
    line-height: 1.64;
  }
}
.l-contents .secJob__cont {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .l-contents .secJob__cont {
    display: block;
  }
}
.l-contents .secJob__item {
  width: 420px;
}
@media (max-width: 768px) {
  .l-contents .secJob__item {
    width: 63.33vw;
  }
}
.l-contents .secJob__item.item-02 {
  transform: translateY(318px);
}
@media (max-width: 768px) {
  .l-contents .secJob__item.item-02 {
    transform: translateY(0);
    margin-top: 77.7vw;
    margin-left: auto;
  }
}
.l-contents .secJob__item__txtbox {
  background: #d7efe1;
  padding: 34px 50px 43px;
}
@media (max-width: 768px) {
  .l-contents .secJob__item__txtbox {
    padding: 4.4vw 6.6vw 7.4vw;
  }
}
.l-contents .secJob__item__head {
  text-align: center;
  margin-bottom: 27px;
}
@media (max-width: 768px) {
  .l-contents .secJob__item__head {
    margin-bottom: 4vw;
  }
}
.l-contents .secJob__item__ttl {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.06em;
  margin-bottom: 10px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .l-contents .secJob__item__ttl {
    font-size: 4.8vw;
    margin-bottom: 1.2vw;
    line-height: 1.36;
  }
}
.l-contents .secJob__item__ttl__en {
  font-size: 16px;
  color: #049943;
}
@media (max-width: 768px) {
  .l-contents .secJob__item__ttl__en {
    font-size: 3.33vw;
  }
}
.l-contents .secJob__item__txt {
  line-height: 1.875;
  margin-bottom: 19px;
}
@media (max-width: 768px) {
  .l-contents .secJob__item__txt {
    font-size: 3.6vw;
    margin-bottom: 2.8vw;
    line-height: 1.7;
  }
}
.l-contents .secJob__item__btn a {
  max-width: 138px;
  margin-left: auto;
}
@media (max-width: 768px) {
  .l-contents .secJob__item__btn a {
    max-width: 31vw;
  }
}
.l-contents .secJob__deco {
  position: absolute;
}
.l-contents .secJob__deco.item-01 {
  left: 0;
  top: 427px;
}
@media (max-width: 768px) {
  .l-contents .secJob__deco.item-01 {
    width: 23.5vw;
    top: 69.7vw;
  }
}
.l-contents .secJob__deco.item-02 {
  left: 0;
  bottom: 98px;
}
@media (max-width: 768px) {
  .l-contents .secJob__deco.item-02 {
    width: 23.5vw;
    bottom: 98.3vw;
  }
}
.l-contents .secJob__deco.item-03 {
  left: 338px;
  top: 340px;
  z-index: -1;
}
@media (max-width: 768px) {
  .l-contents .secJob__deco.item-03 {
    left: 31.4vw;
    width: 15.8vw;
    top: 263vw;
  }
}

@media (max-width: 768px) {
  .l-contents#work-style {
    margin-top: -2vw;
  }
}
.l-contents#work-style .anc {
  margin-top: -180px;
  padding-top: 180px;
}
@media (max-width: 768px) {
  .l-contents#work-style .anc {
    margin-top: -100px;
    padding-top: 100px;
  }
}
.l-contents#work-style .pageNav {
  padding-bottom: 133px;
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav {
    padding-bottom: 15vw;
  }
}
.l-contents#work-style .pageNav__inner {
  max-width: 882px;
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav__inner {
    max-width: 100%;
  }
}
.l-contents#work-style .pageNav__head {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-bottom: 65px;
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav__head {
    display: block;
    margin-bottom: 5.2vw;
  }
}
.l-contents#work-style .pageNav__ttl {
  border: 6px solid #d6d6d6;
  border-radius: 12px;
  background: #fff;
  width: 320px;
  padding: 18px 0;
  margin: 76px auto 0;
  font-size: 32px;
  font-weight: bold;
  color: #049943;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  display: grid;
  place-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav__ttl {
    font-size: 6vw;
    border-width: 5px;
    width: 62vw;
    padding: 2.8vw 0;
    margin: 7vw auto 6vw;
    border-radius: 2.26vw;
  }
}
.l-contents#work-style .pageNav__ttl:before {
  content: "";
  background: #adadad;
  width: 33px;
  height: 76px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -82px;
  z-index: 0;
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav__ttl:before {
    width: 7.37vw;
    height: 7vw;
    top: -8.3vw;
  }
}
.l-contents#work-style .pageNav__ttl:after {
  content: "";
  background: #545454;
  width: 33px;
  height: 12px;
  display: block;
  position: absolute;
  top: -18px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav__ttl:after {
    width: 7.37vw;
    height: 2.8vw;
    top: -4.2vw;
  }
}
.l-contents#work-style .pageNav__txt {
  flex: 1;
  padding-left: 42px;
  line-height: 1.875;
  padding-bottom: 8px;
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav__txt {
    padding: 0;
    line-height: 1.64;
  }
}
.l-contents#work-style .pageNav__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 77px;
  max-width: 677px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav__list {
    gap: 0 3vw;
  }
}
.l-contents#work-style .pageNav__item a {
  padding: 0 0 0 5px;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav__item a {
    padding-left: 1.6vw;
  }
}
.l-contents#work-style .pageNav__item a:before {
  top: auto;
  transform: translateY(0);
  bottom: 13px;
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav__item a:before {
    right: 2.8vw;
    bottom: 2.4vw;
    width: 2.54vw;
    height: 3.46vw;
  }
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav__item__img {
    width: 15vw;
  }
  .l-contents#work-style .pageNav__item:first-of-type .pageNav__item__img.lg-img {
    width: 20.7vw;
  }
}
.l-contents#work-style .pageNav__item__txt {
  flex: 1;
  padding-left: 18px;
  padding-bottom: 12px;
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav__item__txt {
    padding-left: 4.5vw;
    padding-bottom: 2vw;
  }
}
.l-contents#work-style .pageNav__item__job {
  font-weight: bold;
  line-height: 2;
  color: #049943;
  display: block;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav__item__job {
    display: none;
  }
}
.l-contents#work-style .pageNav__item__name {
  font-size: 20px;
  font-weight: bold;
  display: block;
}
@media (max-width: 768px) {
  .l-contents#work-style .pageNav__item__name {
    font-size: 3.73vw;
  }
}
.l-contents#work-style .secStaff {
  position: relative;
  padding: 38px 0 0;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff {
    padding: 0;
  }
}
.l-contents#work-style .secStaff:before {
  content: "";
  background: url(../images/top/road_yoko@2x.png) repeat-x center right -7px/25px;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50vw - 698px);
  height: 75px;
  display: block;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff:before {
    display: none;
  }
}
.l-contents#work-style .secStaff__box {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff7cc;
  position: relative;
  padding: 89px 0 102px 0;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__box {
    padding: 23.5vw 0 12.5vw;
  }
}
.l-contents#work-style .secStaff__box:before {
  content: "";
  background: url(../images/work-style-01/bg_road@2x.png) no-repeat center center/cover;
  width: 1136px;
  height: 1666px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -38px;
  transform: translateX(-142px);
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__box:before {
    background: url(../images/work-style-01/bg_road_sp@2x.png) no-repeat center center/cover;
    width: 100vw;
    height: 16vw;
    top: 0;
    transform: translateX(0);
  }
}
.l-contents#work-style .secStaff__inner {
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__inner {
    padding: 0;
  }
}
.l-contents#work-style .secStaff__head {
  width: 450px;
  margin-bottom: 80px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__head {
    width: 100%;
    padding: 0 30px;
    margin-bottom: 8vw;
  }
}
.l-contents#work-style .secStaff__nameWrap {
  border: 6px solid #d6d6d6;
  border-radius: 12px;
  background: #049943;
  width: 300px;
  padding: 21px 0;
  margin: 0 0 30px;
  color: #fff;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__nameWrap {
    border-width: 5px;
    width: 56vw;
    padding: 4vw 0;
    border-radius: 2.6vw;
    margin-bottom: 5.5vw;
  }
}
.l-contents#work-style .secStaff__nameWrap:before {
  content: "";
  background: #adadad;
  width: 39px;
  height: 30px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -36px;
  z-index: 0;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__nameWrap:before {
    width: 7.37vw;
    height: 5.5vw;
    bottom: -7vw;
  }
}
.l-contents#work-style .secStaff__nameWrap:after {
  content: "";
  background: #545454;
  width: 39px;
  height: 7px;
  display: block;
  position: absolute;
  bottom: -13px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__nameWrap:after {
    width: 7.37vw;
    height: 1.33vw;
    bottom: -2.8vw;
  }
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__name img {
    width: 10vw;
  }
}
.l-contents#work-style .secStaff__year {
  font-weight: bold;
  font-size: 16px;
  padding-left: 15px;
  padding-bottom: 4px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__year {
    font-size: 3.2vw;
    padding-left: 3.5vw;
    padding-bottom: 0.5vw;
  }
}
.l-contents#work-style .secStaff__about {
  border: 6px solid #d6d6d6;
  border-radius: 12px;
  background: #fff;
  width: 100%;
  padding: 24px 28px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__about {
    border-width: 5px;
    border-radius: 2.6vw;
    padding: 4.4vw 6vw 3vw;
  }
}
.l-contents#work-style .secStaff__about__ttl {
  font-size: 20px;
  font-weight: bold;
  color: #049943;
  line-height: 1.6;
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__about__ttl {
    font-size: 3.73vw;
    margin-bottom: 1.5vw;
  }
}
.l-contents#work-style .secStaff__about__txt {
  line-height: 1.875;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__about__txt {
    line-height: 1.64;
  }
}
.l-contents#work-style .secStaff__head__img {
  position: absolute;
  right: 18px;
  bottom: 154px;
  z-index: 0;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__head__img {
    width: 27vw;
    right: 11.7vw;
    bottom: 28.5vw;
  }
}
.l-contents#work-style .secStaff__interview {
  max-width: 700px;
  margin-left: 70px;
  margin-bottom: 65px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__interview {
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 0.5vw;
    padding: 0 30px;
  }
}
.l-contents#work-style .secStaff__interview__item {
  padding: 56px 0 46px;
  background-image: url(../images/faq/border_foot.png);
  background-size: 13px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__interview__item {
    background: url(../images/work-style-01/interview_line_sp@2x.png) no-repeat left bottom/contain;
    padding: 6.2vw 0 7.5vw;
  }
}
.l-contents#work-style .secStaff__interview__item:first-child {
  padding-top: 0;
}
.l-contents#work-style .secStaff__interview__item:last-child {
  background: none;
}
.l-contents#work-style .secStaff__interview__q {
  display: flex;
  margin-bottom: 11px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__interview__q {
    margin-bottom: 3.2vw;
  }
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__interview__q__icn {
    width: 3.2vw;
  }
}
.l-contents#work-style .secStaff__interview__q__txt {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.26;
  color: #049943;
  padding-top: 5px;
  padding-left: 19px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__interview__q__txt {
    font-size: 4vw;
    padding-top: 1vw;
    padding-left: 4.7vw;
  }
}
.l-contents#work-style .secStaff__interview__a__ttl {
  display: flex;
  margin-bottom: 13px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__interview__a__ttl {
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__interview__a__icn {
    width: 3.2vw;
  }
}
.l-contents#work-style .secStaff__interview__a__ttl__txt {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.26;
  color: #ff7a39;
  padding-top: 5px;
  padding-left: 19px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__interview__a__ttl__txt {
    font-size: 4vw;
    padding-top: 1.5vw;
    padding-left: 4.7vw;
  }
}
.l-contents#work-style .secStaff__interview__a__txt {
  line-height: 1.875;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__interview__a__txt {
    line-height: 1.64;
  }
}
.l-contents#work-style .secStaff__img {
  position: absolute;
  right: -10px;
  top: 8px;
  border-radius: 0 140px 0 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__img {
    position: relative;
    right: auto;
    left: 0;
    border-radius: 0 25.66vw 0 0;
    top: 0;
    width: 92vw;
    margin-bottom: 11.4vw;
  }
}
.l-contents#work-style .secStaff__bottom {
  border-radius: 80px;
  background: #fff;
  position: relative;
  padding: 123px 90px 69px 100px;
  margin-bottom: 68px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__bottom {
    border-radius: 18.6vw;
    padding: 27.5vw 30px 14.5vw;
    margin-bottom: 8.7vw;
  }
}
.l-contents#work-style .secStaff__bottom__heading {
  display: flex;
  align-items: flex-end;
  position: absolute;
  left: -22px;
  top: -25px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__bottom__heading {
    left: 0;
    top: -4.5vw;
  }
}
.l-contents#work-style .secStaff__bottom__ttl {
  border: 6px solid #d6d6d6;
  border-radius: 12px;
  background: #ffd700;
  width: 380px;
  padding: 24px 0;
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  color: #049943;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__bottom__ttl {
    font-size: 5.33vw;
    border-width: 5px;
    text-align: center;
    line-height: 1.25;
    width: 50.6vw;
    padding: 4.7vw 0 3.1vw;
    margin-left: 10.2vw;
    letter-spacing: 0.1em;
  }
}
.l-contents#work-style .secStaff__bottom__ttl:before {
  content: "";
  background: #adadad;
  width: 66px;
  height: 33px;
  display: block;
  position: absolute;
  left: -72px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__bottom__ttl:before {
    width: 10.2vw;
    height: 7.37vw;
    left: calc(-10.2vw - 5px);
  }
}
.l-contents#work-style .secStaff__bottom__ttl:after {
  content: "";
  background: #545454;
  width: 10px;
  height: 33px;
  display: block;
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__bottom__ttl:after {
    width: 2.4vw;
    height: 7.37vw;
    left: calc(-2.4vw - 5px);
  }
}
.l-contents#work-style .secStaff__bottom__subTtl {
  font-weight: bold;
  letter-spacing: 0.06em;
  padding-left: 25px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__bottom__subTtl {
    font-size: 3.6vw;
    line-height: 1.44;
    text-align: center;
    padding-left: 4.8vw;
  }
}
.l-contents#work-style .secStaff__bottom__subTtl .small {
  font-size: 14px;
  font-weight: 500;
  padding-left: 2em;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__bottom__subTtl .small {
    font-size: 2.93vw;
    line-height: 1.4;
    padding-left: 0;
    display: inline-block;
    margin-top: 1vw;
  }
}
.l-contents#work-style .secStaff__bottom__flex {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__bottom__flex {
    display: block;
  }
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__schedule {
    width: 100%;
    margin-bottom: 6.7vw;
  }
  .l-contents#work-style .secStaff__schedule img {
    width: 100%;
  }
}
.l-contents#work-style .secStaff__message {
  flex: 1;
  margin-left: 27px;
  background: #dcf1e5;
  border-radius: 20px;
  padding: 43px 50px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__message {
    margin-left: 0;
    border-radius: 2.6vw;
    display: flex;
    padding: 8.3vw 8vw 6vw 9vw;
  }
}
.l-contents#work-style .secStaff__message__ttl {
  text-align: center;
  margin-bottom: 23px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__message__ttl {
    margin-bottom: 0;
    text-align: left;
    width: 7.2vw;
    padding-top: 1vw;
  }
}
.l-contents#work-style .secStaff__message__txt {
  line-height: 1.875;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__message__txt {
    flex: 1;
    padding-left: 5vw;
    line-height: 1.64;
  }
}
.l-contents#work-style .secStaff__message__img {
  position: absolute;
}
.l-contents#work-style .secStaff__btn a {
  width: 228px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff__btn a {
    width: 50.6vw;
  }
}
.l-contents#work-style .secStaff.item-01 {
  margin-bottom: 147px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-01 {
    margin-bottom: 11vw;
  }
}
.l-contents#work-style .secStaff.item-01 .secStaff__message {
  padding-bottom: 220px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-01 .secStaff__message {
    padding-bottom: 9vw;
  }
}
.l-contents#work-style .secStaff.item-01 .secStaff__message__img {
  left: -10px;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: -26px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-01 .secStaff__message__img {
    width: 25.4vw;
    right: auto;
    left: -6vw;
    text-align: left;
    bottom: -2vw;
  }
}
.l-contents#work-style .secStaff.item-02 {
  margin-bottom: 129px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-02 {
    margin-bottom: 12vw;
  }
}
.l-contents#work-style .secStaff.item-02 .secStaff__head__img {
  right: 4px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-02 .secStaff__head__img {
    width: 31vw;
    right: 7.7vw;
  }
}
.l-contents#work-style .secStaff.item-02 .secStaff__message {
  padding-bottom: 207px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-02 .secStaff__message {
    padding-bottom: 9vw;
  }
}
.l-contents#work-style .secStaff.item-02 .secStaff__message__img {
  left: 20px;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: -26px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-02 .secStaff__message__img {
    width: 19.4vw;
    right: auto;
    left: -1vw;
    text-align: left;
    bottom: -2vw;
  }
}
.l-contents#work-style .secStaff.item-03 {
  margin-bottom: 98px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-03 {
    margin-bottom: 12vw;
  }
}
.l-contents#work-style .secStaff.item-03 .secStaff__head__img {
  right: 7px;
  bottom: 134px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-03 .secStaff__head__img {
    width: 31.6vw;
    right: 8.5vw;
    bottom: 31.8vw;
  }
}
.l-contents#work-style .secStaff.item-03 .secStaff__bottom {
  padding-bottom: 110px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-03 .secStaff__bottom {
    padding-bottom: 18vw;
  }
}
.l-contents#work-style .secStaff.item-03 .secStaff__message {
  padding-bottom: 217px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-03 .secStaff__message {
    padding-bottom: 9vw;
  }
}
.l-contents#work-style .secStaff.item-03 .secStaff__message__img {
  left: 20px;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: -60px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-03 .secStaff__message__img {
    width: 24.4vw;
    right: auto;
    left: -6vw;
    text-align: left;
    bottom: -6vw;
  }
}
.l-contents#work-style .secStaff.item-04 {
  margin-bottom: 131px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-04 {
    margin-bottom: 11vw;
  }
}
.l-contents#work-style .secStaff.item-04 .secStaff__head__img {
  right: -4px;
  bottom: 118px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-04 .secStaff__head__img {
    width: 31vw;
    right: 7.7vw;
    bottom: 32.6vw;
  }
}
.l-contents#work-style .secStaff.item-04 .secStaff__message {
  padding-bottom: 128px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-04 .secStaff__message {
    padding-bottom: 6.5vw;
  }
}
.l-contents#work-style .secStaff.item-04 .secStaff__message__img {
  right: -37px;
  text-align: left;
  bottom: 21px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-04 .secStaff__message__img {
    width: 23.4vw;
    right: auto;
    left: 0.5vw;
    text-align: left;
    bottom: -3.5vw;
  }
}
.l-contents#work-style .secStaff.item-05 {
  margin-bottom: 129px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-05 {
    margin-bottom: 15vw;
  }
}
.l-contents#work-style .secStaff.item-05 .secStaff__head {
  width: 452px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-05 .secStaff__head {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-05 .secStaff__name img {
    width: 11vw;
  }
}
.l-contents#work-style .secStaff.item-05 .secStaff__head__img {
  right: 2px;
  bottom: 132px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-05 .secStaff__head__img {
    width: 29vw;
    right: 9.4vw;
    bottom: 34vw;
  }
}
.l-contents#work-style .secStaff.item-05 .secStaff__message {
  padding-bottom: 217px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-05 .secStaff__message {
    padding-bottom: 24.5vw;
  }
}
.l-contents#work-style .secStaff.item-05 .secStaff__message__img {
  right: -23px;
  text-align: left;
  bottom: -16px;
}
@media (max-width: 768px) {
  .l-contents#work-style .secStaff.item-05 .secStaff__message__img {
    width: 20.2vw;
    right: auto;
    left: 3vw;
    bottom: -2.8vw;
  }
}

.l-contents#work-style.work-style-02 .pageNav {
  padding-bottom: 117px;
}
@media (max-width: 768px) {
  .l-contents#work-style.work-style-02 .pageNav {
    padding-bottom: 11.6vw;
  }
}
.l-contents#work-style.work-style-02 .pageNav__head {
  margin-bottom: 0;
}
.l-contents#work-style.work-style-02 .pageNav__inner {
  max-width: 982px;
}
.l-contents#work-style.work-style-02 .pageNav__ttl {
  width: 400px;
}
@media (max-width: 768px) {
  .l-contents#work-style.work-style-02 .pageNav__ttl {
    width: 80vw;
  }
}

.l-contents#work-style.work-style-03 .pageNav__inner {
  max-width: 942px;
}
.l-contents#work-style.work-style-03 .pageNav__ttl {
  width: 360px;
}
@media (max-width: 768px) {
  .l-contents#work-style.work-style-03 .pageNav__ttl {
    width: 67vw;
  }
}
.l-contents#work-style.work-style-03 .pageNav__list {
  max-width: 837px;
}
@media (max-width: 768px) {
  .l-contents#work-style.work-style-03 .secStaff__bottom {
    padding-top: 31vw;
  }
}
@media (max-width: 768px) {
  .l-contents#work-style.work-style-03 .secStaff__bottom__subTtl {
    padding-left: 2.5vw;
    transform: translateY(6.3vw);
  }
}
.l-contents#work-style.work-style-03 .secStaff__message {
  padding-top: 57px;
  margin-left: 47px;
  padding-right: 120px;
}
@media (max-width: 768px) {
  .l-contents#work-style.work-style-03 .secStaff__message {
    padding: 8.3vw 7vw 6vw 28vw;
    margin-left: 0;
    display: block;
  }
}
.l-contents#work-style.work-style-03 .secStaff__message__ttl {
  text-align: left;
}
@media (max-width: 768px) {
  .l-contents#work-style.work-style-03 .secStaff__message__ttl {
    width: 28.5vw;
    margin-bottom: 4.5vw;
  }
}
@media (max-width: 768px) {
  .l-contents#work-style.work-style-03 .secStaff__message__txt {
    padding-left: 0;
  }
}

/**
* Foundation
* ========================== */
/* Object
* ========================== */
/* Component ------------ */
/* Structures ------------ */
/* Project ------------ */
/*# sourceMappingURL=pages.css.map */
