@charset "utf-8";

/* ==============================================
00) home/
01) gas-engineer/
02) gas-engineer/gas-engineer-detail/
03) gas-engineer/gas-engineer-detail/gas-engineer-apply/
04) gas-engineer/gas-engineer-detail/gas-engineer-apply/gas-engineer-apply-confirm/
05) gas-engineer/gas-engineer-detail/gas-engineer-apply/gas-engineer-apply-thanks/
06) electrician/
07) electrician/electrician-detail/
08) electrician/electrician-detail/electrician-apply/
09) electrician/electrician-detail/electrician-apply/electrician-apply-confirm/
10) electrician/electrician-detail/electrician-apply/electrician-apply-thanks/
11) energy-saving/
12) energy-saving/energy-saving-detail/
13) energy-saving/energy-saving-detail/energy-saving-apply/
14) energy-saving/energy-saving-detail/energy-saving-apply/energy-saving-apply-confirm/
15) energy-saving/energy-saving-detail/energy-saving-apply/energy-saving-apply-thanks/
16) gas-act/
17) gas-act/quasi-manager/
18) gas-act/quasi-manager/gas-act-apply/
19) gas-act/quasi-manager/gas-act-apply/gas-act-apply-confirm/
20) gas-act/quasi-manager/gas-act-apply/gas-act-apply-thanks/
21) consulting/
22) consulting/gas-solutions/
23) consulting/energy-solutions/
24) consulting/work-quality-check/
25) staffing-service/
26) staffing-service/staffing-jobs/
27) staffing-service/margin/
28) education-training/
29) education-training/exam-prep-course/
30) education-training/professional/
31) other-alliance/
32) other-alliance/other/
33) other-alliance/alliance/
34) case-client/
35) company/
36) company/about/
37) company/overview/
38) company/philosophy/
39) company/book/
40) news/
41) news/news-detail/
42) recruit/
43) recruit/regular-contract/
44) recruit/temporary/
45) recruit/job-description/
46) recruit/job-description/recruit-entry/
47) recruit/job-description/recruit-entry/recruit-entry-confirm/
48) recruit/job-description/recruit-entry/recruit-entry-thanks/
49) contact/
50) contact/contact-confirm/
51) contact/contact-thanks/
99) policy/
============================================== */

/* ==============================================
00) home/
----------------------------------------------- */
body.home {}

/* swiper mv */
body.home .mv {
  width: 100dvw;
  /* height: 100dvh; */
  overflow: hidden;
  position: relative;
}

body.home .mv .swiper-meta {
  width: 100%;
  background-color: #E5F2FF;
  padding: var(--common_fsize-14) 2.7777777777777777vw;
  z-index: 1;
  gap: 5%;
}

body.home .mv .swiper-meta .swiper-meta_btn {
  gap: 2.0rem;
}

body.home .mv .swiper-horizontal>.swiper-pagination-bullets,
body.home .mv .swiper-pagination-bullets.swiper-pagination-horizontal,
body.home .mv .swiper-pagination-custom,
body.home .mv .swiper-pagination-fraction {
  bottom: unset;
  top: unset;
  left: unset;
  width: unset;
  white-space: nowrap;
}

body.home .mv .swiper-pagination {
  position: relative;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

body.home .mv .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
body.home .mv .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px);
}

body.home .mv .swiper-button-next,
body.home .mv .swiper-button-prev {
  position: relative;
  top: unset;
  right: unset;
  bottom: unset;
  left: unset;
  width: calc(var(--swiper-navigation-size) /44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: unset;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--common_keycolor, var(--common_keycolor));
}

body.home .mv .swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--common_keycolor, var(--common_keycolor));
}

body.home .mv .swiper-pause {
  width: 12px;
  height: 34px;
  border-left: 4px solid var(--common_keycolor);
  border-right: 4px solid var(--common_keycolor);
  cursor: pointer;
}

body.home .mv .swiper-pause.active {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: none;
  border-bottom: 8px solid transparent;
  border-left: 12px solid var(--common_keycolor);
}

body.home .mv .swiper-slide_cap {
  display: none;
  color: var(--common_keycolor);
  font-family: var(--common_ffamily-z);
  font-size: var(--common_fsize-20);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 3rem */
}

@media screen and (min-width: 1440px) {
  body.home .mv .swiper-slide_cap {
    font-size: 2.0rem;
  }
}

body.home .mv .swiper-slide_cap.active {
  display: block;
}

body.home .mv .swiper-slide {
  position: relative;
  background-color: #FFFFFF;
}

body.home .mv .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

@media screen and (max-width: 767px) {
  body.home .mv .swiper-meta .swiper-meta_btn {
    margin: 0 0 var(--common_fsize-14) 0;
    transform: scale(0.5);
    transform-origin: right;
    gap: 4.0rem;
  }

  body.home .mv .swiper-meta {
    padding: 0 5%;
    height: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  body.home .mv .swiper-meta .swiper-meta_cap {
    width: 100%;
  }

  body.home .mv .swiper-slide_cap {
    font-size: 1.3rem;
  }
}


/* swiper banner */
body.home .banner .inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--common_fsize-14) 40px;
  overflow: visible;
  position: relative;
}

body.home .bnrSwiper {
  overflow: visible;
}

body.home .bnrSwiper .swiper-wrapper .swiper-slide {
  width: 357px;
  overflow: hidden;
}

body.home .bnrSwiper .swiper-wrapper .swiper-slide a {
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}

/*
body.home .bnrSwiper .swiper-wrapper .swiper-slide a::before {
  content: "詳細";
  color: #0B7ABF;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  overflow: visible;
  width: 60px;
  height: 60px;
  padding-top: 60px;
  border-radius: 50%;
  background-color: #0B7ABF;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23.672" height="22.307" viewBox="0 0 23.672 22.307"><g transform="translate(-2143.5 -4634.031)"><path d="M0,14.773H14.773V0" transform="translate(2145.573 4645.184) rotate(-45)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M2023.981,1172h21.211" transform="translate(120.019 3473.18)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-width="1.5"/></g></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  transition: all 0.25s;
}
body.home .bnrSwiper .swiper-wrapper .swiper-slide a:hover::before {
  opacity: 1;
}
*/
body.home .bnrSwiper .swiper-wrapper .swiper-slide a img {
  display: block;
  width: 100%;
  transform: scale(1);
  transition: all 0.25s;
}

body.home .bnrSwiper .swiper-wrapper .swiper-slide a:hover img {
  transform: scale(1.1);
}

body.home .bnrSwiper .swiper-button-next,
body.home .bnrSwiper .swiper-button-prev {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
  background-color: #0B7ABF;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18.153" height="17.173" viewBox="0 0 18.153 17.173"><g transform="translate(-1351.5 -3732.031)"><path d="M0,11.144H11.144V0" transform="translate(1353.186 3740.617) rotate(-45)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path d="M2023.981,1172h16" transform="translate(-671.981 2568.614)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-width="1"/></g></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #FFFFFF;
}

body.home .bnrSwiper .swiper-button-next {
  transform: scale(-1, 1);
  left: -24px;
  right: unset;
}

body.home .bnrSwiper .swiper-button-prev {
  right: -24px;
  left: unset;
}

body.home .bnrSwiper .swiper-button-next::after,
body.home .bnrSwiper .swiper-button-prev::after {
  content: "";
}

body.home .bnrSwiper .swiper-button-disabled {
  display: none;
}

@media only screen and (max-width: 767px) {
  body.home .bnrSwiper {
    margin: 0 0 0 0;
  }

  body.home h2 {
    width: 100%;
  }

  body.home div.btn.pc {
    display: none;
  }

  body.home .bnrSwiper div.btn.sp {
    margin-top: 48px;
  }

  body.home .bnrSwiper .swiper-wrapper .swiper-slide a .pht img {
    width: 100%;
  }

  body.home .bnrSwiper .swiper-wrapper .swiper-slide {
    width: 100%;
  }

  body.home .bnrSwiper .swiper-button-next,
  body.home .bnrSwiper .swiper-button-prev {
    top: 50%;
  }
}

body.home .business .inner-1440 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  overflow: visible;
  position: relative;
}

body.home .results {
  margin: 0 auto;
  padding: 8.333333333333332vw 0;
}

body.home .about {
  margin: 0 auto;
  padding: 5.833333333333333vw 0;
}

body.home .news {
  height: auto;
  margin: 0 auto;
  padding: 3.194444444444444vw 0;
}

@media screen and (min-width: 1440px) {

  body.home .results,
  body.home .about {
    height: 56rem;
    padding: 4.6rem 0;
  }

  body.home .news {
    padding: 4.6rem 0;
  }
}

@media only screen and (max-width: 767px) {

  body.home .results,
  body.home .about,
  body.home .news {
    height: auto;
    padding: 4.6rem 0;
  }
}

body.home .results .inner,
body.home .about .inner,
body.home .news .inner {
  /* width: 100%; */
  width: var(--common_fsize-1200);
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 4.0rem;
  overflow: visible;
  position: relative;
}

@media only screen and (max-width: 767px) {

  body.home .results .inner,
  body.home .about .inner,
  body.home .news .inner {
    padding: 0 5%;
    width: 100%;
  }
}

/* body.home .business */
body.home .business {
  background-color: #FBF3E9;
  padding: 4.6rem 0 8.8rem 0;
  margin-bottom: 0;
}

body.home .business .inner-1440 .business-box {
  width: calc(50% - 1px);
  margin-bottom: 2px;
  background-color: #FFFFFF;
}

body.home .business .inner-1440 .business-box_img {}

body.home .business .inner-1440 .business-box_txt {
  margin: 2.7777777777777777vw 3.6111111111111107vw 3.6111111111111107vw 3.6111111111111107vw;
}

@media screen and (min-width: 1440px) {
  body.home .business .inner-1440 .business-box_txt {
    margin: 4.0rem 5.2rem 5.2rem 5.2rem;
  }
}

@media only screen and (max-width: 767px) {
  body.home .business .inner-1440 .business-box {
    width: 100%;
    margin-bottom: 0;
  }

  body.home .business .inner-1440 .business-box_txt {
    margin: 5% 5% 10% 5%;
  }
}

/* body.home .results */
body.home .results {
  background-image: url(../img/bg_results.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body.home .results .inner {
  gap: 10.416666666666668vw;
}

body.home .results header {
  width: 27.77777777777778vw;
  padding: 0;
}

body.home .results header .ttl.type1 {
  margin-top: 0;
}

body.home .results header .ttl.type1 .jp,
body.home .results header .lead {
  color: #FFFFFF;
}

body.home .results .lst {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 0.6944444444444444vw;
  grid-row-gap: 0.6944444444444444vw;
}

body.home .results .lst .itm.itm1 {
  grid-area: 1 /1 /2 /2;
}

body.home .results .lst .itm.itm2 {
  grid-area: 1 /2 /2 /3;
}

body.home .results .lst .itm.itm3 {
  grid-area: 1 /3 /2 /4;
}

body.home .results .lst .itm.itm4 {
  grid-area: 2 /1 /3 /2;
}

body.home .results .lst .itm.itm5 {
  grid-area: 2 /2 /3 /3;
}

body.home .results .lst .itm.itm6 {
  grid-area: 2 /3 /3 /4;
}

body.home .results .lst .itm.itm7 {
  grid-area: 3 /1 /4 /2;
}

body.home .results .lst .itm.itm8 {
  grid-area: 3 /2 /4 /3;
}

body.home .results .lst .itm.itm9 {
  grid-area: 3 /3 /4 /4;
}

body.home .results .lst .itm img {
  display: block;
  width: 12.5vw;
}

@media screen and (min-width: 1440px) {
  body.home .results .inner {
    gap: 15.4rem;
  }

  body.home .results header {
    width: 40rem;
  }

  body.home .results .lst .itm img {
    width: 18rem;
  }
}

@media only screen and (max-width: 897px) {
  body.home .results header {
    width: 100%;
  }

  body.home .results .inner {
    gap: 4.0rem;
    flex-wrap: wrap;
  }

  body.home .results .l_box {
    order: 1;
    width: 100%;
  }

  body.home .results .r_box {
    order: 0;
    width: 100%;
  }

  body.home .results .lst {
    width: 100%;
  }

  body.home .results .lst .itm img {
    width: 100%;
  }
}

/* body.home .about */
body.home .about {}

body.home .about .inner {
  gap: 5.286805555555555vw;
}

body.home .about header {
  width: 27.77777777777778vw;
  padding: 0;
}

body.home .about header .ttl.type1 {
  margin-top: 0;
}

body.home .about .img-about {
  width: 44.583333333333336vw;
}

@media screen and (min-width: 1440px) {
  body.home .about .inner {
    gap: 7.613rem;
  }

  body.home .about header {
    width: 40rem;
  }

  body.home .about .img-about {
    width: 63.6rem;
  }
}

@media only screen and (max-width: 897px) {
  body.home .about {
    height: auto;
  }

  body.home .about header {
    width: 100%;
  }

  body.home .about .img-about {
    width: 100%;
  }

  body.home .about .inner {
    gap: 4.0rem;
    flex-wrap: wrap;
  }

  body.home .about .l_box {
    width: 100%;
  }

  body.home .about .r_box {
    width: 100%;
  }
}

/* body.home .news */
body.home .news {
  background-color: #FBF3E9;
}

body.home .news .inner {
  gap: 9.166666666666666vw;
}

body.home .news .inner .l_box {
  width: 11.11111111111111vw;
}

body.home .news .inner .r_box {
  width: 57.291666666666664vw;
}

body.home .news header {
  width: 100%;
  padding: 0;
}

body.home .news .lst {
  margin: calc(var(--common_fsize-14) * 3) auto;
}

body.home .news .lst .itm {
  color: var(--common_color);
  font-family: var(--common_ffamily-g);
  border-bottom: 1px solid #083D85;
  padding-top: 2.7777777777777777vw;
  padding-bottom: 2.7777777777777777vw;
}

body.home .news .lst .itm:first-child {
  padding-top: 0;
}

body.home .news .lst .itm:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

body.home .news .lst .itm a {
  color: var(--common_color);
  font-family: var(--common_ffamily-g);
  gap: 1.1111111111111112vw;
  position: relative;
}

body.home .news .lst .itm a::after {
  content: '';
  display: block;
  width: var(--common_fsize-18);
  height: calc(var(--common_fsize-8) * 1.625);
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='17'%20height='13'%20viewBox='0%200%2017%2013'%20fill='none'%3E%3Cpath%20d='M0.0205078%206.5L15.8576%206.5'%20stroke='%23063C84'/%3E%3Cpath%20d='M8.99785%2012.5L15.9969%206.5L8.99785%200.500001'%20stroke='%23063C84'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 95%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-position: center center;
  transition: all 0.25s ease-in-out;
  z-index: 1;
}

body.home .news .lst .itm a:hover::after {
  left: calc(100% - 1.8rem);
}

body.home .news .lst .itm a .dat {
  font-size: 1.1111111111111112vw;
  letter-spacing: 0.064rem;
}

body.home .news .lst .itm a .txt {
  font-size: 1.25vw;
  letter-spacing: 0.072rem;
}

@media screen and (min-width: 1440px) {
  body.home .news .inner .l_box {
    width: 16rem;
  }

  body.home .news .inner .r_box {
    width: 82.5rem;
  }

  body.home .news .lst {
    font-size: 1.8rem;
  }

  body.home .news .lst .itm {
    padding-top: 4.0rem;
    padding-bottom: 4.0rem;
  }

  body.home .news .lst .itm a .dat {
    font-size: 1.6rem;
  }

  body.home .news .lst .itm a .txt {
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 767px) {
  body.home .news .inner {
    gap: 0;
    flex-wrap: wrap;
  }

  body.home .news header {
    width: 100%;
  }

  body.home .news .inner .l_box {
    width: 100%;
  }

  body.home .news .inner .r_box {
    width: 100%;
  }

  body.home .news .lst .itm {
    padding-top: 4.0rem;
    padding-bottom: 4.0rem;
  }

  body.home .news .lst .itm a {
    gap: 0.25rem;
  }

  body.home .news .lst .itm a .dat,
  body.home .news .lst .itm a .txt {
    width: calc(100% - 3.75rem);
  }

  body.home .news .lst .itm a .dat {
    font-size: 1.6rem;
  }

  body.home .news .lst .itm a .txt {
    font-size: 1.8rem;
  }
}

section.sec-full {
  width: 100dvw;
  height: 100dvh;
  overflow: hidden;
}

section.sec-full>.flex {
  /* width: 400dvw; */
  height: 100dvh;
}

section.sec-full>.flex .img {
  width: 100dvw;
  height: 100dvh;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* ==============================================
01) gas-engineer/
----------------------------------------------- */
body.gas-engineer {}

body.gas-engineer #sec02 {
  background-color: #E5F2FF;
}

body.gas-engineer #sec02 .txt-img {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

body.gas-engineer #sec02 .txt-img .txt {
  width: 62%;
}

body.gas-engineer #sec02 .txt-img .img {
  padding-top: calc(var(--common_fsize-40) + var(--common_fsize-24));
  padding-bottom: var(--common_fsize-40);
  width: 31.63%;
}

body.gas-engineer #sec02 .point3 {
  gap: var(--common_fsize-20);
}

body.gas-engineer #sec02 .point3 li {
  width: calc(var(--common_fsize-8) * 40);
  height: auto;
}

@media only screen and (max-width: 767px) {
  body.gas-engineer #sec02 .txt-img {
    flex-direction: column;
  }

  body.gas-engineer #sec02 .txt-img .txt {
    width: 100%;
    order: 1;
  }

  body.gas-engineer #sec02 .txt-img .img {
    padding-top: 0;
    width: 100%;
    order: 0;
  }

  body.gas-engineer #sec02 .point3 li {
    width: 100%;
    height: auto;
  }

  body.gas-engineer #sec02 .point3 li img {
    margin: 0 auto;
  }
}

/* ==============================================
02) gas-engineer/gas-engineer-detail/
----------------------------------------------- */
body.gas-engineer-detail {}

body.gas-engineer-detail .atent {
  border: 1px solid #0B7ABF;
  margin-top: var(--common_fsize-24);
  padding: var(--common_fsize-30);
  border-radius: 0.5rem;
  text-align: center;
  font-weight: 700;
  line-height: 170%;
}

body.gas-engineer-detail .atent .fs-20 {
  letter-spacing: 0.08rem;
}

body.gas-engineer-detail .atent .atent-price {
  color: var(--common_keycolor);
  letter-spacing: 0.08rem;
}

body.gas-engineer-detail .atent .atent-price .fs-24 {
  letter-spacing: 0.096rem;
}

body.gas-engineer-detail .atent .fs-18 {
  letter-spacing: 0.072rem;
}

/* ==============================================
03) gas-engineer/gas-engineer-detail/gas-engineer-apply/
----------------------------------------------- */
body.gas-engineer-apply {}

/* ==============================================
04) gas-engineer/gas-engineer-detail/gas-engineer-apply/gas-engineer-apply-confirm/
----------------------------------------------- */
body.gas-engineer-apply-confirm {}

/* ==============================================
05) gas-engineer/gas-engineer-detail/gas-engineer-apply/gas-engineer-apply-thanks/
----------------------------------------------- */
body.gas-engineer-apply-thanks {}

/* ==============================================
06) electrician/
----------------------------------------------- */
body.electrician {}

body.electrician #sec02 {
  background-color: #FFFAE5;
}

body.electrician #sec02 .ttl.type9 {
  color: #F08B36;
}

body.electrician #sec02 .youtube {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 710px;
  aspect-ratio: 16 / 9;
}

body.electrician #sec02 article.arc::before {
  background-image: url(../img/bg-electrician_arc-top.svg);
}

body.electrician #sec02 article.arc::after {
  background-image: url(../img/bg-electrician_arc-bottom.svg);
}

body.electrician #sec02 article.arc .arc-outer {
  background-color: #FFF3C5;
}

body.electrician .card.type2 .card-inner .card-ttl {
  color: #F08B36;
}

body.electrician .card.type2 .card-inner::before,
body.electrician .card.type2 .card-inner::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='29' viewBox='0 0 26 29' fill='none'><path d='M12.0305 28.4628L0.320936 16.1001C-0.364651 15.3763 0.120908 14.1387 1.09048 14.1387H24.5095C25.4791 14.1387 25.9647 15.3763 25.2791 16.1001L13.5695 28.4628C13.1445 28.9115 12.4555 28.9115 12.0305 28.4628Z' fill='%23F08B36'/><path d='M17.9764 0H7.62735C7.02631 0 6.53906 0.514423 6.53906 1.149V15.3813C6.53906 16.0159 7.02631 16.5303 7.62735 16.5303H17.9764C18.5774 16.5303 19.0647 16.0159 19.0647 15.3813V1.149C19.0647 0.514423 18.5774 0 17.9764 0Z' fill='%23F08B36'/></svg>");
}

body.electrician #sec02 .point5 {
  gap: var(--common_fsize-40);
}

body.electrician #sec02 .point5 li {
  width: calc(var(--common_fsize-8) * 37.5);
  width: calc(var(--common_fsize-8) * 41);
  height: auto;
}

body.electrician #sec02 .point5 li img {
  margin-bottom: var(--common_fsize-8);
  width: 100%;
}

body.electrician #sec02 fieldset .ttl {
  border-radius: 4px;
  background: #F6C100;
  color: #FFFFFF;
  font-family: var(--common_ffamily-z);
  font-size: var(--common_fsize-20);
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
  /* 3.4rem */
  letter-spacing: 0.08rem;
  padding: 0 var(--common_fsize-20);
  margin-top: var(--common_fsize-40);
  margin-bottom: var(--common_fsize-16);
}

body.electrician #sec02 fieldset .ttl:first-of-type {
  margin-top: 0;
}

body.electrician #sec02 fieldset .lsn-dtm {
  margin-bottom: var(--common_fsize-12);
}

body.electrician #sec02 fieldset .lsn-dtm .item {
  margin-bottom: var(--common_fsize-12);
}

body.electrician #sec02 fieldset .lsn-dtm .item .lsn {
  border-radius: 3px;
  background: #99804C;
  color: #FFFFFF;
  font-family: var(--common_ffamily-z);
  font-size: var(--common_fsize-16);
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
  /* 2.72rem */
  letter-spacing: 0.064rem;
  padding: 0 var(--common_fsize-20);
  white-space: nowrap;
}

body.electrician #sec02 fieldset .lsn-dtm .item .dtm {
  font-size: var(--common_fsize-18);
  line-height: 170%;
  /* 2.72rem */
  letter-spacing: 0.072rem;
  padding: 0 var(--common_fsize-20);
}

@media only screen and (max-width: 767px) {
  body.electrician #sec02 .txt-img {
    flex-direction: column;
  }

  body.electrician #sec02 .point5 li {
    width: 100%;
    height: auto;
  }

  body.electrician #sec02 .point5 li img {
    margin: 0 auto;
  }
}

/* ==============================================
07) electrician/electrician-detail/
----------------------------------------------- */
body.electrician-detail {}

/* ==============================================
08) electrician/electrician-detail/electrician-apply/
----------------------------------------------- */
body.electrician-apply {}

/* ==============================================
09) electrician/electrician-detail/electrician-apply/electrician-apply-confirm/
----------------------------------------------- */
body.electrician-apply-confirm {}

/* ==============================================
10) electrician/electrician-detail/electrician-apply/electrician-apply-thanks/
----------------------------------------------- */
body.electrician-apply-thanks {}

/* ==============================================
11) energy-saving/
----------------------------------------------- */
body.energy-saving {}

body.energy-saving #sec02 {
  background-color: #D2F2DC;
}

body.energy-saving #sec02 .ttl.type9 span.dotted {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: var(--common_fsize-8);
  text-decoration-color: #189586;
  color: #189586;
}

body.energy-saving #sec02 .ttl.type9 span.wavy {
  color: #F58B21;
}

body.energy-saving #sec02 p.lead {
  text-align: center;
}

body.energy-saving #sec02 img.energy-saving_img01 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

body.energy-saving #sec02 article.arc::before {
  background-image: url(../img/bg-energy-saving_arc-top.svg);
}

body.energy-saving #sec02 article.arc::after {
  background-image: url(../img/bg-energy-saving_arc-bottom.svg);
}

body.energy-saving #sec02 article.arc .arc-outer {
  background-color: #F8FFF0;
}

body.energy-saving #sec02 .ttl.type9 {
  color: #189586;
  margin-bottom: var(--common_fsize-80);
}

body.energy-saving #sec02 .point2 {
  gap: var(--common_fsize-80);
}

body.energy-saving #sec02 .point2 li {
  width: calc(var(--common_fsize-8) * 59.75);
  height: auto;
}

body.energy-saving #sec02 .point2 li .cap {
  color: #11AE9D;
  font-family: var(--common_ffamily-z);
  font-size: var(--common_fsize-16);
  font-weight: 700;
  line-height: 170%;
  /* 2.72rem */
  letter-spacing: 0.064rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: var(--common_fsize-16);
}

body.energy-saving #sec02 .point2 li .cap::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: var(--common_fsize-28);
  background-color: #11AE9D;
  transform: rotate(-30deg);
}

body.energy-saving #sec02 .point2 li .cap::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: var(--common_fsize-28);
  background-color: #11AE9D;
  transform: rotate(30deg);
}

body.energy-saving #sec02 .point2 li .sup {
  text-align: center;
  font-family: var(--common_ffamily-z);
  font-size: var(--common_fsize-24);
  font-weight: 700;
  line-height: 170%;
  /* 4.08rem */
  letter-spacing: 0.096rem;
  margin-bottom: var(--common_fsize-16);
}

body.energy-saving #sec02 .point2 li img {
  margin-bottom: var(--common_fsize-18);
}

body.energy-saving #sec02 .point2 li .dsc {
  letter-spacing: 0.072rem;
}

@media only screen and (max-width: 767px) {
  body.energy-saving #sec02 p.lead {
    text-align: left;
    font-size: var(--common_fsize-16);
  }

  body.energy-saving #sec02 .ttl.type9 {
    text-align: left;
  }

  body.energy-saving #sec02 article.arc .arc-outer {
    padding-top: var(--common_fsize-80);
    padding-bottom: var(--common_fsize-80);
  }

  body.energy-saving #sec02 .ttl.type9 {
    color: #189586;
    margin-bottom: var(--common_fsize-40);
  }
}

/* ==============================================
12) energy-saving/energy-saving-detail/
----------------------------------------------- */
body.energy-saving-detail {}

body.energy-saving-detail #sec-nav {
  width: 100%;
  height: var(--common_fsize-80);
  background-color: #0B7ABF;
}

body.energy-saving-detail #sec-nav ul li {
  margin: 0;
  padding: 0 var(--common_fsize-40);
  border-right: 1px solid #FFFFFF;
}

body.energy-saving-detail #sec-nav ul li:last-child {
  border-right: none;
}

body.energy-saving-detail #sec-nav ul li a {
  color: #FFFFFF;
  font-family: var(--common_ffamily-z);
  font-size: var(--common_fsize-16);
  font-weight: 700;
  line-height: 170%;
  /* 2.72rem */
  letter-spacing: 0.064rem;
}

body.energy-saving-detail .txt-box {
  width: 100%;
  max-width: calc(var(--common_fsize-8) * 66.25);
}

body.energy-saving-detail .txt-box .txt-border {
  border-radius: 5px;
  border: 1px solid var(--common_color);
  padding: var(--common_fsize-30) var(--common_fsize-26);
}

body.energy-saving-detail .img-box {
  width: 100%;
  max-width: calc(var(--common_fsize-8) * 66.875);
}

body.energy-saving-detail .img-box img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 1080px) {
  body.energy-saving-detail .txt-box {
    max-width: 48%;
  }

  body.energy-saving-detail .img-box {
    max-width: 48%;
  }
}

@media only screen and (max-width: 767px) {
  body.energy-saving-detail #sec-nav {
    height: var(--common_fsize-96);
  }

  body.energy-saving-detail #sec-nav .inner {
    justify-content: start;
    padding: 0 5%;
  }

  body.energy-saving-detail #sec-nav ul li {
    margin: 0;
    padding: 0;
    border-right: none;
  }

  body.energy-saving-detail #sec-nav ul li {
    width: 100%;
  }

  body.energy-saving-detail #sec-nav ul li a {
    color: #FFFFFF;
    font-family: var(--common_ffamily-z);
    font-size: var(--common_fsize-16);
    font-weight: 700;
    line-height: 170%;
    /* 2.72rem */
    letter-spacing: 0.064rem;
  }

  body.energy-saving-detail .txt-box {
    max-width: 100%;
  }

  body.energy-saving-detail .img-box {
    margin-top: var(--common_fsize-40);
    max-width: 100%;
  }
}

/* ==============================================
13) energy-saving/energy-saving-detail/energy-saving-apply/
----------------------------------------------- */
body.energy-saving-apply {}

/* ==============================================
14) energy-saving/energy-saving-detail/energy-saving-apply/energy-saving-apply-confirm/
----------------------------------------------- */
body.energy-saving-apply-confirm {}

/* ==============================================
15) energy-saving/energy-saving-detail/energy-saving-apply/energy-saving-apply-thanks/
----------------------------------------------- */
body.energy-saving-apply-thanks {}

/* ==============================================
16) gas-act/
----------------------------------------------- */
body.gas-act {}

body.gas-act #sec02 {
  background-color: #E5F3F2;
}

body.gas-act #sec02 .ttl.type9 {
  color: #0B7ABF;
}

body.gas-act #sec02 .ttl.type9 span.dotted {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: var(--common_fsize-8);
  text-decoration-color: #0B7ABF;
}

body.gas-act #sec02 fieldset {
  padding-right: var(--common_fsize-80);
  padding-left: var(--common_fsize-80);
  margin-top: var(--common_fsize-20);
  margin-bottom: var(--common_fsize-20);
}

body.gas-act #sec02 fieldset p {
  margin: 0;
}

body.gas-act #sec02 fieldset p strong {
  font-weight: 400;
  color: #0B7ABF;
}

body.gas-act #sec02 fieldset .exp {
  border-radius: 5px;
  background-color: #E5F3F2;
  margin: var(--common_fsize-20) 0;
  padding: var(--common_fsize-24) var(--common_fsize-30);
}

body.gas-act #sec02 fieldset .exp-ttl {
  display: inline-block;
  border-radius: 32.5px;
  background-color: #0B7ABF;
  color: #FFFFFF;
  margin: 0 0 var(--common_fsize-12) 0;
  padding: 0 var(--common_fsize-30);
  text-align: center;
  font-family: var(--common_ffamily-z);
  font-size: var(--common_fsize-16);
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
  /* 2.72rem */
  letter-spacing: 0.064rem;
}

body.gas-act #sec02 ol.lst.type3 {
  color: #0B7ABF;
}

@media only screen and (max-width: 767px) {
  body.gas-act #sec02 fieldset {
    padding-right: 5%;
    padding-left: 5%;
  }
}

/* ==============================================
17) gas-act/quasi-manager/
----------------------------------------------- */
body.gas-act-quasi-manager {}

/* ==============================================
18) gas-act/quasi-manager/gas-act-apply/
----------------------------------------------- */
body.gas-act-apply {}

/* ==============================================
19) gas-act/quasi-manager/gas-act-apply/gas-act-apply-confirm/
----------------------------------------------- */
body.gas-act-apply-confirm {}

/* ==============================================
20) gas-act/quasi-manager/gas-act-apply/gas-act-apply-thanks/
----------------------------------------------- */
body.gas-act-apply-thanks {}

/* ==============================================
21) consulting/
----------------------------------------------- */
body.consulting {}

body.consulting img.consulting_img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/* ==============================================
22) consulting/gas-solutions/
----------------------------------------------- */
body.gas-solutions {}

body.gas-solutions img.gas-solutions_img01 {
  display: inline-block;
  width: calc(var(--common_fsize-32) * 10);
  height: auto;
}

@media only screen and (max-width: 767px) {
  body.gas-solutions img.gas-solutions_img01 {
    width: 100%;
  }
}

/* ==============================================
23) consulting/energy-solutions/
----------------------------------------------- */
body.energy-solutions {}

body.energy-solutions .txt-box {
  width: 100%;
  max-width: calc(var(--common_fsize-8) * 66.25);
}

body.energy-solutions .img-box {
  width: 100%;
  max-width: calc(var(--common_fsize-8) * 66.875);
}

body.energy-solutions .img-box img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 1080px) {
  body.energy-solutions .txt-box {
    max-width: 48%;
  }

  body.energy-solutions .img-box {
    max-width: 48%;
  }
}

@media only screen and (max-width: 767px) {
  body.energy-solutions #sec-nav {
    height: var(--common_fsize-96);
  }

  body.energy-solutions #sec-nav .inner {
    justify-content: start;
    padding: 0 5%;
  }

  body.energy-solutions #sec-nav ul li {
    margin: 0;
    padding: 0;
    border-right: none;
  }

  body.energy-solutions #sec-nav ul li {
    width: 100%;
  }

  body.energy-solutions #sec-nav ul li a {
    color: #FFFFFF;
    font-family: var(--common_ffamily-z);
    font-size: var(--common_fsize-16);
    font-weight: 700;
    line-height: 170%;
    /* 2.72rem */
    letter-spacing: 0.064rem;
  }

  body.energy-solutions .txt-box {
    max-width: 100%;
  }

  body.energy-solutions .img-box {
    margin-top: var(--common_fsize-40);
    max-width: 100%;
  }
}

/* ==============================================
24) consulting/work-quality-check/
----------------------------------------------- */
body.work-quality-check {}

/* ==============================================
25) staffing-service/
----------------------------------------------- */
body.staffing-service {}

body.staffing-service fieldset {
  border: 1px solid var(--common_keycolor);
  padding: var(--common_fsize-52) var(--common_fsize-80);
}

body.staffing-service fieldset legend {
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--common_fsize-26);
  padding-left: var(--common_fsize-26);
  color: var(--common_keycolor);
  font-family: var(--common_ffamily-z);
  font-size: var(--common_fsize-24);
  font-weight: 700;
  line-height: 170%;
  /* 4.08rem */
  letter-spacing: 0.096rem;
  text-align: center;
}

body.staffing-service fieldset p {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  body.staffing-service fieldset {
    padding: 5%;
  }

  body.staffing-service fieldset legend {
    padding-right: 5%;
    padding-left: 5%;
    font-size: var(--common_fsize-18);
  }
}

/* ==============================================
26) staffing-service/staffing-jobs/
----------------------------------------------- */
body.staffing-jobs {}

/* ==============================================
27) staffing-service/margin/
----------------------------------------------- */
body.margin {}

/* ==============================================
28) education-training/
----------------------------------------------- */
body.education-training {}

/* ==============================================
29) education-training/exam-prep-course/
----------------------------------------------- */
body.exam-prep-course {}

body.exam-prep-course .lst-bnr {
  gap: var(--common_fsize-22);
}

body.exam-prep-course .lst-bnr li {
  width: calc(var(--common_fsize-8) * 33.5);
}

body.exam-prep-course .lst-bnr li a {}

body.exam-prep-course .lst-bnr li a img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  body.exam-prep-course .lst-bnr li {
    width: 100%;
  }
}

/* ==============================================
30) education-training/professional/
----------------------------------------------- */
body.professional {}

body.professional .point li {
  width: 32.14%;
}

body.professional p.atent {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  body.professional .point li {
    width: 100%;
    margin-bottom: var(--common_fsize-24);
  }

  body.professional .point li img {
    margin-right: auto;
    margin-left: auto;
  }

  body.professional p.atent {
    text-align: left;
  }
}

/* ==============================================
31) other-alliance/
----------------------------------------------- */
body.other-alliance {}

/* ==============================================
32) other-alliance/other/
----------------------------------------------- */
body.other {}

body.other .imgs {}

body.other .imgs img {
  display: block;
  width: calc(var(--common_fsize-20) * 10);
}

@media only screen and (max-width: 767px) {
  body.other .imgs img {
    width: calc(50% - var(--common_fsize-12));
    margin-bottom: var(--common_fsize-24);
  }
}

/* ==============================================
33) other-alliance/alliance/
----------------------------------------------- */
body.alliance {}

body.alliance .lst-box {
  margin-bottom: var(--common_fsize-12);
}

body.alliance .lst-box ul {
  width: 67%;
}

body.alliance .lst-box ul li .bg_w {
  margin-top: var(--common_fsize-18);
  background-color: #FFFFFF;
  padding: var(--common_fsize-16) var(--common_fsize-30);
  font-size: var(--common_fsize-16);
  line-height: 170%;
  /* 2.72rem */
  letter-spacing: 0.064rem;
}

body.alliance .lst-box img {
  display: block;
  width: 29%;
}

@media only screen and (max-width: 767px) {
  body.alliance .lst-box {
    margin-bottom: unset;
  }

  body.alliance .lst-box ul {
    width: 100%;
    order: 1;
  }

  body.alliance .lst-box img {
    width: 100%;
    order: 0;
    margin-bottom: var(--common_fsize-24);
  }

  body.alliance .lst-box ul li .bg_w {
    margin-top: var(--common_fsize-24);
    margin-bottom: var(--common_fsize-24);
  }
}

/* ==============================================
34) case-client/
----------------------------------------------- */
body.case-client {}

/* ==============================================
35) company/
----------------------------------------------- */
body.company {}

/* ==============================================
36) company/about/
----------------------------------------------- */
body.about {}

/* ==============================================
37) company/overview/
----------------------------------------------- */
body.overview {}

body.overview .top-msg {}

body.overview .top-msg .txt {
  width: 79.46%;
}

body.overview .top-msg .img {
  width: 16.07%;
}

@media screen and (max-width: 767px) {
  body.overview .top-msg .txt {
    width: 100%;
    order: 1;
  }

  body.overview .top-msg .img {
    width: 100%;
    order: 0;
  }

  body.overview .top-msg .img img {
    margin-right: auto;
    margin-left: auto;
  }
}

/* ==============================================
38) company/philosophy/
----------------------------------------------- */
body.philosophy {}

/* ==============================================
39) company/book/
----------------------------------------------- */
body.book {}

body.book .book-preview .img {
  width: 28.5714%;
}

body.book .book-preview .img p {
  margin-top: 0;
}

body.book .book-preview .txt {
  width: 66.07%;
}

body.book .book-preview .txt .txt-border {
  border-radius: 5px;
  border: 1px solid rgba(6, 60, 132, 0.40);
  padding: var(--common_fsize-24) var(--common_fsize-40);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.056rem;
}

@media screen and (max-width: 767px) {
  body.book .book-preview .img {
    width: 100%;
  }

  body.book .book-preview .img img {
    margin-right: auto;
    margin-left: auto;
  }

  body.book .book-preview .txt {
    margin-top: var(--common_fsize-80);
    width: 100%;
  }

  body.book .book-preview .txt .txt-border {
    padding: 5%;
  }
}

/* ==============================================
40) news/
----------------------------------------------- */
body.news {}

/* ==============================================
41) news/news-detail/
----------------------------------------------- */
body.news-detail {}
body.news-detail .txt-inner img {}
body.news-detail .txt-inner img.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* ==============================================
42) recruit/
----------------------------------------------- */
body.recruit {}

body.recruit #sec02 {
  overflow: visible;
  background-color: #FBF3E9;
}

body.recruit #sec02 .lead {
  position: relative;
  margin-top: calc(((var(--common_fsize-8) * 25.75) + var(--common_fsize-120)) * -1);
  margin-right: auto;
  margin-left: auto;
  padding-top: var(--common_fsize-80);
  padding-bottom: var(--common_fsize-80);
  background-color: #FFFFFF;
  width: calc(var(--common_fsize-8) * 120);
  text-align: center;
  overflow: visible;
  background-image: url(../img/bg_check01.png);
  border-radius: 5px;
}

body.recruit #sec02 .lead::before {
  content: "";
  width: calc(var(--common_fsize-8) * 31.5);
  height: calc(var(--common_fsize-8) * 33.5);
  background-image: url(../img/recruit_img01.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: calc(var(--common_fsize-8) * 7.5 * -1);
  right: calc(var(--common_fsize-8) * 8.5 * -1);
}

body.recruit #sec02 .lead .ttl {}

body.recruit #sec02 .lead .ttl .sub {
  color: var(--common_keycolor);
  font-family: var(--common_ffamily-g);
  font-size: var(--common_fsize-16);
  font-weight: 700;
  line-height: 170%;
  /* 2.72rem */
  letter-spacing: 0.064rem;
  margin-bottom: var(--common_fsize-16);
  padding-bottom: var(--common_fsize-8);
  border-bottom: 1px solid var(--common_keycolor);
  display: inline-block;
}

body.recruit #sec02 .lead .ttl .main {
  color: var(--common_keycolor);
  text-align: center;
  font-family: var(--common_ffamily-z);
  font-size: var(--common_fsize-40);
  font-weight: 700;
  line-height: 150%;
  /* 6rem */
  letter-spacing: 0.16rem;
}

body.recruit #sec02 .lead p {
  margin: 0;
}

body.recruit #sec02 .inner.w1080 {
  max-width: 1080px;
}

body.recruit #sec02 .inner.w1080 .nav {
  max-width: 1080px;
  column-gap: var(--common_fsize-40);
}

body.recruit #sec02 .inner.w1080 .nav .lnk-img-txt a.lnk {
  display: block;
  position: relative;
  width: calc(var(--common_fsize-8) * 61);
}

body.recruit #sec02 .inner.w1080 .nav .lnk-img-txt a.lnk .txt {
  margin-top: var(--common_fsize-16);
  color: var(--common_color);
  font-size: var(--common_fsize-18);
  font-weight: 700;
  line-height: 170%;
  /* 3.06rem */
  letter-spacing: 0.072rem;
  column-gap: var(--common_fsize-8);
  transition: all 0.25s ease;
}

body.recruit #sec02 .inner.w1080 .nav .lnk-img-txt a.lnk:hover .txt {
  column-gap: var(--common_fsize-16);
}

body.recruit #sec02 .inner.w1080 .nav .lnk-img-txt a.lnk .txt::after {
  content: '';
  display: block;
  width: var(--common_fsize-18);
  height: calc(var(--common_fsize-8) * 1.625);
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='17'%20height='13'%20viewBox='0%200%2017%2013'%20fill='none'%3E%3Cpath%20d='M0.0205078%206.5L15.8576%206.5'%20stroke='%23063C84'/%3E%3Cpath%20d='M8.99785%2012.5L15.9969%206.5L8.99785%200.500001'%20stroke='%23063C84'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

body.recruit #sec02 .inner.w100p {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  height: calc(var(--common_fsize-8) * 105);
  max-width: unset;
  background-image: url(../img/bg_recruit01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.recruit #sec02 .inner.w100p .inner-inner {
  position: relative;
  margin: 0 auto;
  padding: 0 4.0rem;
  width: 100%;
  max-width: 1200px;
  height: auto;
  overflow: hidden;
}

body.recruit #sec02 .inner.w100p .inner-inner .txt {
  width: calc(var(--common_fsize-8) * 72.5);
}

body.recruit #sec02 .inner.w100p .inner-inner .txt .ttl {
  margin-top: 0;
  margin-bottom: var(--common_fsize-24);
  font-family: var(--common_ffamily-z);
  font-size: var(--common_fsize-24);
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
  /* 4.08rem */
  letter-spacing: 0.096rem;
}

body.recruit #sec02 .inner.w100p .inner-inner .img {
  width: calc(var(--common_fsize-8) * 62.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 1080px) {
  body.recruit #sec02 .inner.w1080 .nav {
    column-gap: 4.0rem;
  }

  body.recruit #sec02 .inner.w1080 .nav .lnk-img-txt a.lnk {
    width: 48rem;
  }
}

@media only screen and (max-width: 1440px) {
  body.recruit #sec02 .inner.w100p .inner-inner .txt {
    width: 50%;
  }

  body.recruit #sec02 .inner.w100p .inner-inner .img {
    width: 45%;
  }
}

@media only screen and (max-width: 767px) {
  body.recruit #sec02 .lead {
    width: 90%;
    margin-top: calc(((var(--common_fsize-8) * 25.75) + var(--common_fsize-80)) * -1);
    padding-top: var(--common_fsize-40);
    padding-bottom: var(--common_fsize-40);
  }

  body.recruit #sec02 .lead::before {
    width: calc(var(--common_fsize-8) * 11.75);
    height: calc(var(--common_fsize-8) * 12.5);
    top: calc(var(--common_fsize-8) * 7 * -1);
    right: calc(var(--common_fsize-8) * -1);
  }

  body.recruit #sec02 .lead .ttl .sub {
    font-size: var(--common_fsize-14);
    padding-right: var(--common_fsize-48);
    padding-left: var(--common_fsize-48);
  }

  body.recruit #sec02 .lead .ttl .main {
    font-size: var(--common_fsize-24);
  }

  body.recruit #sec02 .lead p {
    text-align: left;
    font-size: var(--common_fsize-16);
  }

  body.recruit #sec02 .inner.w1080 .nav {
    max-width: 1080px;
    column-gap: 0;
    flex-direction: column;
  }

  body.recruit #sec02 .inner.w1080 .nav .lnk-img-txt a.lnk {
    width: 100%;
  }

  body.recruit #sec02 .inner.w1080 .lnk-img-txt {
    margin-bottom: var(--common_fsize-40);
  }

  body.recruit #sec02 .inner.w1080 .lnk-img-txt:last-of-type {
    margin-bottom: 0;
  }

  body.recruit #sec02 .inner.w100p {
    height: auto;
  }

  body.recruit #sec02 .inner.w100p .inner-inner {
    padding: var(--common_fsize-80) 0;
  }

  body.recruit #sec02 .inner.w100p .inner-inner .txt {
    width: 100%;
    margin-bottom: var(--common_fsize-40);
  }

  body.recruit #sec02 .inner.w100p .inner-inner .img {
    width: 100%;
  }

  body.recruit #sec02 .inner.meg p.img {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

/* ===============================================
43) recruit/regular-contract/
----------------------------------------------- */
body.regular-contract {}

/* ==============================================
44) recruit/temporary/
----------------------------------------------- */
body.temporary {}

body.temporary .inner2 ul.lst.type1 {
  margin: 0 0 0 1em;
  padding-left: 1em;
}

/* ==============================================
45) recruit/job-description/
----------------------------------------------- */
body.job-description {}

body.job-description .txt-box {
  width: 100%;
  max-width: calc(var(--common_fsize-8) * 78.75);
}

body.job-description .img-box {
  width: 100%;
  max-width: calc(var(--common_fsize-8) * 56.25);
}

body.job-description .img-box img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 1080px) {
  body.job-description .txt-box {
    max-width: 56.33%;
  }

  body.job-description .img-box {
    max-width: 39.67%;
  }
}

@media only screen and (max-width: 767px) {
  body.job-description .txt-box {
    max-width: 100%;
  }

  body.job-description .img-box {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: unset;
  }
}

/* ==============================================
46) recruit/job-description/recruit-entry/
----------------------------------------------- */
body.recruit-entry {}

/* ==============================================
47) recruit/job-description/recruit-entry/recruit-entry-confirm/
----------------------------------------------- */
body.recruit-entry-confirm {}

/* ==============================================
48) recruit/job-description/recruit-entry/recruit-entry-thanks/
----------------------------------------------- */
body.recruit-entry-thanks {}

/* ==============================================
49) contact/
----------------------------------------------- */
body.contact {}
.wpcf7-response-output {
  display: none !important;
}

/* ==============================================
50) contact/contact-confirm/
----------------------------------------------- */
body.contact-confirm {}

/* ==============================================
51) contact/contact-thanks/
----------------------------------------------- */
body.contact-thanks {}

/* ==============================================
99) policy/
----------------------------------------------- */
body.policy {}

body.policy ul.lst.type1 {
  margin: 1em 0 2em 1em;
}

body.policy .for-contact {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--common_fsize-24) var(--common_fsize-28);
  background-color: #FFFFFF;
  border-radius: 4px;
  line-height: 170%;
}