/* ==================================================
 * Color set
 * ================================================== */
/* ==================================================
 * Font
 * ================================================== */
/* ==================================================
 * width
 * ================================================== */
/* ==================================================
 * layout
 * ================================================== */
/* ==================================================
 * bg
 * ================================================== */
/* ==================================================
 * font text
 * ================================================== */
/* ==================================================
 * other
 * ================================================== */
.btn-01__link, .btn-02__link, .btn-04__link, .btn-05__link, .btn-06__link, .btn-07__link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.btn-01__link, .btn-04__link {
  background: #f6a424;
  background: linear-gradient(180deg, #f6a424 50%, #f49b0f 50%);
  color: #fff;
  border-radius: 50rem;
}
.btn-01__link:hover, .btn-04__link:hover {
  color: rgba(255, 255, 255, 0.8);
}
.btn-02__link {
  border: solid 2px #fff;
  border-radius: 50rem;
  font-weight: 600;
  line-height: 1.3333333333;
  box-shadow: 4px 4px #fff;
  color: #fff;
}
.btn-02__link:hover {
  color: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px #fff;
  transform: translate(1px, 1px);
}
.btn-03 {
  display: flex;
}
.btn-03__link:hover {
  opacity: 0.8;
}
.btn-04__link {
  border-radius: 50rem;
  border: solid 2px #0e9dd8;
  box-shadow: 4px 4px #0e9dd8;
  color: #fff;
  font-weight: 600;
}
.btn-04__link:hover {
  box-shadow: 0 0 #0e9dd8;
  transform: translate(2px, 2px);
}
.btn-05__link, .btn-06__link, .btn-07__link {
  background: #fff;
  border: solid 2px #0e9dd8;
  border-radius: 50rem;
  color: #0e9dd8;
  font-weight: 600;
  box-shadow: 4px 4px #0e9dd8;
}
.btn-05__link:hover, .btn-06__link:hover, .btn-07__link:hover {
  color: rgba(14, 157, 216, 0.8);
  box-shadow: 0px 0px #0e9dd8;
  transform: translate(2px, 2px);
}
.btn-06__link {
  border-color: #f6a424;
  color: #f6a424;
  box-shadow: 4px 4px #f6a424;
}
.btn-06__link:hover {
  color: rgba(246, 164, 36, 0.8);
  box-shadow: 0px 0px #f6a424;
  transform: translate(2px, 2px);
}
.btn-07__link {
  border-color: #27ae60;
  color: #27ae60;
  box-shadow: 4px 4px #27ae60;
}
.btn-07__link:hover {
  color: rgba(39, 174, 96, 0.8);
  box-shadow: 0px 0px #27ae60;
  transform: translate(2px, 2px);
}

#side-bar {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 88;
}

.ic-tel-orn-24, .ic-tel-orn-15, .ic-tel-orn-31, .ic-tel-wht-24, .ic-tel-wht-15, .ic-tel-wht-31 {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.ic-tel-orn-24::before, .ic-tel-orn-15::before, .ic-tel-orn-31::before, .ic-tel-wht-24::before, .ic-tel-wht-15::before, .ic-tel-wht-31::before {
  content: "";
  display: inline-block;
  width: 24px;
  aspect-ratio: 1/1;
  background-image: url("/img/common/ic-tel-orn.png");
  background-size: 100%;
}
.ic-tel-orn-15, .ic-tel-wht-15 {
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.ic-tel-orn-15::before, .ic-tel-wht-15::before {
  width: 15px;
}
.ic-tel-orn-31, .ic-tel-wht-31 {
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.ic-tel-orn-31::before, .ic-tel-wht-31::before {
  width: 31px;
}
.ic-tel-wht-24::before, .ic-tel-wht-15::before, .ic-tel-wht-31::before {
  background-image: url("/img/common/ic-tel-wht.png");
  background-size: 100%;
}
.ic-board, .ic-sound, .ic-mail {
  position: relative;
  z-index: 1;
}
.ic-board::before, .ic-sound::before, .ic-mail::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 19px;
  aspect-ratio: 19/25;
  background-image: url("/img/common/ic-board.png");
  background-size: 100%;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
}
.ic-sound::before {
  width: 32px;
  aspect-ratio: 32/29;
  background-image: url("/img/common/ic-sound.png");
  background-size: 100%;
}
.ic-mail::before {
  width: 29px;
  aspect-ratio: 29/23;
  background-image: url("/img/common/ic-mail.png");
  background-size: 100%;
  left: 10%;
}
.ic-window {
  position: relative;
  z-index: 1;
}
.ic-window::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 17px;
  aspect-ratio: 1/1;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  background-image: url("/img/common/ic-window.png");
  background-size: 100%;
}
.ic-window:hover::after {
  transform: translate(1px, calc(-50% - 1px));
}

.arw-circle-orn, .arw-circle-grn {
  display: flex;
  align-items: center;
}
.arw-circle-orn::after, .arw-circle-grn::after {
  content: "";
  display: block;
  width: 50px;
  aspect-ratio: 1/1;
  background-image: url("/img/common/arrow-circle-orn.png");
  background-size: 100%;
  transition: 0.3s;
}
.arw-circle-orn:hover::after, .arw-circle-grn:hover::after {
  transform: translate(-2px, 0);
}
.arw-circle-grn::after {
  background-image: url("/img/common/arrow-circle-grn.png");
  background-size: 100%;
}
.arw-circle-blu {
  position: relative;
  z-index: 1;
}
.arw-circle-blu::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 30px;
  aspect-ratio: 1/1;
  width: 30px;
  background-image: url("/img/common/arrow-circle-blu.png");
  background-size: 100%;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
}
.arw-circle-blu:hover::after {
  transform: translate(-2px, -50%);
}

.img-shadow-ylw, .img-shadow-grn, .img-shadow-blu {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.img-shadow-ylw img, .img-shadow-grn img, .img-shadow-blu img {
  border-radius: 30px;
}
.img-shadow-ylw::after, .img-shadow-grn::after, .img-shadow-blu::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: #f2c94c;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-8deg);
}
.img-shadow-grn::after {
  background: #27ae60;
}
.img-shadow-blu::after {
  background: #0e9dd8;
}

.obj-town {
  position: relative;
  z-index: 1;
}
.obj-town::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 316px;
  max-width: 100%;
  aspect-ratio: 316/226;
  background-image: url("/img/common/illust-town.png");
  background-size: 100%;
  left: 0;
  bottom: 100%;
  transform: translate(-185px, 35px);
  z-index: 1;
}
.obj-people-grn1 {
  position: relative;
  z-index: 1;
}
.obj-people-grn1::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 178px;
  max-width: 100%;
  aspect-ratio: 178/209;
  background-image: url("/img/common/illust-people-grn1.png");
  background-size: 100%;
  bottom: 100%;
  right: 0;
  transform: translate(-20px, 0);
}
.obj-cloud {
  position: relative;
  z-index: 1;
}
.obj-cloud::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 125px;
  max-width: 100%;
  aspect-ratio: 125/117;
  background-image: url("/img/common/illust-cloud.png");
  background-size: 100%;
}
.obj-people-ylw1 {
  position: relative;
  z-index: 1;
}
.obj-people-ylw1::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 358px;
  max-width: 100%;
  aspect-ratio: 358/272;
  background-image: url("/img/common/illust-people-ylw1.png");
  background-size: 100%;
}
.obj-sound-ylw {
  position: relative;
  z-index: 1;
}
.obj-sound-ylw::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 215px;
  max-width: 100%;
  aspect-ratio: 215/210;
  background-image: url("/img/common/ic-sound-ylw.png");
  background-size: 100%;
}
.obj-house {
  position: relative;
  z-index: 1;
}
.obj-house::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 196px;
  max-width: 100%;
  aspect-ratio: 196/206;
  background-image: url("/img/common/ic-house.png");
  background-size: 100%;
}

.wave-top, .wave-btm {
  position: relative;
  z-index: 1;
}
.wave-top::before, .wave-btm::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 100%;
  height: 67px;
  background: url("/img/common/pattern-wave.png") left center no-repeat;
  background-repeat: repeat-x;
  left: 0;
  z-index: 1;
}
.wave-top::before {
  top: 0;
  transform: scaleY(-1);
}
.wave-btm::after {
  bottom: 0;
}

.triangle-top {
  position: relative;
  z-index: 1;
}
.triangle-top::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 100%;
  height: 177px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: url("/img/common/pattern-dot.png");
  background-color: #e0f2f1;
  top: 0;
  left: 50%;
  transform: translate(-50%, -1px);
}

.deco-bf, .deco-af,
.obj-bf,
.obj-af,
.bg-bf,
.bg-af {
  position: relative;
  z-index: 1;
}
.deco-bf::before, .deco-af::after,
.obj-bf::before,
.obj-af::after,
.bg-bf::before,
.bg-af::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
}

.tbl {
  width: 100%;
}
.tbl td {
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}
.tbl-01 th, .tbl-01 td {
  padding: 20px 4%;
  vertical-align: middle;
}
.tbl-01 th {
  width: 25%;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
.tbl-01 th::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 5px;
  height: 35%;
  background: #0e9dd8;
  top: 50%;
  left: 8%;
  transform: translate(0, -50%);
}
.tbl-01 td {
  font-weight: 500;
}
.tbl-01 tr:nth-child(odd) th, .tbl-01 tr:nth-child(odd) td {
  background: #fff;
}
.tbl-02 {
  background: #fff;
}
.tbl-02 th, .tbl-02 td {
  vertical-align: middle;
  padding: 20px;
  font-weight: 500;
  line-height: 1.8333333333;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .tbl-02 th, .tbl-02 td {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .tbl-02 th, .tbl-02 td {
    font-size: 18.6666666667px;
  }
}
.tbl-02 th {
  width: 28%;
  background: #0e9dd8;
  color: #fff;
  text-align: center;
}
.tbl-02 tr:not(:first-child) th, .tbl-02 tr:not(:first-child) td {
  border-top: solid 2px #fff;
}
.tbl-02 tr:not(:first-child) td {
  border-top-color: #0e9dd8;
}

.com-layout {
  display: flex;
}
.com-tel .tel {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1;
}
.com-contents {
  display: flex;
  flex-direction: column;
}
.com-shadow {
  box-shadow: 0px 0px 15.52px 0.48px rgba(51, 51, 51, 0.12);
}

.layout-clm-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.layout-clm-2 .list-item,
.layout-clm-2 .layout-item {
  width: calc((100% - 40px) / 2);
}
.layout-clm-2-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
.layout-clm-2-c .list-item,
.layout-clm-2-c .layout-item {
  width: calc((100% - 40px) / 2);
}
.layout-clm-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 88px;
}
.layout-clm-3 .list-item,
.layout-clm-3 .layout-item {
  width: calc((100% - 176px) / 3);
}
.layout-clm-3-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 88px;
}
.layout-clm-3-c .list-item,
.layout-clm-3-c .layout-item {
  width: calc((100% - 176px) / 3);
}
.layout-clm-4 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.layout-clm-4 .list-item,
.layout-clm-4 .layout-item {
  width: calc((100% - 120px) / 4);
}
.layout-clm-4-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
.layout-clm-4-c .list-item,
.layout-clm-4-c .layout-item {
  width: calc((100% - 120px) / 4);
}

.list-news-top .list-item, .list-news-low .list-item, .list-privacy .list-item {
  width: 100%;
}
.list-news-top time {
  display: block;
  line-height: 1;
}
.list-news-top__item {
  padding: 30px 0;
  border-bottom: solid 2px #e3f2fd;
  position: relative;
}
.list-news-top__item:first-child {
  padding-top: 0 !important;
}
.list-news-top__item::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 35px;
  max-width: 100%;
  height: 2px;
  background: #f6a424;
  left: 0;
  bottom: -2px;
  z-index: 1;
}
.list-news-top__link {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.list-news-top__bx {
  display: flex;
  align-items: center;
  gap: 10px;
}
.list-news-top__ttl {
  width: 100%;
  overflow-wrap: break-word;
  word-break: break-all;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .list-news-top__ttl {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-news-top__ttl {
    font-size: 18.6666666667px;
  }
}
.list-style__item {
  position: relative;
  z-index: 1;
  width: 430px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.list-style__item:last-child .list-style__ttl {
  border-color: #27ae60;
  box-shadow: -4px 4px #27ae60;
}
.list-style__item:last-child .list-style__ttl::after {
  background: #27ae60;
}
.list-style .obj-sound::before {
  top: 0;
  left: 0;
  transform: translate(-145px, -120px);
}
.list-style .obj-house::before {
  top: 0;
  right: 0;
  transform: translate(145px, -120px);
}
.list-style__ttl {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -65%);
  z-index: 2;
  width: 340px;
  max-width: 100%;
  background: #fff;
  border-radius: 10px;
  border: solid 4px #f2c94c;
  box-shadow: -4px 4px #f2c94c;
  padding: 15px;
  font-weight: 600;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  .list-style__ttl {
    font-size: 36px;
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-style__ttl {
    font-size: 24px;
  }
}
.list-style__ttl::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 27px;
  aspect-ratio: 27/24;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  background: #f2c94c;
  top: 100%;
  right: 0;
  transform: translate(-40px, 0);
}
.list-environment {
  row-gap: 70px;
}
.list-environment__item {
  border-radius: 20px;
  border: solid 4px #f6a424;
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.list-environment__item:nth-child(odd) {
  background: url("/img/common/pattern-dot.png");
  background-color: #f9f1dd;
}
.list-environment__item:nth-child(even) {
  background: url("/img/common/pattern-dot.png");
  background-color: #e0f2f1;
  border-color: #27ae60;
}
.list-environment__ic {
  text-align: center;
}
.list-environment__ttl {
  font-weight: 600;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .list-environment__ttl {
    font-size: 34px;
    font-size: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-environment__ttl {
    font-size: 22.6666666667px;
  }
}
.list-service__item {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  padding: 0 30px;
}
.list-service__item:not(:first-child) {
  border-left: solid 1px #0e9dd8;
}
.list-service__ic {
  text-align: center;
}
.list-service__ttl {
  font-weight: 600;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .list-service__ttl {
    font-size: 34px;
    font-size: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-service__ttl {
    font-size: 22.6666666667px;
  }
}
.list-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 55px;
}
.list-flow .list-item,
.list-flow .layout-item {
  width: calc((100% - 110px) / 3);
}
.list-flow {
  row-gap: 80px;
}
.list-flow__item {
  border: solid 4px #f6a424;
  padding: 65px 40px 40px;
  position: relative;
  z-index: 1;
}
.list-flow__item:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 19px;
  aspect-ratio: 19/34;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: #f6a424;
  top: 50%;
  left: 100%;
  transform: translate(calc(27.5px - 25%), -50%);
}
.list-flow__ttl {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 240px;
  max-width: 100%;
  padding: 5px;
  background: #f6a424;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 30px;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .list-flow__ttl {
    font-size: 40px;
    font-size: 5.2083333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-flow__ttl {
    font-size: 26.6666666667px;
  }
}
.list-flow__ttl::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 26px;
  aspect-ratio: 26/15;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: #f6a424;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
}
.list-flow dl {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.list-flow dt {
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .list-flow dt {
    font-size: 34px;
    font-size: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-flow dt {
    font-size: 22.6666666667px;
  }
}
.list-flow-sales .list-item {
  background: url("/img/common/pattern-dot.png");
  background-color: #f9f1dd;
  border-color: #f6a424;
}
.list-flow-cleaning .list-item {
  background: url("/img/common/pattern-dot.png");
  background-color: #fff;
  border-color: #27ae60;
}
.list-flow-cleaning .list-item:not(:last-child)::after {
  background: #27ae60;
}
.list-flow-cleaning .list-flow__ttl {
  background: #27ae60;
}
.list-flow-cleaning .list-flow__ttl::after {
  background: #27ae60;
}
.list-check {
  align-content: center;
}
.list-check__item {
  width: 370px;
  max-width: 100%;
  display: flex;
  align-items: center;
}
.list-check__item span {
  margin-left: -14px;
}
.list-check__item::before {
  content: "";
  display: block;
  width: 60px;
  aspect-ratio: 1/1;
  background-image: url("/img/common/ic-check-orn.png");
  background-size: 100%;
}
.list-check-grn .list-item::before {
  background-image: url("/img/common/ic-check-grn.png");
  background-size: 100%;
}
.list-recruit__item {
  padding: 80px 100px;
  border-radius: 30px;
}
.list-recruit__item.obj-af::after {
  right: 0;
  bottom: 0;
  transform: translate(-70px, 0);
  z-index: 1;
}
.list-recruit__item:nth-child(odd) {
  background: url("/img/common/pattern-dot.png");
  background-color: #f9f1dd;
}
.list-recruit__item:nth-child(odd).obj-af::after {
  width: 132px;
  max-width: 100%;
  aspect-ratio: 132/264;
  background-image: url("/img/common/illust-people-ylw2.png");
  background-size: 100%;
}
.list-recruit__item:nth-child(even) {
  background: url("/img/common/pattern-dot.png");
  background-color: #e0f2f1;
}
.list-recruit__item:nth-child(even).obj-af::after {
  width: 251px;
  max-width: 100%;
  aspect-ratio: 251/249;
  background-image: url("/img/common/illust-people-grn2.png");
  background-size: 100%;
}

.tag-main__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .tag-main__list {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .tag-main__list {
    font-size: 18.6666666667px;
  }
}
.tag-main__link {
  display: block;
  background: #f2c94c;
  color: #fff;
  padding: 10px 20px;
  border-radius: 4px;
}
.tag-main__link:hover {
  opacity: 0.8;
}
.tag-sub__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.tag-sub__item {
  line-height: 1;
}
.tag-sub__item::before {
  content: "#";
  display: inline-block;
  color: #27ae60;
}

.ttl-main {
  display: flex;
  flex-direction: column;
  color: #0e9dd8;
}
.ttl-main .en {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 120px;
  font-size: 12rem;
}
@media screen and (max-width: 768px) {
  .ttl-main .en {
    font-size: 130px;
    font-size: 16.9270833333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .ttl-main .en {
    font-size: 86.6666666667px;
  }
}
.ttl-main .jp {
  font-weight: 600;
  font-size: 42px;
  font-size: 4.2rem;
}
@media screen and (max-width: 768px) {
  .ttl-main .jp {
    font-size: 52px;
    font-size: 6.7708333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .ttl-main .jp {
    font-size: 34.6666666667px;
  }
}
.ttl-sub {
  border-left: solid #0e9dd8 6px;
  border-bottom: solid 1px #e3f2fd;
  background: #f5f5f5;
  padding: 10px 20px 15px 20px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .ttl-sub {
    font-size: 34px;
    font-size: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .ttl-sub {
    font-size: 22.6666666667px;
  }
}
.ttl-01-ylw {
  display: flex;
  justify-content: center;
}
.ttl-01-ylw .inner {
  display: inline-block;
  background: #fff;
  padding: 10px 30px;
  box-shadow: -4px 4px #f2c94c;
  border: solid 3px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
.ttl-01-ylw .inner::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 28px;
  aspect-ratio: 28/22;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: #f2c94c;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
}
.ttl-01-ylw .inner {
  border-color: #f2c94c;
}
.ttl-02 {
  background: #f6a424;
  color: #fff;
  text-align: center;
  padding: 20px 40px;
  font-weight: 600;
  font-size: 36px;
  font-size: 3.6rem;
}
@media screen and (max-width: 768px) {
  .ttl-02 {
    font-size: 46px;
    font-size: 5.9895833333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .ttl-02 {
    font-size: 30.6666666667px;
  }
}

.txt-plain {
  line-height: 2.1111111111;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .txt-plain {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .txt-plain {
    font-size: 18.6666666667px;
  }
}
.txt-01 {
  line-height: 1.875;
}
.txt-02 {
  font-weight: 600;
  line-height: 2;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .txt-02 {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .txt-02 {
    font-size: 20px;
  }
}

.header-nav__item,
.drawer-nav__item,
.footer-nav__item,
.footer-sub__item {
  line-height: 1;
}
.header-nav__link:hover,
.drawer-nav__link:hover,
.footer-nav__link:hover,
.footer-sub__link:hover {
  opacity: 0.8;
}

.header-nav__list {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 35px;
       column-gap: 35px;
  font-weight: 600;
}

.footer-nav__list {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 205px 130px;
  grid-template-rows: repeat(4, auto);
  gap: 30px 40px;
}
.footer-nav__item {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.footer-nav__item::before {
  content: "";
  display: block;
  width: 6px;
  aspect-ratio: 1/1;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  transition: 0.3s;
}

.footer-sub__list {
  display: flex;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .footer-sub__list {
    font-size: 24px;
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .footer-sub__list {
    font-size: 16px;
  }
}
.footer-sub__item {
  padding: 0 10px;
}
.footer-sub__item:not(:first-child) {
  border-left: solid 1px #fff;
}
.footer-sub__item:first-child {
  padding-left: 0;
}
.footer-sub__item:last-child {
  padding-right: 0;
}

#body-entrance {
  min-height: 100vh;
  background: #e3f2fd;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ent-header {
  width: 100%;
  height: 120px;
  padding: 0 4.17%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ent-header dt {
  line-height: 1.4285714286;
}
.ent-header dd {
  padding: 3px 20px;
  border-radius: 10px;
}

.ent-item-parttime {
  width: 880px;
  max-width: 45.8333333333%;
  aspect-ratio: 880/400;
  border-radius: 0 50px 50px 0;
  background: url("/img/entrance/img-recruit-parttime.jpg") center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.ent-item-parttime .ent-ttl {
  width: 64.77%;
}
.ent-item-parttime .ent-ttl .sub {
  font-weight: 700;
}
.ent-item-parttime .ent-link::before {
  border-radius: 0 50px 50px 0;
}
.ent-item-fulltime {
  width: 800px;
  max-width: 41.6666666667%;
  aspect-ratio: 2/1;
  border-radius: 50px;
  background: url("/img/entrance/img-recruit-fulltime.jpg") center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 4.17%;
  bottom: 0;
}
.ent-item-fulltime .ent-ttl {
  width: 71.25%;
}
.ent-item-fulltime .ent-ttl .sub {
  font-weight: 700;
}
.ent-item-fulltime .ent-link::before {
  border-radius: 50px;
}
.ent-item-fulltime.obj-bf::before {
  width: 16.88%;
  aspect-ratio: 135/290;
  background-image: url("/img/entrance/illust-fulltime1.png");
  background-size: 100%;
  left: 5.5%;
  bottom: 0;
}
.ent-item-fulltime.obj-af::after {
  width: 54.75%;
  aspect-ratio: 438/156;
  background-image: url("/img/entrance/illust-fulltime2.png");
  background-size: 100%;
  right: -1.25%;
  bottom: 0;
  transform: translate(0, 12%);
}
.ent-item-corporate {
  width: 980px;
  max-width: 51.0416666667%;
  aspect-ratio: 980/860;
  border-radius: 50px 0 0 0;
  background: url("/img/entrance/img-corporate.jpg") center center no-repeat;
  background-size: cover;
  margin-left: auto;
}
.ent-item-corporate .ent-ttl {
  width: 58.16%;
}
.ent-item-corporate .ent-ttl .sub {
  font-weight: 800;
}
.ent-item-corporate .ent-link::before {
  border-radius: 50px 0 0 0;
}
.ent-link {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  z-index: 1;
}
.ent-link::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  z-index: -1;
  transition: 0.3s;
}
.ent-link:hover::before {
  background: rgba(0, 0, 0, 0.2);
}
.ent-link:hover .ent-ttl {
  aspect-ratio: 590/196;
}
.ent-link:hover .ent-ttl::after {
  transform: translate(-3px, -50%);
}
.ent-ttl {
  aspect-ratio: 590/206;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  text-shadow: 0 0 1vw rgba(0, 0, 0, 0.4);
  line-height: 1.4166666667;
  position: relative;
  z-index: 1;
  transition: 0.3s;
}
.ent-ttl .main, .ent-ttl .sub {
  letter-spacing: 0.07em;
}
.ent-ttl .main {
  font-weight: 800;
  font-size: 48px;
  font-size: 2.5vw;
}
@media screen and (max-width: 1260px) {
  .ent-ttl .main {
    font-size: 32px;
  }
}
@media screen and (min-width: 1920px) {
  .ent-ttl .main {
    font-size: 48px;
  }
}
.ent-ttl .main span {
  font-size: 36px;
  font-size: 1.875vw;
}
@media screen and (max-width: 1260px) {
  .ent-ttl .main span {
    font-size: 24px;
  }
}
@media screen and (min-width: 1920px) {
  .ent-ttl .main span {
    font-size: 36px;
  }
}
.ent-ttl .sub {
  font-size: 36px;
  font-size: 1.875vw;
}
@media screen and (max-width: 1260px) {
  .ent-ttl .sub {
    font-size: 24px;
  }
}
@media screen and (min-width: 1920px) {
  .ent-ttl .sub {
    font-size: 36px;
  }
}
.ent-ttl::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 8.77%;
  aspect-ratio: 1/1;
  background-image: url("/img/entrance/arrow.png");
  background-size: 100%;
  right: 0;
  bottom: 0;
  transform: translateY(-50%);
  transition: 0.3s;
}

.ent-footer {
  width: 100%;
  height: 75px;
  position: relative;
  z-index: 1;
}
.ent-footer::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 281px;
  max-width: 14.6354166667%;
  aspect-ratio: 430/247;
  background-image: url("/img/common/illust-animals.png");
  background-size: 100%;
  top: 0;
  right: 3.13%;
  transform: translate(0, -60%);
  z-index: 1;
}

.com-header .wrp-header-bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.com-header .header-bar {
  min-width: 1260px;
  border-radius: 0 0 20px 20px;
}
.com-header .txt1 {
  padding: 2px 20px;
  border-radius: 10px;
}
.com-header .btn {
  width: 240px;
  max-width: 100%;
}
.com-header .btn a {
  width: 100%;
  height: 60px;
}

.mv, .sv {
  width: 100%;
  background: url("/img/top/mv-bg.png") left top no-repeat;
  background-size: 84.38%;
  background-color: #43ade7;
  position: relative;
  z-index: 2;
}
.mv img, .sv img {
  display: block;
  width: 100%;
}

.mv {
  aspect-ratio: 1920/1200;
  padding-top: calc(150px + 4vw);
}
.mv-cc .main {
  width: 620px;
  max-width: 32.2916666667%;
  margin: 5vw auto 0 auto;
}
.mv-cc .sub {
  width: 311px;
  max-width: 16.1979166667%;
  margin: 2.5vw auto 0 auto;
}
.mv-cc .img-animals {
  width: 165px;
  max-width: 8.59375%;
  margin: 1vw auto 0 auto;
}
.mv-illust {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
.mv-illust .lft, .mv-illust .rt {
  position: relative;
  z-index: 1;
}
.mv-illust .lft .people, .mv-illust .rt .people {
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.mv-illust .lft {
  width: 715px;
  max-width: 37.2395833333%;
  transform: translateY(-35%);
}
.mv-illust .lft .people {
  width: 47.55%;
  right: 0;
  transform: translate(-38%, -5%);
}
.mv-illust .rt {
  width: 737px;
  max-width: 38.3854166667%;
  transform: translateY(33%);
}
.mv-illust .rt .people {
  width: 41.93%;
  left: 0;
  transform: translate(0, -63%);
}
.mv .list-comment {
  -moz-column-gap: 3.13%;
       column-gap: 3.13%;
}
.mv .list-comment__item {
  width: 256px;
  max-width: 13.3333333333%;
}
.mv .list-comment__item:nth-child(2) {
  transform: translateY(35%);
}
.mv::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 100%;
  aspect-ratio: 1920/564;
  background-image: url("/img/top/mv-frame.png");
  background-size: 100%;
  left: 0;
  bottom: 0;
}

.sv {
  aspect-ratio: 1920/800;
  background: url("/img/top/mv-bg.png") left top no-repeat;
  background-size: 84.38%;
  background-color: #43ade7;
}
.sv .wrp-ttl {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -30%);
  z-index: 1;
}
.sv-ttl {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.sv-ttl .en, .sv-ttl .jp {
  display: block;
  text-align: center;
}
.sv-ttl .en {
  transform: translate(0, 30%);
  color: #0e9dd8;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 0.8;
  font-size: 140px;
  font-size: 7.2916666667vw;
}
@media screen and (max-width: 1260px) {
  .sv-ttl .en {
    font-size: 93.3333333333px;
  }
}
@media screen and (min-width: 1920px) {
  .sv-ttl .en {
    font-size: 140px;
  }
}
.sv-ttl .jp {
  position: relative;
  z-index: 1;
  color: #fff;
  font-weight: 800;
  font-size: 60px;
  font-size: 3.125vw;
}
@media screen and (max-width: 1260px) {
  .sv-ttl .jp {
    font-size: 40px;
  }
}
@media screen and (min-width: 1920px) {
  .sv-ttl .jp {
    font-size: 60px;
  }
}
.sv-ttl::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
}
.sv-img-about::after {
  width: 161px;
  max-width: 100%;
  aspect-ratio: 161/150;
  background-image: url("/img/about/sv.png");
  background-size: 100%;
}
.sv-img-job::after {
  width: 228px;
  max-width: 100%;
  aspect-ratio: 228/169;
  background-image: url("/img/job/sv.png");
  background-size: 100%;
}
.sv-img-test::after {
  width: 203px;
  max-width: 100%;
  aspect-ratio: 203/141;
  background-image: url("/img/test/sv.png");
  background-size: 100%;
}
.sv-img-recruit::after {
  width: 252px;
  max-width: 100%;
  aspect-ratio: 252/172;
  background-image: url("/img/recruit/sv.png");
  background-size: 100%;
}
.sv-img-news::after {
  width: 122px;
  max-width: 100%;
  aspect-ratio: 122/114;
  background-image: url("/img/news/sv.png");
  background-size: 100%;
}
.sv-img-contact::after {
  width: 100px;
  max-width: 100%;
  aspect-ratio: 100/123;
  background-image: url("/img/contact/sv.png");
  background-size: 100%;
}
.sv-img-complete::after {
  width: 143px;
  max-width: 100%;
  aspect-ratio: 143/139;
  background-image: url("/img/complete/sv.png");
  background-size: 100%;
}
.sv-img-privacy::after {
  width: 112px;
  max-width: 100%;
  aspect-ratio: 112/82;
  background-image: url("/img/privacy/sv.png");
  background-size: 100%;
}
.sv-img-site::after {
  width: 116px;
  max-width: 100%;
  aspect-ratio: 116/109;
  background-image: url("/img/site/sv.png");
  background-size: 100%;
}
.sv-img-notfound::after {
  width: 158px;
  max-width: 100%;
  aspect-ratio: 158/165;
  background-image: url("/img/notfound/sv.png");
  background-size: 100%;
}
.sv::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 737px;
  max-width: 38.3854166667%;
  aspect-ratio: 737/392;
  background-image: url("/img/common/sv-illust.png");
  background-size: 100%;
  right: 0;
  bottom: 0;
  transform: translateY(30%);
}
.sv::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 100%;
  aspect-ratio: 1920/238;
  background-image: url("/img/common/sv-frame.png");
  background-size: 100%;
  left: 0;
  bottom: 0;
  z-index: -2;
}

.top-about {
  padding: 165px 0 205px 0;
}
.top-about .ttl-main {
  margin-bottom: 60px;
}
.top-about .about-service__item {
  width: 240px;
  max-width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  position: relative;
  font-weight: 600;
  line-height: 1.5833333333;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .top-about .about-service__item {
    font-size: 34px;
    font-size: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .top-about .about-service__item {
    font-size: 22.6666666667px;
  }
}
.top-about .about-service__item:first-child {
  background: rgba(14, 157, 216, 0.9);
  margin-bottom: -70px;
  z-index: 1;
}
.top-about .about-service__item:nth-child(2) {
  background: rgba(246, 164, 36, 0.9);
}
.top-about .about-service__item:last-child {
  background: rgba(39, 174, 96, 0.9);
  margin-left: -30px;
  z-index: 2;
}
.top-about .about-comment {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(0, -55px);
}
.top-about .about-comment__item {
  letter-spacing: 0.025em;
  background: #fff;
  width: 140px;
  max-width: 100%;
  height: 60px;
  border-radius: 10px;
  border: solid 3px #0e9dd8;
  color: #0e9dd8;
  font-weight: 800;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-shadow: -4px 4px #0e9dd8;
  position: relative;
  z-index: 1;
}
.top-about .about-comment__item:first-child {
  margin: 0 50px 0 0;
}
.top-about .about-comment__item:last-child {
  margin: 45px 0 0 auto;
}
.top-about .about-comment__item::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 20px;
  aspect-ratio: 17/19;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: #0e9dd8;
  top: 100%;
  left: 40px;
}
.top-about .cts-1080.obj-bf::before {
  width: 137px;
  max-width: 100%;
  aspect-ratio: 137/148;
  background-image: url("/img/top/about-illust-animal.png");
  background-size: 100%;
  left: 0;
  bottom: 0;
  transform: translate(450px, 40px);
  z-index: 2;
}
.top-about .ttl-main.obj-af::after {
  width: 562px;
  max-width: 100%;
  aspect-ratio: 562/490;
  background-image: url("/img/top/about-img.png");
  background-size: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-43%, -50%);
}
.top-about .obj-people-ylw1::after {
  left: 0;
  bottom: 0;
  transform: translate(-165px, 305px);
}
.top-about.bg-af::after {
  height: 564px;
  aspect-ratio: 1920/564;
  background-image: url("/img/top/about-frame.png");
  background-size: 100%;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}

.top-works {
  padding: 65px 0 0;
}
.top-works .ttl-main {
  margin-bottom: 45px;
}
.top-works .ttl-main.obj-bf::before {
  width: 83px;
  max-width: 100%;
  aspect-ratio: 83/124;
  background-image: url("/img/top/works-obj1.png");
  background-size: 100%;
  top: 0;
  left: 0;
  transform: translate(220px, -65px);
}
.top-works .ttl-main.obj-af::after {
  width: 102px;
  max-width: 100%;
  aspect-ratio: 102/93;
  background-image: url("/img/top/works-obj2.png");
  background-size: 100%;
  top: 0;
  right: 0;
  transform: translate(-150px, 0);
}
.top-works .list-style.obj-af::after {
  width: 268px;
  max-width: 100%;
  aspect-ratio: 268/224;
  background-image: url("/img/top/works-illust.png");
  background-size: 100%;
  top: 0;
  left: 50%;
  transform: translate(-50%, 51px);
  z-index: 1;
}

.top-environment .obj-cloud::before,
.about-benefit .obj-cloud::before {
  top: 50%;
  right: 0;
  transform: translate(195px, 100%);
}
.top-environment .cts-1080.obj-af::after,
.about-benefit .cts-1080.obj-af::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 205px;
  max-width: 100%;
  aspect-ratio: 205/210;
  background-image: url("/img/top/environment-illust-people.png");
  background-size: 100%;
  left: 0;
  bottom: 0;
}

.top-environment {
  padding: 240px 0 140px 0;
}
.top-environment .ttl-main {
  margin-bottom: 60px;
}
.top-environment .ttl-main .en {
  position: relative;
  z-index: 1;
}
.top-environment .ttl-main .en::before {
  content: attr(data-text);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  -webkit-text-stroke: 4px #fff;
  text-stroke: 4px #fff;
  paint-order: stroke fill;
  stroke-linejoin: round;
}
.top-environment .cts-1080.obj-af::after {
  transform: translate(90px, 130px);
}
.top-environment.wave-btm::after {
  z-index: 1;
}

.top-news {
  padding: 90px 0 120px 0;
}
.top-news .cts-1080 {
  min-height: 175px;
}
.top-news .ttl-main {
  position: relative;
  z-index: 1;
}
.top-news .ttl-main .en {
  position: absolute;
  left: 0;
  bottom: 100%;
  transform: translate(0, 40%);
  z-index: -1;
}
.top-news .btn {
  position: absolute;
  left: 0;
  top: 125px;
  z-index: 1;
}
.top-news .obj-bf::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 158px;
  max-width: 100%;
  aspect-ratio: 158/65;
  background-image: url("/img/top/news-illust-car.png");
  background-size: 100%;
  top: 0;
  left: 0;
  transform: translate(0, -170px);
  z-index: 1;
}

#body-low .ttl-main {
  row-gap: 15px;
  margin-bottom: 60px;
}
#body-low .ttl-main .en {
  font-size: 90px;
  font-size: 9rem;
}
@media screen and (max-width: 768px) {
  #body-low .ttl-main .en {
    font-size: 100px;
    font-size: 13.0208333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  #body-low .ttl-main .en {
    font-size: 66.6666666667px;
  }
}

.low-pad {
  padding: 100px 0;
}

.about-aboutus {
  padding: 190px 0 250px 0;
}
.about-aboutus .obj-bf::before {
  width: 415px;
  max-width: 100%;
  aspect-ratio: 415/362;
  background-image: url("/img/about/about-img.png");
  background-size: 100%;
  transform: translate(200px, -150px);
}
.about-aboutus .obj-people-ylw1::after {
  right: 0;
  bottom: 0;
  transform: translate(90px, 320px) scaleX(-1);
}
.about-aboutus.obj-af::after {
  width: 100%;
  aspect-ratio: 1920/562;
  background-image: url("/img/about/about-frame.png");
  background-size: 100%;
  left: 0;
  bottom: 0;
}
.about-service {
  padding: 90px 0 0;
}
.about-benefit {
  padding: 240px 0 180px 0;
}
.about-benefit .cts-1080.obj-af::after {
  transform: translate(-220px, 180px);
}
.about-company .cts-1280.obj-bf::before {
  width: 158px;
  max-width: 100%;
  aspect-ratio: 158/65;
  background-image: url("/img/top/news-illust-car.png");
  background-size: 100%;
  bottom: 100%;
  left: 0;
  transform: translate(100px, -130px);
}
.about-company .cts-1280.obj-af::after {
  width: 409px;
  max-width: 100%;
  aspect-ratio: 409/277;
  background-image: url("/img/about/company-illust-mountain.png");
  background-size: 100%;
  right: 0;
  bottom: 0;
  transform: translate(70px, 150px);
  z-index: 1;
}
.about-company .com-base.obj-bf::before {
  width: 282px;
  max-width: 100%;
  aspect-ratio: 282/91;
  background-image: url("/img/about/company-illust-animals.png");
  background-size: 100%;
  bottom: 100%;
  right: 0;
  transform: translate(-100px, 0);
}

.job-sales .obj-sound-ylw::before {
  top: 0;
  left: 0;
  transform: translate(-140px, -110px);
}
.job-cleaning {
  padding: 167px 0 100px 0;
  background: #e3f2fd;
  background: linear-gradient(180deg, #e3f2fd 0%, rgba(227, 242, 253, 0) 100%);
}
.job-cleaning .obj-house::before {
  top: 0;
  left: 0;
  transform: translate(-150px, -110px);
}

#com-entry {
  padding: 120px 0 220px 0;
  background-image: linear-gradient(-45deg, #f9f1dd 25%, #fff 25%, #fff 50%, #f9f1dd 50%, #f9f1dd 75%, #fff 75%, #fff);
  background-size: 20px 20px;
  background-attachment: fixed;
}
#com-entry .ttl-main {
  margin-bottom: 50px;
}
#com-entry .obj-cloud::before {
  top: 0;
  left: 0;
  transform: translate(0, -120px);
}
#com-entry .obj-af::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  transition: 0.3s;
  width: 100px;
  max-width: 100%;
  aspect-ratio: 100/50;
  background-image: url("/img/common/entry-obj.png");
  background-size: 100%;
  top: 50%;
  right: 0;
  transform: translate(100px, 50%);
}
#com-entry.bg-bf::before {
  width: 100%;
  aspect-ratio: 1920/335;
  background-image: url("/img/common/entry-frame.png");
  background-size: 100%;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
#com-entry .wrp-illust {
  width: 1920px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 220px);
  z-index: -1;
}
#com-entry .img-people {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 220px);
  z-index: -1;
}

.com-footer {
  padding: 100px 0 50px 0;
  color: #fff;
  z-index: 10;
}
.com-footer a {
  color: #fff;
}
.com-footer .footer-logo dd {
  padding: 2px 20px;
  border-radius: 10px;
}
.com-footer .btn {
  width: 300px;
  max-width: 100%;
}
.com-footer .btn a {
  width: 100%;
  height: 74px;
}
.com-footer.obj-bf::before {
  width: 100%;
  aspect-ratio: 1920/53;
  background-image: url("/img/common/footer-frame.png");
  background-size: 100%;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, 1px);
}
.com-footer .footer-copy {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}/*# sourceMappingURL=style.css.map */