/* ============================
00) root & common
---------------------------- */
:root {
  /* common diagonal */
  --common-diagonal: 14.25vw;
  --common-sp-mag: 1;/* .ttl font-size etc... */
}

@media screen and (max-width: 767px) {
  :root {
    --common-sp-mag: 0.8;/* .ttl font-size etc... */
  }
}
@media screen and (max-width: 360px) {
  :root {
    --common-sp-mag: 0.65;/* .ttl font-size etc... */
  }
}

main {
  padding-top: 0;
}

section article {
  background: transparent;
}
section article.bg_w {
  background: #FFFFFF;
}
section article.bg_g {
  background: #ECF0F4;
}

/* ---------------------------
font-style
--------------------------- */
.fs16-M-160 {
  font-weight: 500;
  line-height: 160%;
}
.fs16-B-160 {
  font-weight: 700;
  line-height: 160%;
}
.fs20-B-160 {
  font-size: calc(var(--s1) * 20); /* 20px */
  font-weight: 700;
  line-height: 160%;
}
@media screen and (max-width: 767px) {
  .fs20-B-160 {
    font-size: calc(var(--s1) * 16); /* 16px */
  }
}
.fs22-B-160 {
  font-size: calc(var(--s1) * 22); /* 22px */
  font-weight: 700;
  line-height: 160%;
}
@media screen and (max-width: 767px) {
  .fs22-B-160 {
    font-size: calc(var(--s1) * 18); /* 18px */
  }
}
.fs24-B-160 {
  font-size: calc(var(--s1) * 24); /* 24px */
  font-weight: 700;
  line-height: 160%;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .fs24-B-160 {
    white-space: normal;
    font-size: calc(var(--s1) * 20); /* 20px */
  }
}
.fs26-B-100 {
  font-size: calc(var(--s1) * 26); /* 26px */
  font-weight: 700;
  line-height: 100%;
}
@media screen and (max-width: 767px) {
  .fs26-B-100 {
    font-size: calc(var(--s1) * 22); /* 22px */
  }
}
.fs14-M-100-2 {
  font-size: calc(var(--s1) * 14); /* 14px */
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.028rem;
}
.fs14-M-160-2 {
  font-size: calc(var(--s1) * 14); /* 14px */
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.028rem;
}
.fs18-B-160 {
  font-size: calc(var(--s1) * 18); /* 18px */
  font-weight: 700;
  line-height: 160%;
}
.Heading-fs32 {
  font-size: calc(var(--s1) * 32); /* 32px */
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  .Heading-fs32 {
    font-size: calc(var(--s1) * 32 * var(--common-sp-mag)); /* 14px */
  }
}
.Heading-fs36 {
  font-size: calc(var(--s1) * 36); /* 36px */
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  .Heading-fs36 {
    font-size: calc(var(--s1) * 36 * var(--common-sp-mag)); /* 14px */
  }
}
.c_w {
  color: #FFFFFF !important;
}

/* ---------------------------
.pos_tag
--------------------------- */
.pos_tag {
  color: #FFFFFF;
  display: inline-block;
  padding: calc(var(--s1) * 8) calc(var(--s1) * 16);
  text-align: center;
  font-weight: 700;
  line-height: 100%;
  border-radius: calc(var(--s1) * 24);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .pos_tag {
    font-size: calc(var(--s1) * 14 * var(--common-sp-mag));
    padding: calc(var(--s1) * 4) calc(var(--s1) * 8);
  }
}
.pos_tag.sales {
  background: #FF6C10;
}
.pos_tag.technical {
  background: #00B2F3;
}
.pos_tag.other {
  color: #0054AC;
  background: #FFFFFF;
}

/* ---------------------------
mv-pankuzu
--------------------------- */
body section.mv-pankuzu {
  width: 100%;
  height: auto;
  overflow: visible;
  position: relative;
}
@media screen and (max-width: 767px) {
  body section.mv-pankuzu {
    width: 100% !important;
    max-width: 100vw !important;
  }
}
body section.mv-pankuzu .mv {
  display: grid;
  place-items: center;
  clip-path: polygon(
    0 var(--common-diagonal),
    100% 0,
    100% calc(100% - var(--common-diagonal)),
    0 100%
  );
  position: relative;
  margin-top: calc(var(--s1) * -64);
  padding-top: calc(var(--s1) * 90);
  width: 100%;
  aspect-ratio: 1440 / 582;
  background-image:
    var(--bg-mv, none),
    linear-gradient(244deg, #00AAE8 -0.9%, #0047A8 66.3%);
  background-position:
    bottom center,
    center;
  background-size:
    contain,
    cover;
  background-repeat:
    no-repeat,
    no-repeat;
}
@media screen and (max-width: 767px) {
  body section.mv-pankuzu .mv {
    aspect-ratio: 16 / 14;
    margin-top: 0;
    padding-top: 0;
    background-position:
      center,
      center;
    background-size:
      cover,
      cover;
  }
}
body.interview-child section.mv-pankuzu .mv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  aspect-ratio: 1440 / 820;
}
@media screen and (max-width: 767px) {
  body.interview-child section.mv-pankuzu .mv {
    aspect-ratio: 1 / 1.2;
  }
}
body.interview-child section.mv-pankuzu .mv .txt {
  padding-left: calc(var(--s1) * 36);
  margin: calc(var(--s1) * -32) auto 0 auto;
  width: 100%;
  max-width: calc(var(--s1) * 1280);
  color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  body.interview-child section.mv-pankuzu .mv .txt {
    padding-left: 5%;
    padding-right: 5%;
  }
}
body.interview-child section.mv-pankuzu .mv .txt .snt {
  text-shadow: 0 0 calc(var(--s1) * 5) rgba(0, 0, 0, 0.25);
  font-size: calc(var(--s1) * 40); /* 40px */
  font-weight: 700;
  line-height: 150%; /* 6rem */
  margin-bottom: calc(var(--s1) * 14);
}
@media screen and (max-width: 767px) {
  body.interview-child section.mv-pankuzu .mv .txt .snt {
    font-size: calc(var(--s1) * 30 * var(--common-sp-mag));
  }
}
body.interview-child section.mv-pankuzu .mv .txt .msg {
  font-feature-settings: 'palt' on;
  text-shadow: 0 0 calc(var(--s1) * 5) rgba(0, 0, 0, 0.25);
  font-size: calc(var(--s1) * 22); /* 22px */
  font-weight: 700;
  line-height: 150%; /* 3.3rem */
  letter-spacing: 0.176rem;
  margin-bottom: calc(var(--s1) * 45);
}
@media screen and (max-width: 767px) {
  body.interview-child section.mv-pankuzu .mv .txt .msg {
    font-size: calc(var(--s1) * 22 * var(--common-sp-mag));
    margin-bottom: calc(var(--s1) * 20 * var(--common-sp-mag));
  }
}
body.interview-child section.mv-pankuzu .mv .txt .pos-grp-nm-jn {
  display: flex;
  gap: 1em;
  align-items: baseline;
  font-size: calc(var(--s1) * 20); /* 20px */
  font-weight: 700;
  line-height: 150%; /* 3rem */
}
@media screen and (max-width: 767px) {
  body.interview-child section.mv-pankuzu .mv .txt .pos-grp-nm-jn {
    font-size: calc(var(--s1) * 20 * var(--common-sp-mag));
  }
}
body.interview-child section.mv-pankuzu .mv .txt .pos-grp-nm-jn .nm {
  font-size: calc(var(--s1) * 27); /* 27px */
}
@media screen and (max-width: 767px) {
  body.interview-child section.mv-pankuzu .mv .txt .pos-grp-nm-jn .nm {
    font-size: calc(var(--s1) * 27 * var(--common-sp-mag));
  }
}
body.interview-child section.mv-pankuzu .mv .txt .pos-grp-nm-jn .jn {
  font-size: calc(var(--s1) * 18); /* 18px */
}
@media screen and (max-width: 767px) {
  body.interview-child section.mv-pankuzu .mv .txt .pos-grp-nm-jn .jn {
    font-size: calc(var(--s1) * 18 * var(--common-sp-mag));
  }
}
body section.mv-pankuzu .pankuzu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(var(--s1) * 80);
  width: calc(var(--s1) * 1280);
}
@media screen and (max-width: 767px) {
  body section.mv-pankuzu .pankuzu {
    width: 95%;
    bottom: 0;
  }
}
body section.mv-pankuzu .pankuzu .pankuzu-lst {
  display: flex;
  gap: calc(var(--s1) * 12);
  flex-direction: row;
  justify-content: flex-end;
}
body section.mv-pankuzu .pankuzu .pankuzu-lst .itm {
  display: flex;
  gap: calc(var(--s1) * 12);
  align-items: center;
  color: #626363;
  font-size: calc(var(--s1) * 14); /* 14px */
  font-weight: 500;
  line-height: 120%; /* 1.68rem */
}
@media screen and (max-width: 320px) {
  body section.mv-pankuzu .pankuzu .pankuzu-lst .itm {
    font-size: calc(var(--s1) * 10); /* 10px */
  }
}
body section.mv-pankuzu .pankuzu .pankuzu-lst .itm a {
  color: #0054AC;
}
body section.mv-pankuzu .pankuzu .pankuzu-lst .itm::after {
  content: "▶";
  display: block;
  font-size: calc(var(--s1) * 10); /* 10px */
  color: #0054AC;
}
body section.mv-pankuzu .pankuzu .pankuzu-lst .itm:last-child::after {
  content: "";
}

/* ---------------------------
page-nav
--------------------------- */
body section.page-nav {
  width: 100%;
  max-width: calc(var(--s1) * 1080); /* 1080px */
  height: auto;
  margin: calc(var(--s1) * 40) auto calc(var(--s1) * 120) auto;
}
@media screen and (max-width: 767px) {
  body section.page-nav {
    width: 90%;
  }
}
body section.page-nav .ttl-snt {
  width: 100%;
  height: auto;
  margin-bottom: calc(var(--s1) * 40);
}
body section.page-nav .ttl-snt .snt {
  text-align: center;
  font-weight: 700;
  line-height: 160%; /* 2.56rem */
}

/* .cols5 */
body section.page-nav .nav .cols.cols5 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
body section.page-nav .nav .cols.cols5 .itm1 { grid-area: 1 / 1 / 2 / 4; }
body section.page-nav .nav .cols.cols5 .itm2 { grid-area: 1 / 4 / 2 / 7; }
body section.page-nav .nav .cols.cols5 .itm3 { grid-area: 2 / 1 / 3 / 3; }
body section.page-nav .nav .cols.cols5 .itm4 { grid-area: 2 / 3 / 3 / 5; }
body section.page-nav .nav .cols.cols5 .itm5 { grid-area: 2 / 5 / 3 / 7; }

@media screen and (max-width: 767px) {
  body section.page-nav .nav .cols.cols5 {
    grid-template-columns: none;
  }
  body section.page-nav .nav .cols.cols5 .itm1 { grid-area: 1 / 1 / 2 / 7; }
  body section.page-nav .nav .cols.cols5 .itm2 { grid-area: 2 / 1 / 3 / 7; }
  body section.page-nav .nav .cols.cols5 .itm3 { grid-area: 3 / 1 / 4 / 7; }
  body section.page-nav .nav .cols.cols5 .itm4 { grid-area: 4 / 1 / 5 / 7; }
  body section.page-nav .nav .cols.cols5 .itm5 { grid-area: 5 / 1 / 6 / 7; }
}

/* .cols3 */
body section.page-nav .nav .cols.cols3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
body section.page-nav .nav .cols.cols3 .itm1 { grid-area: 1 / 1 / 2 / 2; }
body section.page-nav .nav .cols.cols3 .itm2 { grid-area: 1 / 2 / 2 / 3; }
body section.page-nav .nav .cols.cols3 .itm3 { grid-area: 1 / 3 / 2 / 4; }

@media screen and (max-width: 767px) {
  body section.page-nav .nav .cols.cols3 {
    grid-template-columns: none;
  }
  body section.page-nav .nav .cols.cols3 .itm1 { grid-area: 1 / 1 / 2 / 2; }
  body section.page-nav .nav .cols.cols3 .itm2 { grid-area: 2 / 1 / 3 / 2; }
  body section.page-nav .nav .cols.cols3 .itm3 { grid-area: 3 / 1 / 4 / 2; }
}

/* .cols2 */
body section.page-nav .nav .cols.cols2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
body section.page-nav .nav .cols.cols2 .itm1 { grid-area: 1 / 1 / 2 / 2; }
body section.page-nav .nav .cols.cols2 .itm2 { grid-area: 1 / 2 / 2 / 3; }

@media screen and (max-width: 767px) {
  body section.page-nav .nav .cols.cols2 {
    grid-template-columns: none;
  }
  body section.page-nav .nav .cols.cols2 .itm1 { grid-area: 1 / 1 / 2 / 2; }
  body section.page-nav .nav .cols.cols2 .itm2 { grid-area: 2 / 1 / 3 / 2; }
}

/* common .cols */
body section.page-nav .nav .cols {
  grid-column-gap: calc(var(--s1) * 16); /* 16px */
  grid-row-gap: calc(var(--s1) * 16); /* 16px */
}


/* ---------------------------
.inner.interview-sgl
--------------------------- */
.inner.interview-sgl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  overflow: visible;
}
.inner.interview-sgl .txt {
  width: calc(var(--s1) * 332); /* 332px */
}
.inner.interview-sgl .interview-sgl-ist {
  width: calc(var(--s1) * 655); /* 655px */
  height: calc(var(--s1) * 430); /* 430px */
}
@media screen and (max-width: 767px) {
  .inner.interview-sgl .interview-sgl-ist {
    width: 100%;
  }
}
.inner.interview-sgl .interview-sgl-ist .itm {
  display: block;
  width: calc(var(--s1) * 655);
  height: calc(var(--s1) * 430);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 0 #DAE2E9);
  margin-bottom: calc(var(--s1) * 32);
  position: relative;
}
@media screen and (max-width: 767px) {
  .inner.interview-sgl .interview-sgl-ist .itm {
    width: 100%;
  }
}
.inner.interview-sgl .interview-sgl-ist .itm:hover {
  opacity: 1;
  margin-top: calc(var(--s1) * -8);
  filter: drop-shadow(calc(var(--s1) * 16) calc(var(--s1) * 16) 0 #DAE2E9);
}
.inner.interview-sgl .interview-sgl-ist .itm .txt {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: calc(var(--s1) * 70);
  left: 0;
  padding: 0 calc(var(--s1) * 48);
  color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  .inner.interview-sgl .interview-sgl-ist .itm .txt {
    padding: 0 5%;
  }
}
.inner.interview-sgl .interview-sgl-ist .itm .txt .snt {
  margin-top: calc(var(--s1) * 12);
  margin-bottom: calc(var(--s1) * 12);
  color: #FFFFFF;
}
.inner.interview-sgl .interview-sgl-ist .itm .txt .pos-grp-nm {
  display: flex;
  gap: calc(var(--s1) * 16);
}
.inner.interview-sgl .interview-sgl-ist .itm .txt .pos-grp-nm .pos,
.inner.interview-sgl .interview-sgl-ist .itm .txt .pos-grp-nm .grp {
  color: #FFFFFF;
}
.inner.interview-sgl .interview-sgl-ist .itm .txt .pos-grp-nm .nm {
  font-family: var(--ff-r);
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.2rem;
}
.inner.interview-sgl .interview-sgl-ist .itm .txt .arw5 {
  margin-top: calc(var(--s1) * 24);
}
.inner.interview-sgl .interview-sgl-ist.sales .itm {
  background-image: url(./img/bg_interview-sgl-ist_itm1.png);
}
.inner.interview-sgl .interview-sgl-ist.technical .itm {
  background-image: url(./img/bg_interview-sgl-ist_itm2.png);
}


/* ---------------------------
ttl
--------------------------- */
/* typeA */
.ttl.typeA {
  width: 100%;
  height: calc(var(--s1) * 178 * var(--common-sp-mag));/* 178px */
  background-image: url(./img/bg_ttl_typeA.svg);
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: calc(var(--s1) * 6);
  color: #FFF;
  margin: 0 0 0.5em 0;
  padding-left: calc(var(--s1) * 34);
}
.ttl.typeA.pl18 {
  padding-left: calc(var(--s1) * 18);
  gap: calc(var(--s1) * 10);
  margin: calc(var(--s1) * 26) auto 0 auto;
  width: 100%;
  max-width: calc(var(--s1) * 1280); /* 1280px */
}
@media screen and (max-width: 320px) {
  .ttl.typeA.pl18 {
    padding-left: 0;
    max-width: 100%;
  }
}
body.interview-child .ttl.typeA.pl18 {
  padding-left: calc(var(--s1) * 36);
}
@media screen and (max-width: 767px) {
  body.interview-child .ttl.typeA.pl18 {
    margin-top: calc(var(--s1) * 100);
    padding-right: 5%;
    padding-left: 5%;
    height: calc(var(--s1) * 120);
  }
}
@media screen and (max-width: 320px) {
  body.interview-child .ttl.typeA.pl18 {
    height: calc(var(--s1) * 100);
  }
}
.ttl.typeA .en {
  font-family: var(--ff-r); /* Roboto */
  font-size: calc(var(--s1) * 72);/* 72px */
  font-weight: 700;
  line-height: 100%; /* 7.2rem */
}
@media screen and (max-width: 767px) {
  .ttl.typeA .en {
    font-size: calc(var(--s1) * 72 * var(--common-sp-mag));/* 48px */
  }
}
@media screen and (max-width: 320px) {
  .ttl.typeA .en {
    font-size: calc(var(--s1) * 72 * var(--common-sp-mag));/* 32px */
  }
}
.ttl.typeA .jp {
  font-size: calc(var(--s1) * 18);/* 18px */
  font-weight: 700;
  line-height: 100%; /* 1.8rem */
}
.ttl.typeA .jp.s20 {
  font-size: calc(var(--s1) * 20);/* 20px */
  font-weight: 700;
  line-height: 100%; /* 1.8rem */
  display: flex;
  align-items: center;
  gap: calc(var(--s1) * 20);
}
@media screen and (max-width: 767px) {
  .ttl.typeA .jp.s20 {
    flex-direction: column;
    gap: calc(var(--s1) * 10);
    align-items: start;
  }
}
.ttl.typeA .jp.s24 {
  font-size: calc(var(--s1) * 24);/* 24px */
  font-weight: 700;
  line-height: 100%; /* 1.8rem */
  display: flex;
  align-items: center;
  gap: calc(var(--s1) * 20);
}
@media screen and (max-width: 767px) {
  .ttl.typeA .jp.s24 {
    font-size: calc(var(--s1) * 24 * var(--common-sp-mag));/* 16px */
    flex-direction: column;
    gap: calc(var(--s1) * 10);
    align-items: start;
  }
}
@media screen and (max-width: 320px) {
  .ttl.typeA .jp.s24 {
    font-size: calc(var(--s1) * 24 * var(--common-sp-mag));/* 16px */
    gap: calc(var(--s1) * 4 * var(--common-sp-mag));
  }
}
.ttl.typeA .jp.s36 {
  font-size: calc(var(--s1) * 36);/* 36px */
  font-weight: 700;
  line-height: 100%; /* 1.8rem */
  display: flex;
  align-items: center;
  gap: calc(var(--s1) * 20);
}
@media screen and (max-width: 767px) {
  .ttl.typeA .jp.s36 {
    font-size: calc(var(--s1) * 36 * var(--common-sp-mag)); /* 14px */
  }
}

/* typeA-2 */
.ttl.typeA-2 {
  width: 100%;
  height: calc(var(--s1) * 207);/* 207px */
  background-image: url(./img/bg_ttl_typeA.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(var(--s1) * 6);
  color: #FFF;
  margin: 0 0 0.5em 0;
}
.ttl.typeA-2 .jp {
  text-align: center;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  font-size: calc(var(--s1) * 60);/* 60px */
  font-weight: 700;
  line-height: 120%; /* 7.2rem */
}
@media screen and (max-width: 767px) {
  .ttl.typeA-2 .jp {
    font-size: calc(var(--s1) * 60 * var(--common-sp-mag));/* 40px */
  }
}

/* typeB */
.ttl.typeB {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: calc(var(--s1) * 6);
  margin-bottom: calc(var(--s1) * 40);
}
.ttl.typeB.tc {
  align-items: center;
}
.ttl.typeB .en {
  font-family: var(--ff-r); /* Roboto */
  font-size: calc(var(--s1) * 72);/* 72px */
  font-weight: 700;
  line-height: 100%; /* 7.2rem */
  background: linear-gradient(88deg, #1C2227 47.54%, #0027A9 76.57%, #FF6C10 99.42%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px) {
  .ttl.typeB .en {
    font-size: calc(var(--s1) * 72 * var(--common-sp-mag));/* 48px */
  }
}
.ttl.typeB .jp {
  font-size: calc(var(--s1) * 18);/* 18px */
  font-weight: 700;
  line-height: 100%; /* 1.8rem */
}

/* typeC */
.ttl.typeC {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: calc(var(--s1) * 48);
}
@media screen and (max-width: 767px) {
  .ttl.typeC {
    text-align: left;
  }
}

/* typeD */
.ttl.typeD {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: calc(var(--s1) * 6);
  margin-bottom: calc(var(--s1) * 24);
}
.ttl.typeD.tc {
  align-items: center;
}
.ttl.typeD .main {
  font-size: calc(var(--s1) * 32);/* 32px */
  font-weight: 700;
  line-height: 140%; /* 4.48rem */
}
@media screen and (max-width: 767px) {
  .ttl.typeD .main {
    font-size: calc(var(--s1) * 32 * var(--common-sp-mag));/* 24px */
  }
}
.ttl.typeD .main.gra {
  font-size: calc(var(--s1) * 32);/* 32px */
  font-weight: 700;
  line-height: 140%; /* 4.48rem */
  background: linear-gradient(88deg, #1C2227 47.54%, #0027A9 76.57%, #FF6C10 99.42%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px) {
  .ttl.typeD .main.gra {
    font-size: calc(var(--s1) * 32 * var(--common-sp-mag));/* 24px */
  }
}
.ttl.typeD .sub {
  font-size: calc(var(--s1) * 18);/* 18px */
  font-weight: 700;
  line-height: 150%; /* 2.7rem */
  background: linear-gradient(88deg, #1C2227 47.54%, #0027A9 76.57%, #FF6C10 99.42%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px) {
  .ttl.typeD .sub {
    font-size: calc(var(--s1) * 18 * var(--common-sp-mag));/* 12px */
  }
}
.ttl.typeD .sub.u_bar {
  border-bottom: 1px solid #000000;
}

/* typeE */
.ttl.typeE {
  width: 100%;
  height: calc(var(--s1) * 115);
  background-image: url(./img/bg_ttl_typeA.svg);
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: calc(var(--s1) * 6);
  color: #FFF;
  margin: 0 0 0.5em calc(var(--s1) * -16);
  padding-left: calc(var(--s1) * 16);
  position: relative;
}
@media screen and (max-width: 767px) {
  .ttl.typeE {
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    margin: 0 0 1.5em calc(var(--s1) * -16);
  }
}
.ttl.typeE .en {
  font-family: var(--ff-r);
  font-size: calc(var(--s1) * 72);
  font-weight: 700;
  line-height: 100%;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .ttl.typeE .en {
    font-size: calc(var(--s1) * 72 * var(--common-sp-mag)); /* 48px */
  }
}
.ttl.typeE .jp {
  font-size: calc(var(--s1) * 18);
  font-weight: 700;
  line-height: 100%;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .ttl.typeE .jp {
    font-size: calc(var(--s1) * 18 * var(--common-sp-mag)); /* 12px */
  }
}

/* typeF */
.ttl.typeF {
  display: inline-block;
  width: auto;
  height: auto;
  margin-bottom: calc(var(--s1) * 4);
  padding: calc(var(--s1) * 6) calc(var(--s1) * 15.5);
  border-radius: calc(var(--s1) * 24);
  background: #D5E1EB;
  font-size: calc(var(--s1) * 14); /* 14px */
  font-weight: 500;
  line-height: 100%; /* 1.4rem */
  letter-spacing: 0.028rem;
}
@media screen and (max-width: 767px) {
  .ttl.typeF {
    font-size: calc(var(--s1) * 14 * var(--common-sp-mag)); /* 12px */
  }
}

/* typeG */
.ttl.typeG {
  text-align: center;
  font-size: calc(var(--s1) * 22); /* 22px */
  font-weight: 700;
  line-height: 160%; /* 3.52rem */
  margin-bottom: calc(var(--s1) * 20);
}

/* typeH */
.ttl.typeH {
  margin-bottom: calc(var(--s1) * 40); /* 40px */
}
.ttl.typeH.mb0 {
  margin-bottom: 0;
}

/* typeI */
.ttl.typeI {
  color: var(--main, #0054AC);
  font-weight: 700;
  line-height: 160%; /* 2.56rem */
  margin-bottom: 0;
  text-align: center;
  margin-bottom: calc(var(--s1) * 8);
}
.ttl.typeI2 {
  color: #1C2227;
  text-align: center;
  font-size: calc(var(--s1) * 20); /* 20px */
  font-weight: 700;
  line-height: 160%; /* 3.2rem */
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .ttl.typeI2 {
    font-size: calc(var(--s1) * 24 * var(--common-sp-mag)); /* 12px */
  }
}

/* typeJ */
.ttl.typeJ {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 0;
}
.ttl.typeJ.ul {
  text-align: left;
  padding-bottom: calc(var(--s1) * 12);
  border-bottom: 1px solid #B3B3B3;
}
.ttl.typeJ .txt {
  font-size: calc(var(--s1) * 32); /* 32px */
  font-weight: 700;
  line-height: 140%; /* 4.48rem */
  background: linear-gradient(88deg, #1C2227 47.54%, #0027A9 76.57%, #FF6C10 99.42%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px) {
  .ttl.typeJ .txt {
    font-size: calc(var(--s1) * 32 * var(--common-sp-mag));
  }
}

/* typeK */
.ttl.typeK {
  width: 100%;
  height: auto;
  margin-bottom: calc(var(--s1) * 46);
}
.ttl.typeK .en {
  font-family: var(--ff-r);
  font-size: calc(var(--s1) * 64); /* 64px */
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 6.4rem */
  background: linear-gradient(88deg, #1C2227 47.54%, #0027A9 76.57%, #FF6C10 99.42%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: calc(var(--s1) * 6);
}
@media screen and (max-width: 767px) {
  .ttl.typeK .en {
    font-size: calc(var(--s1) * 64 * var(--common-sp-mag)); /* 42.67px */
  }
}
.ttl.typeK .jp {
  font-size: calc(var(--s1) * 18); /* 18px */
  font-weight: 700;
  line-height: 100%; /* 1.8rem */
}
@media screen and (max-width: 767px) {
  .ttl.typeK .jp {
    font-size: calc(var(--s1) * 18 * var(--common-sp-mag)); /* 12px */
  }
}


/* ---------------------------
btn
--------------------------- */
/* typeA */
.btn.typeA {
  display: flex;
  width: calc(var(--s1) * 864); /* 864px */
  padding: calc(var(--s1) * 32);
  justify-content: center;
  align-items: center;
  gap: calc(var(--s1) * 10);
  border-radius: calc(var(--s1) * 50);
  border: 1px solid #0054AC;
  color: #0054AC;
  font-size: calc(var(--s1) * 22); /* 22px */
  font-weight: 700;
  line-height: 100%; /* 2.2rem */
  background-image: url(./img/icn_arrow2.svg);
  background-position: right calc(var(--s1) * 32) center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .btn.typeA {
    font-size: calc(var(--s1) * 22 * var(--common-sp-mag)); /* 24px */
  }
}

/* typeB */
.btn.typeB {
  display: block;
  width: calc(var(--s1) * 628);
  height: calc(var(--s1) * 288);
  position: relative;
}
@media screen and (max-width: 767px) {
  .btn.typeB {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}
.btn.typeB .cvr {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
}
.btn.typeB .cvr.cvr1 {
  background: linear-gradient(256deg, rgba(1, 114, 196, 0.88) -0.54%, rgba(1, 72, 169, 0.88) 102.01%);
}
.btn.typeB .cvr.cvr2 {
  background: linear-gradient(256deg, rgba(0, 167, 230, 0.88) -0.54%, rgba(0, 77, 172, 0.88) 102.01%);
}
.btn.typeB:hover .cvr.cvr1 {
  background: linear-gradient(256deg, rgba(1, 114, 196, 0.40) -0.54%, rgba(1, 72, 169, 0.40) 102.01%);
  opacity: 1;
}
.btn.typeB:hover .cvr.cvr2 {
  background: linear-gradient(256deg, rgba(0, 167, 230, 0.40) -0.54%, rgba(0, 77, 172, 0.40) 102.01%);
  opacity: 1;
}
.btn.typeB .cvr {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
}
.btn.typeB .txt {
  width: 100%;
  height: 100%;
  padding: calc(var(--s1) * 40) calc(var(--s1) * 48);
  position: relative;
}
@media screen and (max-width: 767px) {
  .btn.typeB .txt {
    padding: calc(var(--s1) * 16);
  }
}
.btn.typeB .txt::after {
  content: "";
  width: calc(var(--s1) * 24);
  height: calc(var(--s1) * 24);
  background-image: url(./img/icn_arrow1.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: calc(var(--s1) * 32);
  bottom: calc(var(--s1) * 24);
}
.btn.typeB .txt .lbl {
  width: 100%;
  height: calc(var(--s1) * 128);
  background-image: url(./img/bg_ttl_typeA.svg);
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: calc(var(--s1) * 6);
  color: #FFF;
  margin: 0 0 0.5em 0;
  padding-left: calc(var(--s1) * 16);
  position: relative;
}
@media screen and (max-width: 767px) {
  .btn.typeB .txt .lbl {
    height: calc(var(--s1) * 96);
  }
}
.btn.typeB .txt .lbl .en {
  font-family: var(--ff-r);
  font-size: calc(var(--s1) * 44);
  font-weight: 700;
  line-height: 100%;
}
@media screen and (max-width: 767px) {
  .btn.typeB .txt .lbl .en {
    font-size: calc(var(--s1) * 44 * var(--common-sp-mag));
  }
}
.btn.typeB .txt .lbl .jp {
  font-size: calc(var(--s1) * 18);
  font-weight: 700;
  line-height: 100%;
}

/* typeC */
.btn.typeC {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  position: relative;
  padding: calc(var(--s1) * 20) calc(var(--s1) * 32);
  border: 1px solid var(--common_lcol);
  border-radius: calc(var(--s1) * 64);
  font-weight: 700;
  line-height: 100%; /* 1.6rem */
  gap: calc(var(--s1) * 10);
}
@media screen and (max-width: 767px) {
  .btn.typeC {
    width: 100%;
  }
}
.btn.typeC::after {
  content: "";
  display: block;
  width: calc(var(--s1) * 12);
  height: calc(var(--s1) * 14);
  background-image: url(./img/icn_arrow3.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* typeD */
.btn.typeD {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--s1) * 238);
  height: calc(var(--s1) * 60);
  position: relative;
  border-radius: calc(var(--s1) * 64);
  color: #FFFFFF;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 1.6rem */
  background:
    url(./img/icn_arrow1.svg),
    linear-gradient(251deg, #0046A5 29.89%, #001C42 88.96%);
  background-position:
    center right calc(var(--s1) * 24),
    center;
  background-repeat:
    no-repeat,
    no-repeat;
  background-size:
    calc(var(--s1) * 16),
    cover;
}
@media screen and (max-width: 767px) {
  .btn.typeD {
    width: 100%;
  }
}

/* typeE */
.btn.typeE {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--s1) * 220);
  height: calc(var(--s1) * 60);
  position: relative;
  border-radius: calc(var(--s1) * 64);
  color: #FFFFFF;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 1.6rem */
  background:
    url(./img/icn_arrow1.svg),
    linear-gradient(251deg, #0046A5 29.89%, #001C42 88.96%);
  background-position:
    center right calc(var(--s1) * 24),
    center;
  background-repeat:
    no-repeat,
    no-repeat;
  background-size:
    calc(var(--s1) * 16),
    cover;
}

/* typeF */
.btn.typeF {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: calc(var(--s1) * 220);
  height: calc(var(--s1) * 60);
  position: relative;
  border-radius: calc(var(--s1) * 64);
  color: #FFFFFF;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 1.6rem */
  background:
    url(./img/icn_arrow1.svg),
    linear-gradient(251deg, #0046A5 29.89%, #001C42 88.96%);
  background-position:
    center right calc(var(--s1) * 24),
    center;
  background-repeat:
    no-repeat,
    no-repeat;
  background-size:
    calc(var(--s1) * 16),
    cover;
}
.btn.typeF::after {
  display: none !important;
}

/* typeG */
.btn.typeG {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: calc(var(--s1) * 16);
  width: 100%;
  height: auto;
  padding: calc(var(--s1) * 24);
  border: 1px solid #0054AC;
  color: #0054AC;
  background-color: #FFFFFF;
  font-size: calc(var(--s1) * 20); /* 20px */
  font-weight: 700;
  line-height: 140%; /* 2.8rem */
  position: relative;
  background-image: url(./img/icn_arrow4.svg);
  background-position: right calc(var(--s1) * 24) center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .btn.typeG {
    flex-direction: column;
    gap: calc(var(--s1) * 8);
    align-items: start;
    font-size: calc(var(--s1) * 14);
    padding: calc(var(--s1) * 24) calc(var(--s1) * 64) calc(var(--s1) * 24) 5%;
  }
}
.btn.typeG:hover {
  background-color: #0054AC;
  color: #FFFFFF;
  background-image: url(./img/icn_arrow4_mo.svg);
  opacity: 1;
}

/* typeH */
.btn.typeH {
  display: inline-flex;
  width: auto;
  height: auto;
  padding: calc(var(--s1) * 20) calc(var(--s1) * 32);
  justify-content: center;
  align-items: center;
  gap: calc(var(--s1) * 10);
  border-radius: calc(var(--s1) * 60);
  border: 1px solid #1C2227;
  font-weight: 700;
  line-height: 100%; /* 1.6rem */
}
@media screen and (max-width: 767px) {
  .btn.typeH {
    display: inline-flex;
    width: 100%;
    padding: calc(var(--s1) * 20) 0;
  }
}
.btn.typeH::after {
  content: "";
  display: block;
  width: calc(var(--s1) * 20);
  height: calc(var(--s1) * 20);
  background-image: url(./img/icn_outesite.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* typeI */
.btn.typeI {
  display: inline-flex;
  justify-content: end;
  align-items: center;
  color: #0054AC;
  font-size: calc(var(--s1) * 14); /* 14px */
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.028rem;
  gap: calc(var(--s1) * 12);
}
@media screen and (max-width: 767px) {
  .btn.typeI {
    font-size: calc(var(--s1) * 14 * var(--common-sp-mag)); /* 24px */
  }
}
.btn.typeI::after {
  content: "";
  display: block;
  width: calc(var(--s1) * 20);
  height: calc(var(--s1) * 20);
  background-image: url(./img/icn_arrow8.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* typeJ */
.btn.typeJ {
  display: inline-flex;
  width: calc(var(--s1) * 400);
  height: calc(var(--s1) * 100);
  padding: calc(var(--s1) * 30) calc(var(--s1) * 40);
  flex-direction: row;
  align-items: center;
  gap: calc(var(--s1) * 12);
  color: #FFF;
  border-radius: calc(var(--s1) * 74);
  background: url(./img/icn_arrow1.svg),linear-gradient(52deg, #006AFA 34.6%, #007CE2 51.91%, #009EE2 81.38%, #FF9B5D 99.47%);
  background-position: right calc(var(--s1) * 24) center, center;
  background-repeat: no-repeat, no-repeat;
}
@media screen and (max-width: 767px) {
  .btn.typeJ {
    width: 100%;
    height: auto;
    flex-direction: column;
    padding: calc(var(--s1) * 16) 0;
    gap: calc(var(--s1) * 6);
  }
}
.btn.typeJ .en {
  font-family: var(--ff-r);
  font-size: calc(var(--s1) * 40);
  font-weight: 700;
  line-height: 100%;
}
@media screen and (max-width: 767px) {
  .btn.typeJ .en {
    font-size: calc(var(--s1) * 40 * var(--common-sp-mag)); /* 24px */
  }
}
.btn.typeJ .jp {
  font-weight: 700;
  line-height: 100%;
}


/* ---------------------------
.q .a
--------------------------- */
.q {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: calc(var(--s1) * 12);
  margin-bottom: calc(var(--s1) * 24);
  color: #0054AC;
  font-size: calc(var(--s1) * 18); /* 18px */
  font-weight: 700;
  line-height: 150%; /* 2.7rem */
}
.q.tc {
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .q.tc {
    justify-content: start;
    text-align: left !important;
  }
}
.q::before {
  content: "Q";
  width: calc(var(--s1) * 44);
  height: calc(var(--s1) * 44);
  border-radius: 50%;
  background: linear-gradient(244deg, #00AAE8 -0.9%, #0047A8 66.3%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--s1) * 12);
  color: #FFF;
  font-family: var(--ff-r);
  font-size: calc(var(--s1) * 24); /* 24px */
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 2.4rem */
}
.q.c_w::before {
  background: #FFFFFF;
  color: #0054AC;
}
@media screen and (max-width: 767px) {
  .q .snt {
    flex: 1;
  }
}

.a {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: calc(var(--s1) * 12);
  margin-bottom: calc(var(--s1) * 24);
  font-weight: 500;
  line-height: 160%;
}
.a.tc {
  justify-content: center;
}
.a::before {
  content: "A";
  width: calc(var(--s1) * 44);
  height: calc(var(--s1) * 44);
  border-radius: 50%;
  background: linear-gradient(244deg, #00AAE8 -0.9%, #0047A8 66.3%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--s1) * 12);
  color: #FFF;
  font-family: var(--ff-r);
  font-size: calc(var(--s1) * 24); /* 24px */
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 2.4rem */
}
.a.c_w::before {
  background: #FFFFFF;
  color: #0054AC;
}


/* ---------------------------
.stp
--------------------------- */
.stp {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: calc(var(--s1) * 14) calc(var(--s1) * 26);
  border-radius: calc(var(--s1) * 30);
  background-color: #0054AC;
  color: #FFF;
  font-size: calc(var(--s1) * 20); /* 20px */
  font-weight: 700;
  line-height: 100%; /* 1.6rem */
}
.stp.typeA {
  padding: calc(var(--s1) * 8) calc(var(--s1) * 16);
  font-size: calc(var(--s1) * 14); /* 14px */
}
.stp.typeB {
  padding: calc(var(--s1) * 8) calc(var(--s1) * 10);
  font-size: calc(var(--s1) * 16); /* 16px */
}
@media screen and (max-width: 767px) {
  .stp,
  .stp.typeA {
    font-size: calc(var(--s1) * 20 * var(--common-sp-mag)); /* 24px */
  }
}
.stp.typeA .num {
  display: inline-block;
  font-size: calc(var(--s1) * 18); /* 18px */
  font-weight: 700;
  line-height: 100%; /* 1.8rem */
  font-family: var(--ff-r);
  margin-left: calc(var(--s1) * 6);
}




/* ============================
01) body.top-page
---------------------------- */
body.top-page main {
  padding-top: 0;
}
body.top-page section.mv-news-message {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  aspect-ratio: 1440 / 1548;
  background-image: url(./img/bg_mv-news-message.png);
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message {
    aspect-ratio: 0;
    background-size: cover;
  }
}
body.top-page section.mv-news-message .mv {
  display: grid;
  place-items: center;
  clip-path: polygon(
    0 var(--common-diagonal),
    100% 0,
    100% calc(100% - var(--common-diagonal)),
    0 100%
  );
  position: relative;
  margin-top: calc(var(--s1) * -64);
  width: 100%;
  aspect-ratio: 1440 / 874;
  background:
    url(./img/bg_mv_top.png),
    linear-gradient(244deg, #00AAE8 -0.9%, #0047A8 66.3%);
  background-position:
    bottom calc(var(--s1) * -48) center,
    center;
  background-size:
    contain,
    cover;
  background-repeat:
    no-repeat,
    no-repeat;
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .mv {
  background-size:
    cover,
    cover;
    aspect-ratio: 9 / 16;
  }
}
body.top-page section.mv-news-message .mv .copy {
  width: calc(var(--s1) * 500);
  height: calc(var(--s1) * 381);
  padding: calc(var(--s1) * 40) 0 0 calc(var(--s1) * 51);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(var(--s1) * 46);
  background-image: url(./img/bg_copy.svg);
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .mv .copy {
    width: 100%;
    height: auto;
    padding: 0 5%;
    left: 50%;
    transform: translateX(-50%);
    top: unset;
    bottom: 10%;
  }
}
body.top-page section.mv-news-message .mv .copy .copy-ttl {
  margin: 0 0 calc(var(--s1) * 16) 0;
  color: #FFFFFF;
  font-feature-settings: 'palt' on;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  font-size: calc(var(--s1) * 77);
  font-weight: 700;
  line-height: 118%;
  letter-spacing: 0.154rem;
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .mv .copy .copy-ttl {
    font-size: calc(var(--s1) * 77 * var(--common-sp-mag)); /* 92px */
  }
}
body.top-page section.mv-news-message .mv .copy .main-txt {
  margin: 0 0 calc(var(--s1) * 24) 0;
  padding-left: calc(var(--s1) * 14);
  color: #FFFFFF;
  font-feature-settings: 'palt' on;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  font-size: calc(var(--s1) * 26);
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.182rem;
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .mv .copy .main-txt {
    font-size: calc(var(--s1) * 26 * var(--common-sp-mag)); /* 31px */
    padding-left: 0;
  }
}
body.top-page section.mv-news-message .mv .copy .sub-txt {
  margin: 0;
  padding-left: calc(var(--s1) * 14);
  color: #FFFFFF;
  font-feature-settings: 'palt' on;
  font-size: calc(var(--s1) * 20);
  font-weight: 700;
  line-height: 170%;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .mv .copy .sub-txt {
    padding-left: 0;
    font-size: calc(var(--s1) * 20 * var(--common-sp-mag)); /* 24px */
  }
}

/* news(swiper) */
body.top-page section.mv-news-message .news-message {
  position: relative;
  width: 100%;
  height: auto;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .news-message {
    padding-top: calc(var(--s1) * 23);
  }
}
body.top-page section.mv-news-message .news-message .news {
  position: absolute;
  top: calc(var(--s1) * -80);
  right: calc(var(--s1) * 98);
  width: calc(var(--s1) * 582);
  height: calc(var(--s1) * 64);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  display: flex;
  overflow: hidden;
  gap: calc(var(--s1) * 20);
  padding: calc(var(--s1) * 8) 0 calc(var(--s1) * 8) calc(var(--s1) * 8);
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .news-message .news {
    position: relative;
    top: unset;
    right: unset;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    flex-direction: column;
    height: auto;
  }
}
body.top-page section.mv-news-message .news-message .news .news-ttl {
  color: #FFFFFF;
  font-family: var(--ff-r); /* Roboto */
  font-size: calc(var(--s1) * 20); /* 20px */
  font-weight: 700;
  line-height: 100%;
}
body.top-page section.mv-news-message .news-message .news .news-slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  column-gap: calc(var(--s1) * 8);
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .news-message .news .news-slider {
    height: calc(var(--s1) * 46);
  }
}
body.top-page section.mv-news-message .news-message .news .news-slider .slide {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  column-gap: calc(var(--s1) * 16);
}
body.top-page section.mv-news-message .news-message .news .news-slider .slide .dat {
  color: rgba(255, 255, 255, 0.70);
  font-family: var(--ff-r); /* Roboto */
  font-weight: 700;
  line-height: 155%;
}
body.top-page section.mv-news-message .news-message .news .news-slider .slide .txt {
  font-size: calc(var(--s1) * 14); /* 14px */
  font-weight: 700;
  line-height: 155%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFFF;
}
body.top-page section.mv-news-message .news-message .news .news-slider .slide .txt a {
  color: #FFFFFF;
}
body.top-page section.mv-news-message .news-message .news .news-slider .sw-btns {
  width: calc(var(--s1) * 14);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(var(--s1) * 4);
}
body.top-page section.mv-news-message .news-message .news .news-slider .sw-btns .sw-btn {
  width: 100%;
  height: calc(var(--s1) * 18);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
  transition: all 0.3s ease;
}
body.top-page section.mv-news-message .news-message .news .news-slider .sw-btns .sw-btn:hover {
  opacity: 1;
}
body.top-page section.mv-news-message .news-message .news .news-slider .sw-btns .sw-btn-prev {
  background-image: url(./img/sw-btn-prev.svg);
}
body.top-page section.mv-news-message .news-message .news .news-slider .sw-btns .sw-btn-next {
  background-image: url(./img/sw-btn-next.svg);
}

/* message */
body.top-page section.mv-news-message .news-message .message {
  margin: 0 auto;
  max-width: calc(var(--s1) * 1240);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: calc(var(--s1) * 90);
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .news-message .message {
    flex-direction: column;
    max-width: 100%;
    padding-top: calc(var(--s1) * 46);
  }
}
body.top-page section.mv-news-message .news-message .message .img {
  width: calc(var(--s1) * 622);
  height: calc(var(--s1) * 582);
  position: relative;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .news-message .message .img {
    width: calc(var(--s1) * 384);
    height: calc(var(--s1) * 359);
  }
}
body.top-page section.mv-news-message .news-message .message .img::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 71, 181, 0.40) 0%, rgba(1, 59, 150, 0.40) 100%);
  background: rgba(0, 0, 0, 0.2);
  background-blend-mode: multiply;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: calc(var(--s1) * 24);
  left: calc(var(--s1) * 24);
  clip-path: polygon(
    0 0,
    100% calc(0% + 5vw),
    100% 100%,
    0 calc(100% - 5vw)
  );
  width: calc(var(--s1) * 598);
  height: calc(var(--s1) * 552);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .news-message .message .img::before {
    width: calc(var(--s1) * 384);
    height: calc(var(--s1) * 359);
  }
}
body.top-page section.mv-news-message .news-message .message .img::after {
  content: "";
  background-image: url(./img/bg_message_img.jpg);
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(0 0, 100% calc(0% + 5vw), 100% 100%, 0 calc(100% - 5vw));
  width: calc(var(--s1) * 598);
  height: calc(var(--s1) * 552);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .news-message .message .img::after {
    width: calc(var(--s1) * 384);
    height: calc(var(--s1) * 359);
  }
}
body.top-page section.mv-news-message .news-message .message .img .nikken-recruit {
  position: absolute;
  bottom: 0;
  left: 0;
  mix-blend-mode: screen;
  color: rgba(31, 74, 157, 0.81);
  font-family: var(--ff-r);
  font-size: calc(var(--s1) * 81); /* 81px */
  font-style: normal;
  font-weight: 700;
  line-height: 88%; /* 7.128rem */
  z-index: 2;
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .news-message .message .img .nikken-recruit {
    font-size: calc(var(--s1) * 81 * var(--common-sp-mag)); /* 24px */
  }
}
body.top-page section.mv-news-message .news-message .message .txt {
  width: calc(var(--s1) * 588);
  height: calc(var(--s1) * 582);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .news-message .message .txt {
    padding-top: calc(var(--s1) * 46);
    padding-bottom: calc(var(--s1) * 46);
    width: 100%;
    height: auto;
  }
}
body.top-page section.mv-news-message .news-message .message .txt p {
  color: #FFF;
  padding-left: calc(var(--s1) * 34);
}
@media screen and (max-width: 767px) {
  body.top-page section.mv-news-message .news-message .message .txt p {
    padding-right: 5%;
    padding-left: 5%;
  }
}

/* about */
@media screen and (max-width: 767px) {
  body.top-page section.about {
    width: 100%;
    max-width: 100%;
  }
}
body.top-page section.about .outer {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  body.top-page section.about .outer {
    padding-right: 5%;
    padding-left: 5%;
  }
}
body.top-page section.about .outer:first-of-type {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: calc(var(--s1) * 120);
  padding-bottom: calc(var(--s1) * 100);
}
body.top-page section.about .outer:last-of-type {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: calc(var(--s1) * 100);
  padding-bottom: calc(var(--s1) * 120);
  background: #ECF0F4;
}
body.top-page section.about .outer .inner {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* about-lst */
body.top-page section.about .outer .inner .about-lst {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  body.top-page section.about .outer .inner .about-lst {
    justify-content: center;
    gap: calc(var(--s1) * 40);
  }
}
body.top-page section.about .outer .inner .about-lst .itm {
  width: calc(var(--s1) * 384);
  height: auto;
}
@media screen and (max-width: 767px) {
  body.top-page section.about .outer .inner .about-lst .itm {
    width: 100%;
  }
}
body.top-page section.about .outer .inner .about-lst .itm .img {
  width: 100%;
  height: auto;
  aspect-ratio: 384 / 256;
  margin-bottom: calc(var(--s1) * 20);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
body.top-page section.about .outer .inner .about-lst .itm.itm1 .img {
  background-image: url(./img/bg_about-lst_itm1.png);
}
body.top-page section.about .outer .inner .about-lst .itm.itm2 .img {
  background-image: url(./img/bg_about-lst_itm2.png);
}
body.top-page section.about .outer .inner .about-lst .itm.itm3 .img {
  background-image: url(./img/bg_about-lst_itm3.png);
}
body.top-page section.about .outer .inner .about-lst .itm .txt {
  width: 100%;
  height: auto;
  margin-bottom: calc(var(--s1) * 20);
}
body.top-page section.about .outer .inner .about-lst .itm .txt .ttl {
  margin-bottom: calc(var(--s1) * 14);
}
body.top-page section.about .outer .inner .about-lst .itm .txt .snt {
  margin-bottom: 0;
}
body.top-page section.about .outer .inner .about-lst .itm .tags {
  width: 100%;
  height: auto;
}
body.top-page section.about .outer .inner .about-lst .itm .tags .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--s1) * 6) calc(var(--s1) * 12);
  gap: calc(var(--s1) * 4);
  border-radius: calc(var(--s1) * 24);
  background: #DEE6ED;
  color: #626363;
}
body.top-page section.about .outer .inner .about-lst .itm .tags .tag:before {
  content: "";
  display: block;
  width: calc(var(--s1) * 17);
  height: calc(var(--s1) * 23);
  background-image: url(./img/bg_map_pin1.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* department-lst */
body.top-page section.about .outer .inner .department-lst {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: calc(var(--s1) * 20);
  grid-row-gap: calc(var(--s1) * 20);
  margin-bottom: calc(var(--s1) * 48);
}
body.top-page section.about .outer .inner .department-lst .itm {
  background: linear-gradient(86deg, rgba(0, 84, 172, 0.85) 0%, rgba(0, 97, 199, 0.85) 100%);
  backdrop-filter: blur(2px);
}
body.top-page section.about .outer .inner .department-lst .itm.itm-l {
  display: flex;
  justify-content: start;
  align-items: end;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
body.top-page section.about .outer .inner .department-lst .itm.itm-s {
  display: flex;
  justify-content: start;
  align-items: center;
}
body.top-page section.about .outer .inner .department-lst .txt-pos_tag {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: calc(var(--s1) * 10);
  padding: calc(var(--s1) * 24);
  background-image: url(./img/icn_arrow1.svg);
  background-position: right calc(var(--s1) * 24) center;
  background-repeat: no-repeat;
}
body.top-page section.about .outer .inner .department-lst .txt {
  color: #FFFFFF;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  font-size: calc(var(--s1) * 24); /* 24px */
  font-weight: 700;
  line-height: 150%; /* 3.6rem */
  letter-spacing: 0.048rem;
}
@media screen and (max-width: 767px) {
  body.top-page section.about .outer .inner .department-lst .txt {
    font-size: calc(var(--s1) * 24 * var(--common-sp-mag)); /* 16px */
  }
}
body.top-page section.about .outer .inner .department-lst .itm.itm-s .txt {
  width: 100%;
  height: auto;
  padding-left: calc(var(--s1) * 24);
  padding-right: calc(var(--s1) * 24);
  background-image: url(./img/icn_arrow1.svg);
  background-position: right calc(var(--s1) * 24) center;
  background-repeat: no-repeat;
}
body.top-page section.about .outer .inner .department-lst .itm1 {
  grid-area: 1 / 1 / 2 / 4;
  background-image: url(./img/bg_department-lst_itm1.jpg);
}
body.top-page section.about .outer .inner .department-lst .itm2 {
  grid-area: 1 / 4 / 2 / 7;
  background-image: url(./img/bg_department-lst_itm2.jpg);
}
body.top-page section.about .outer .inner .department-lst .itm3 {
  grid-area: 2 / 1 / 3 / 4;
  background-image: url(./img/bg_department-lst_itm3.jpg);
}
body.top-page section.about .outer .inner .department-lst .itm4 {
  grid-area: 2 / 4 / 3 / 7;
  background-image: url(./img/bg_department-lst_itm4.jpg);
}
body.top-page section.about .outer .inner .department-lst .itm5 { grid-area: 3 / 1 / 4 / 3; }
body.top-page section.about .outer .inner .department-lst .itm6 { grid-area: 3 / 3 / 4 / 5; }
body.top-page section.about .outer .inner .department-lst .itm7 { grid-area: 3 / 5 / 4 / 7; }
body.top-page section.about .outer .inner .department-lst .itm1,
body.top-page section.about .outer .inner .department-lst .itm2,
body.top-page section.about .outer .inner .department-lst .itm3,
body.top-page section.about .outer .inner .department-lst .itm4 {
  width: calc(var(--s1) * 610);
  height: calc(var(--s1) * 240);
  position: relative;
}
body.top-page section.about .outer .inner .department-lst .itm5,
body.top-page section.about .outer .inner .department-lst .itm6,
body.top-page section.about .outer .inner .department-lst .itm7 {
  width: calc(var(--s1) * 398);
  height: calc(var(--s1) * 100);
}
@media screen and (max-width: 767px) {
  body.top-page section.about .outer .inner .department-lst {
    grid-template-columns: 1fr;
  }

  body.top-page section.about .outer .inner .department-lst .itm1 { grid-area: 1 / 1 / 2 / 2; }
  body.top-page section.about .outer .inner .department-lst .itm2 { grid-area: 2 / 1 / 3 / 2; }
  body.top-page section.about .outer .inner .department-lst .itm3 { grid-area: 3 / 1 / 4 / 2; }
  body.top-page section.about .outer .inner .department-lst .itm4 { grid-area: 4 / 1 / 5 / 2; }
  body.top-page section.about .outer .inner .department-lst .itm5 { grid-area: 5 / 1 / 6 / 2; }
  body.top-page section.about .outer .inner .department-lst .itm6 { grid-area: 6 / 1 / 7 / 2; }
  body.top-page section.about .outer .inner .department-lst .itm7 { grid-area: 7 / 1 / 8 / 2; }

  body.top-page section.about .outer .inner .department-lst .itm1,
  body.top-page section.about .outer .inner .department-lst .itm2,
  body.top-page section.about .outer .inner .department-lst .itm3,
  body.top-page section.about .outer .inner .department-lst .itm4 {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    position: relative;
  }

  body.top-page section.about .outer .inner .department-lst .itm5,
  body.top-page section.about .outer .inner .department-lst .itm6,
  body.top-page section.about .outer .inner .department-lst .itm7 {
    width: 100%;
    height: calc(var(--s1) * 100);
  }

  body.top-page section.about .outer .inner .department-lst .txt-pos_tag {
    padding: calc(var(--s1) * 16);
  }
}

/* about-btn */
body.top-page section.about .outer .inner .about-btn {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* interview */
body.top-page section.interview {
  /* height: calc(var(--s1) * 680); */
  width: 100%;
  aspect-ratio: 1440 / 680;
}
@media screen and (max-width: 767px) {
  body.top-page section.interview {
    width: 100%;
    height: auto;
    max-width: 100%;
    aspect-ratio: unset;
  }
}
body.top-page section.interview .outer {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
  position: relative;
}
@media screen and (max-width: 767px) {
  body.top-page section.interview .outer {
    padding-right: 5%;
    padding-left: 5%;
  }
}
body.top-page section.interview .outer::after {
  content: "";
  display: grid;
  place-items: center;
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--common-diagonal)),
    0 100%
  );
  aspect-ratio: 1440 / 505;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-image: url(./img/bg_interview.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  body.top-page section.interview .outer::after {
    aspect-ratio: 9 / 25;
  }
}
body.top-page section.interview .outer .inner {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: calc(var(--s1) * 100);
  padding-bottom: 0;
  overflow: visible;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: calc(var(--s1) * 70);
}
@media screen and (max-width: 767px) {
  body.top-page section.interview .outer .inner {
    flex-direction: column;
    align-items: center;
    gap: calc(var(--s1) * 40);
    padding-top: calc(var(--s1) * 60);
  }
}
body.top-page section.interview .outer .inner .ttl.typeA {
  margin-left: calc(var(--s1) * -36);
}
@media screen and (max-width: 767px) {
  body.top-page section.interview .outer .inner .ttl.typeA {
    margin-left: calc(var(--s1) * -22);
  }
}
body.top-page section.interview .outer .inner .snt {
  color: #FFF;
}
body.top-page section.interview .outer .inner .interview-lst {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: calc(var(--s1) * 32);
}
@media screen and (max-width: 767px) {
  body.top-page section.interview .outer .inner .interview-lst {
    flex-direction: column;
    gap: calc(var(--s1) * 40);
    width: 100%;
  }
}
body.top-page section.interview .outer .inner .interview-lst .itm {
  width: calc(var(--s1) * 384);
  height: calc(var(--s1) * 555);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 0 #91C6F2);
  margin-bottom: calc(var(--s1) * 32);
  position: relative;
}
@media screen and (max-width: 767px) {
  body.top-page section.interview .outer .inner .interview-lst .itm {
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 13;
  }
}
body.top-page section.interview .outer .inner .interview-lst .itm:hover {
  opacity: 1;
  margin-top: calc(var(--s1) * -8);
  filter: drop-shadow(calc(var(--s1) * 16) calc(var(--s1) * 16) 0 #91C6F2);
}
@media screen and (max-width: 767px) {
  body.top-page section.interview .outer .inner .interview-lst .itm:hover {
    margin-top: 0;
  }
}
body.top-page section.interview .outer .inner .interview-lst .itm.itm1 {
  background-image: url(./img/bg_interview-lst_itm1.png);
}
body.top-page section.interview .outer .inner .interview-lst .itm.itm2 {
  background-image: url(./img/bg_interview-lst_itm2.png);
}
body.top-page section.interview .outer .inner .interview-lst .itm .txt {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: calc(var(--s1) * 56);
  left: 0;
  padding: calc(var(--s1) * 30);
  color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  body.top-page section.interview .outer .inner .interview-lst .itm .txt {
    bottom: calc(var(--s1) * 44);
    bottom: 13%;
    padding: calc(var(--s1) * 16);
  }
}
body.top-page section.interview .outer .inner .interview-lst .itm .txt .snt {
  margin-top: calc(var(--s1) * 12);
  margin-bottom: calc(var(--s1) * 12);
  font-size: calc(var(--s1) * 20);
  font-weight: 700;
  line-height: 150%; /* 3rem */
}
@media screen and (max-width: 767px) {
  body.top-page section.interview .outer .inner .interview-lst .itm .txt .snt {
    font-size: calc(var(--s1) * 20 * var(--common-sp-mag)); /* 24px */
  }
}
body.top-page section.interview .outer .inner .interview-lst .itm .txt .pos-grp-nm {
  display: flex;
  gap: calc(var(--s1) * 16);
}
@media screen and (max-width: 767px) {
  body.top-page section.interview .outer .inner .interview-lst .itm .txt .pos-grp-nm {
    gap: calc(var(--s1) * 8);
  }
}
body.top-page section.interview .outer .inner .interview-lst .itm .txt .pos-grp-nm .pos,
body.top-page section.interview .outer .inner .interview-lst .itm .txt .pos-grp-nm .grp {
  color: #FFFFFF;
}
body.top-page section.interview .outer .inner .interview-lst .itm .txt .pos-grp-nm .nm {
  font-family: var(--ff-r);
  font-size: calc(var(--s1) * 20);
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
  body.top-page section.interview .outer .inner .interview-lst .itm .txt .pos-grp-nm .nm {
    font-size: calc(var(--s1) * 20 * var(--common-sp-mag)); /* 24px */
  }
}

/* benefit-faq */
body.top-page section.benefit-faq .outer {
  margin-top: 12em;
  margin-bottom: 12em;
}
body.top-page section.benefit-faq .outer .inner .btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--s1) * 1);
}
@media screen and (max-width: 767px) {
  body.top-page section.benefit-faq .outer .inner .btns {
    flex-wrap: wrap;
  }
}
body.top-page section.benefit-faq .outer .inner .btns .btn {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
body.top-page section.benefit-faq .outer .inner .btns .btn.benefit {
  background-image: url(./img/bg_btn_benefit.jpg);
}
body.top-page section.benefit-faq .outer .inner .btns .btn.faq {
  background-image: url(./img/bg_btn_faq.jpg);
}

/* group_company */
body.top-page section.group_company .outer {
  margin-bottom: 12em;
}
body.top-page section.group_company .outer .inner .img-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--s1) * 100);
}
@media screen and (max-width: 767px) {
  body.top-page section.group_company .outer .inner .img-txt {
    flex-direction: column;
    gap: calc(var(--s1) * 50);
  }
  body.top-page section.group_company .outer .inner .img-txt .txt {
    width: 100%;
    order: 2;
  }
  body.top-page section.group_company .outer .inner .img-txt .img {
    width: 100%;
    order: 1;
  }
}
body.top-page section.group_company .outer .inner .img-txt .img img {
  width: calc(var(--s1) * 462);
  height: auto;
  filter: drop-shadow(calc(var(--s1) * 16) calc(var(--s1) * 16) 0px #91C6F2);
}
@media screen and (max-width: 767px) {
  body.top-page section.group_company .outer .inner .img-txt .img img {
    width: calc(100% - calc(var(--s1) * 16));
  }
}
body.top-page section.group_company .outer .inner .img-txt .txt .snt {
  font-size: calc(var(--s1) * 20); /* 20px */
  font-weight: 700;
  line-height: 160%; /* 3.2rem */
  margin-bottom: calc(var(--s1) * 24);
}
@media screen and (max-width: 767px) {
  body.top-page section.group_company .outer .inner .img-txt .txt .snt {
    font-size: calc(var(--s1) * 20 * var(--common-sp-mag)); /* 24px */
  }
}


/* ============================
02) body.about
---------------------------- */
body.about section.mv-pankuzu .mv {
  --bg-mv: url(./img/bg_mv_about.png);
}
body.about section.cnt {
  width: 100%;
  max-width: 100%;
  height: auto;
}
body.about section.cnt .mv-child {
  width: 100%;
  max-width: 100%;
  height: calc(var(--s1) * 400);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: calc(var(--s1) * 60);
}
body.about section.cnt .mv-child.mv-sales {
  background-image: url(./img/bg_mv-child_sales.png);
}
body.about section.cnt .mv-child.mv-technical {
  background-image: url(./img/bg_mv-child_technical.png);
}
body.about section.cnt .mv-child .dep-lst {
  padding-left: calc(var(--s1) * 18);
  margin: calc(var(--s1) * -60 * var(--common-sp-mag)) auto 0 auto;
  width: 100%;
  max-width: calc(var(--s1) * 1280);
}
@media screen and (max-width: 767px) {
  body.about section.cnt .mv-child .dep-lst {
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
    max-width: 100%;
  }
}
body.about section.cnt .mv-child .dep-lst .itm {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: calc(var(--s1) * 8);
  margin-bottom: calc(var(--s1) * 12);
  margin-left: calc(var(--s1) * 8);
  color: #FFFFFF;
  text-shadow: 0 calc(var(--s1) * 4) calc(var(--s1) * 4) rgba(0, 0, 0, 0.25);
  font-size: calc(var(--s1) * 36); /* 36px */
  font-weight: 700;
  line-height: 140%; /* 5.04rem */
}
@media screen and (max-width: 767px) {
  body.about section.cnt .mv-child .dep-lst .itm {
    font-size: calc(var(--s1) * 36 * var(--common-sp-mag)); /* 24px */
    align-items: start;
  }
}
body.about section.cnt .mv-child .dep-lst .itm::before {
  content: "";
  display: block;
  width: calc(var(--s1) * 20);
  height: calc(var(--s1) * 20);
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  body.about section.cnt .mv-child .dep-lst .itm::before {
    margin-top: calc(var(--s1) * 8);
  }
}
body.about section.sales .mv-child .dep-lst .itm::before {
  background-color: #FF6C10;
}
body.about section.technical .mv-child .dep-lst .itm::before {
  background-color: #00A3FF;
}
body.about section.cnt .mv-child .dep-lst .itm .txt {
  flex: 1;
}

/* .lead */
@media screen and (max-width: 767px) {
  body.about section.cnt .lead {
    text-align: left !important;
  }
}

/* img.about_sales1 */
body.about section.sales .oxa .about_sales1 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  body.about section.sales .oxa {
    padding-top: calc(var(--s1) * 32);
    padding-bottom: calc(var(--s1) * 32);
  }
  body.about section.sales .oxa .about_sales1 {
    width: calc(var(--s1) * 767);
    max-width: calc(var(--s1) * 767);
    min-width: calc(var(--s1) * 767);
  }
}

/* .img-txt */
body.about section.cnt .img-txt {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: calc(var(--s1) * 56);
}
@media screen and (max-width: 767px) {
  body.about section.cnt .img-txt {
    flex-direction: column;
    gap: calc(var(--s1) * 24);
    align-items: start;
  }
}
body.about section.cnt .img-txt .img {
  width: calc(var(--s1) * 464);
  height: auto;
  display: flex;
  flex-direction: column;
  gap: calc(var(--s1) * 24);
}
@media screen and (max-width: 767px) {
  body.about section.cnt .img-txt .img {
    width: 100%;
  }
}
body.about section.cnt .img-txt .img .customer {
  padding: calc(var(--s1) * 20) 0;
  background-color: #ECF0F4;
}
body.about section.cnt .img-txt .img .customer-lst {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--s1) * 24);
  color: #0054AC;
  font-weight: 700;
  line-height: 160%; /* 2.56rem */
}
@media screen and (max-width: 767px) {
  body.about section.cnt .img-txt .img .customer-lst {
    flex-direction: column;
    gap: calc(var(--s1) * 8);
    align-items: start;
    padding-right: 5%;
    padding-left: 5%;
  }
  body.about section.cnt .img-txt .img .customer-lst .itm {
    width: 100%;
    text-align: center;
  }
}
body.about section.cnt .img-txt .txt {
  width: calc(var(--s1) * 560);
}
@media screen and (max-width: 767px) {
  body.about section.cnt .img-txt .txt {
    width: 100%;
  }
}
body.about section.cnt .img-txt .txt p:last-of-type {
  margin-bottom: 0;
}

/* .img-txt2 */
body.about section.cnt .img-txt2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
}
body.about section.cnt .img-txt2 .img {
  width: calc(var(--s1) * 344);
  height: auto;
}

/* section.cnt .grp-lst */
body.about section.cnt .grp-lst {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 0;
  margin-top: calc(var(--s1) * 18);
}
@media screen and (max-width: 767px) {
  body.about section.cnt .grp-lst {
    flex-direction: column;
    gap: calc(var(--s1) * 24);
    align-items: center;
  }
}
body.about section.cnt .grp-lst .itm {
  width: calc(var(--s1) * 312);
  height: auto;
  background-color: #FFFFFF;
  box-shadow: calc(var(--s1) * 12) calc(var(--s1) * 12) 0 0 #DAE2E9;
  padding: 0 calc(var(--s1) * 32) calc(var(--s1) * 32) calc(var(--s1) * 32);
}
@media screen and (max-width: 767px) {
  body.about section.cnt .grp-lst .itm {
    width: 100%;
    padding: 0 5% calc(var(--s1) * 32) 5%;
  }
}
body.about section.cnt .grp-lst .itm:first-child {
  margin-right: calc(var(--s1) * -26);
}
@media screen and (max-width: 767px) {
  body.about section.cnt .grp-lst .itm:first-child {
    margin-right: 0;
  }
}
body.about section.cnt .grp-lst .itm .num-grp_nme {
  text-align: center;
  margin-top: calc(var(--s1) * -14);
}
body.about section.cnt .grp-lst .itm .num-grp_nme .num {
  color: #FF6C10;
  font-family: var(--ff-r);
  font-size: calc(var(--s1) * 40);
  font-weight: 500;
  line-height: 100%;
  margin-bottom: calc(var(--s1) * 18);
}
@media screen and (max-width: 767px) {
  body.about section.cnt .grp-lst .itm .num-grp_nme .num {
    font-size: calc(var(--s1) * 40 * var(--common-sp-mag)); /* 12px */
  }
}
body.about section.cnt .grp-lst .itm .num-grp_nme .grp_nme {
  color: var(--main, #0054AC);
  font-size: calc(var(--s1) * 24);
  font-weight: 700;
  line-height: 160%;
  padding-bottom: calc(var(--s1) * 14);
  margin-bottom: calc(var(--s1) * 20);
  border-bottom: 1px solid #B3B3B3;;
}
@media screen and (max-width: 767px) {
  body.about section.cnt .grp-lst .itm .num-grp_nme .grp_nme {
    font-size: calc(var(--s1) * 24 * var(--common-sp-mag)); /* 12px */
  }
}
body.about section.cnt .grp-lst .itm .snt {
  margin-bottom: 0;
}

/* section.cnt .grp-lst2 */
body.about section.cnt .grp-lst2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 0;
}
body.about section.cnt .grp-lst2.w1080 {
  width: 100%;
  max-width: calc(var(--s1) * 1080);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  body.about section.cnt .grp-lst2,
  body.about section.cnt .grp-lst2.w1000 {
    flex-direction: column;
    gap: calc(var(--s1) * 24);
    align-items: center;
  }
}
body.about section.cnt .grp-lst2 .itm {
  width: calc(var(--s1) * 252);
  height: auto;
  background-color: #FFFFFF;
  box-shadow: calc(var(--s1) * 12) calc(var(--s1) * 12) 0 0 #DAE2E9;
  padding: calc(var(--s1) * 40) calc(var(--s1) * 24);
}
body.about section.cnt .grp-lst2.w1080 .itm {
  width: calc(var(--s1) * 344);
  height: auto;
  background-color: #FFFFFF;
  box-shadow: calc(var(--s1) * 12) calc(var(--s1) * 12) 0 0 #DAE2E9;
  padding: calc(var(--s1) * 40) calc(var(--s1) * 24);
}
@media screen and (max-width: 767px) {
  body.about section.cnt .grp-lst2 .itm,
  body.about section.cnt .grp-lst2.w1080 .itm {
    width: 100%;
  }
}
body.about section.cnt .grp-lst2 .itm .grp_nme {
  text-align: center;
  color: var(--main, #0054AC);
  font-size: calc(var(--s1) * 24);
  font-weight: 700;
  line-height: 160%;
  padding-bottom: calc(var(--s1) * 14);
  margin-bottom: calc(var(--s1) * 20);
  border-bottom: 1px solid #B3B3B3;;
}
@media screen and (max-width: 767px) {
  body.about section.cnt .grp-lst2 .itm .grp_nme {
    font-size: calc(var(--s1) * 24 * var(--common-sp-mag)); /* 12px */
  }
}
body.about section.cnt .grp-lst2 .itm .snt {
  margin-bottom: 0;
}

/* section.cnt .jin_flo */
body.about section.cnt .jin_flo {
  position: relative;
  overflow: visible;
  width: 100%;
  height: auto;
}
body.about section.cnt .jin_flo .main-ttl {
  color: #FFFFFF;
  font-size: calc(var(--s1) * 24);
  font-weight: 700;
  line-height: 160%;
  height: calc(var(--s1) * 64);
  display: flex;
  justify-content: start;
  align-items: flex-end;
  margin: 0;
  padding-right: calc(var(--s1) * 80);
  padding-left: calc(var(--s1) * 80);
  position: relative;
  border-radius: calc(var(--s1) * 34) calc(var(--s1) * 34) 0 0;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  body.about section.cnt .jin_flo .main-ttl {
    height: auto;
    padding: 5% 5% 0 5%;
    font-size: calc(var(--s1) * 24 * var(--common-sp-mag)); /* 12px */
  }
}
body.about section.cnt.sales .jin_flo .main-ttl {
  background: #FF6C10;
}
body.about section.cnt.technical .jin_flo .main-ttl {
  background: #00A3FF;
}
body.about section.cnt .jin_flo .main-ttl .txt {
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
}
body.about section.cnt .jin_flo .main-ttl .img {
  width: calc(var(--s1) * 120);
  height: calc(var(--s1) * 104);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  body.about section.cnt .jin_flo .main-ttl .img {
    width: calc(var(--s1) * 120 / 1.5);
    height: calc(var(--s1) * 104 / 1.5);
    margin-top: calc(var(--s1) * -30);
  }
}
body.about section.cnt.sales .jin_flo .main-ttl .img {
  background-image: url(./img/icn_jin-flo_sales.svg);
}
body.about section.cnt.technical .jin_flo .main-ttl .img {
  background-image: url(./img/icn_jin-flo_technical.svg);
}
body.about section.cnt .jin_flo .jin_flo-lst {
  background-color: #FFFFFF;
  margin: 0;
  padding: calc(var(--s1) * 48) calc(var(--s1) * 80);
  display: flex;
  flex-direction: column;
  gap: calc(var(--s1) * 24);
}
@media screen and (max-width: 767px) {
  body.about section.cnt .jin_flo .jin_flo-lst {
    padding-right: 5%;
    padding-left: 5%;
  }
}
body.about section.cnt .jin_flo .jin_flo-lst .itm {
  display: flex;
  justify-content: start;
  align-items: flex-start;
  gap: calc(var(--s1) * 16) calc(var(--s1) * 20);
}
@media screen and (max-width: 767px) {
  body.about section.cnt .jin_flo .jin_flo-lst .itm {
    flex-direction: column;
    align-items: start;
    gap: calc(var(--s1) * 16);
  }
  body.about section.cnt .jin_flo .jin_flo-lst .itm::after {
    content: "";
    display: block;
    width: 100%;
    height: calc(var(--s1) * 82);
    background-position: center;
    background-repeat: no-repeat;
  }
  body.about section.cnt.sales .jin_flo .jin_flo-lst .itm::after {
    background-image: url(./img/arw_jin-flo_sales.svg);
  }
  body.about section.cnt.technical .jin_flo .jin_flo-lst .itm::after {
    background-image: url(./img/arw_jin-flo_technical.svg);
  }
  body.about section.cnt .jin_flo .jin_flo-lst .itm:last-of-type:after {
    display: none;
  }
}
body.about section.cnt .jin_flo .jin_flo-lst .itm .dat {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 0;
}
body.about section.cnt .jin_flo .jin_flo-lst .itm .dat::after {
  content: "";
  display: block;
  width: 100%;
  height: calc(var(--s1) * 82);
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  body.about section.cnt .jin_flo .jin_flo-lst .itm .dat::after {
    display: none;
  }
}
body.about section.cnt .jin_flo .jin_flo-lst .itm:last-of-type .dat::after {
  display: none;
}
body.about section.cnt.sales .jin_flo .jin_flo-lst .itm .dat::after {
  background-image: url(./img/arw_jin-flo_sales.svg);
}
body.about section.cnt.technical .jin_flo .jin_flo-lst .itm .dat::after {
  background-image: url(./img/arw_jin-flo_technical.svg);
}
body.about section.cnt .jin_flo .jin_flo-lst .itm .dat .lbl {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--s1) * 144);
  height: calc(var(--s1) * 36);
  color: #FFFFFF;
  font-weight: 700;
  line-height: 160%;
  border-radius: calc(var(--s1) * 18);
}
body.about section.cnt.sales .jin_flo .jin_flo-lst .itm1 .dat .lbl {
  background-color: #FFA670;
}
body.about section.cnt.sales .jin_flo .jin_flo-lst .itm2 .dat .lbl {
  background-color: #FF8940;
}
body.about section.cnt.sales .jin_flo .jin_flo-lst .itm3 .dat .lbl {
  background-color: #FF6C10;
}
body.about section.cnt.technical .jin_flo .jin_flo-lst .itm1 .dat .lbl {
  background-color: #47C5F4;
}
body.about section.cnt.technical .jin_flo .jin_flo-lst .itm2 .dat .lbl {
  background-color: #00B2F3;
}
body.about section.cnt .jin_flo .jin_flo-lst .itm .txt .txt-inner {
  margin-bottom: calc(var(--s1) * 16);
}
body.about section.cnt .jin_flo .jin_flo-lst .itm .txt .txt-inner:last-of-type {
  margin-bottom: 0;
}
body.about section.cnt .jin_flo .jin_flo-lst .itm .txt .txt-inner .sub-ttl {
  margin-bottom: calc(var(--s1) * 6);
}
body.about section.cnt .jin_flo .jin_flo-lst .itm .txt .txt-inner .snt {
  margin-bottom: 0;
}
body.about section.cnt .jin_flo .imgs {
  position: absolute;
  top: calc(var(--s1) * -42);
  right: 0;
  width: calc(var(--s1) * 420);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--s1) * 46);
}
@media screen and (max-width: 767px) {
  body.about section.cnt .jin_flo .imgs {
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
    gap: 0;
  }
}
body.about section.cnt .jin_flo .imgs .img1 {
  width: 100%;
  height: auto;
}
body.about section.cnt .jin_flo .imgs .img2 {
  width: 50%;
  height: auto;
}
@media screen and (max-width: 767px) {
  body.about section.cnt .jin_flo .imgs .img2 {
    width: 100%;
  }
}

/* .other */
body.about section.other {
  width: 100%;
  max-width: 100%;
  height: auto;
}
body.about section.other .other-ttl {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  height: calc(var(--s1) * 280 * var(--common-sp-mag));
  background: linear-gradient(244deg, #00AAE8 -0.9%, #0047A8 66.3%);
}
body.about section.other .inner .work {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(var(--s1) * 14);
  padding: calc(var(--s1) * 32) calc(var(--s1) * 111) calc(var(--s1) * 40) calc(var(--s1) * 111);
  background-color: #ECF0F4;
}
@media screen and (max-width: 767px) {
  body.about section.other .inner .work {
    padding: calc(var(--s1) * 32) 5% calc(var(--s1) * 40) 5%;
  }
}
body.about section.other .inner .work .work-lst {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  width: 100%;
  gap: calc(var(--s1) * 12) 0;
}
@media screen and (max-width: 767px) {
  body.about section.other .inner .work .work-lst {
    flex-direction: column;
  }
}
body.about section.other .inner .work .work-lst .itm {
  width: 50%;
  font-weight: 700;
  line-height: 160%;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: calc(var(--s1) * 4);
}
@media screen and (max-width: 767px) {
  body.about section.other .inner .work .work-lst .itm {
    align-items: start;
    width: 100%;
  }
}
body.about section.other .inner .work .work-lst .itm::before {
  content: "";
  display: block;
  width: calc(var(--s1) * 16);
  height: calc(var(--s1) * 16);
  border-radius: 50%;
  background-color: #0054AC;
}
@media screen and (max-width: 767px) {
  body.about section.other .inner .work .work-lst .itm::before {
    margin-top: calc(var(--s1) * 5);
  }
}
body.about section.other .inner .work .work-lst .itm .txt {
  flex: 1;
}
body.about section.other .inner .work-wf {
  background-color: #ECF0F4;
}
@media screen and (max-width: 767px) {
  body.about section.other .inner .work-wf {
    padding-right: 5%;
    padding-left: 5%;
  }
}
body.about section.other .inner .work-wf .grp-lst2 .itm .ttl {
  margin-bottom: calc(var(--s1) * 10);
}

/* ============================
03) body.interview
---------------------------- */
/* cnt1 */
body.interview section.cnt1 .outer .img-txt,
body.interview section.cnt1 .outer .txt-img {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: calc(var(--s1) * 56);
}
@media screen and (max-width: 767px) {
  body.interview section.cnt1 .outer .img-txt,
  body.interview section.cnt1 .outer .txt-img {
    flex-direction: column;
    gap: calc(var(--s1) * 24);
    align-items: start;
    width: 100%;
    max-width: 100%;
  }
}
body.interview section.cnt1 .outer .img-txt .img,
body.interview section.cnt1 .outer .txt-img .img {
  width: calc(var(--s1) * 480);
  height: auto;
}
@media screen and (max-width: 767px) {
  body.interview section.cnt1 .outer .img-txt .img,
  body.interview section.cnt1 .outer .txt-img .img {
    width: 100%;
  }
  body.interview section.cnt1 .outer .img-txt .img img,
  body.interview section.cnt1 .outer .txt-img .img img {
    width: 100%;
  }
}
body.interview section.cnt1 .outer .img-txt .txt,
body.interview section.cnt1 .outer .txt-img .txt {
  width: calc(var(--s1) * 544);
  height: auto;
}
@media screen and (max-width: 767px) {
  body.interview section.cnt1 .outer .img-txt .txt,
  body.interview section.cnt1 .outer .txt-img .txt {
    width: 100%;
  }
}

/* cnt2 */
@media screen and (max-width: 767px) {
  body.interview section.cnt2 {
    width: 100%;
    max-width: 100%;
  }
}
body.interview section.cnt2 .outer {
  width: 100%;
  max-width: 100%;
  height: auto;
  clip-path: polygon(
    0 var(--common-diagonal),
    100% 0,
    100% calc(100% - var(--common-diagonal)),
    0 100%
  );
  position: relative;
  padding: calc(var(--s1) * 128) 0 0 0;
  background-color: #F5F7FA;
}
@media screen and (max-width: 767px) {
  body.interview section.cnt2 .outer {
    margin-top: calc(var(--s1) * 48);
  }
}
@media screen and (max-width: 767px) {
  body.interview section.cnt2 .outer .inner.w880 {
    margin-top: 0 !important;
  }
}
body.interview section.cnt2 .outer .inner.center-img {
  position: relative;
  z-index: 1;
}
body.interview section.cnt2 .outer .outer {
  padding: calc(var(--s1) * 125) 0;
}
body.interview section.cnt2 .outer .outer.bg_b {
  background-color: #0054AC;
  padding: calc(var(--s1) * 384) 0 calc(var(--s1) * 125) 0;
  margin-top: calc(var(--s1) * -384);
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  body.interview section.cnt2 .outer .outer.bg_b {
    padding: calc(var(--s1) * 160) 0 calc(var(--s1) * 16) 0;
    margin-top: calc(var(--s1) * -160);
  }
}
body.interview section.cnt2 .outer .outer .inner.w1080 {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: calc(var(--s1) * 1080); /* 1080px */
}
@media screen and (max-width: 767px) {
  body.interview section.cnt2 .outer .outer .inner.w1080 {
    max-width: 90%;
  }
}
body.interview section.cnt2 .outer .outer .inner.txt-img.w1080 {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: calc(var(--s1) * 56);
}
@media screen and (max-width: 767px) {
  body.interview section.cnt2 .outer .outer .inner.txt-img.w1080 {
    flex-direction: column;
    gap: calc(var(--s1) * 24);
    align-items: start;
    margin-bottom: 64px !important;
  }
}
body.interview section.cnt2 .outer .outer .inner.txt-img.w1080 .txt {
  width: calc(var(--s1) * 544);
  height: auto;
}
@media screen and (max-width: 767px) {
  body.interview section.cnt2 .outer .outer .inner.txt-img.w1080 .txt {
    width: 100%;
  }
}
body.interview section.cnt2 .outer .outer .inner.txt-img.w1080 .img {
  width: calc(var(--s1) * 480);
  height: auto;
}
@media screen and (max-width: 767px) {
  body.interview section.cnt2 .outer .outer .inner.txt-img.w1080 .img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  body.interview section.cnt2 .ttl.fs24-B-160.mb24.tc {
    text-align: left !important;
  }
  body.interview section.cnt .inner.interview-sgl.w1080.pb120 {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: calc(var(--s1) * 64) !important;
  }
}


/* ============================
04) body.interview1
---------------------------- */
body.interview1 section.mv-pankuzu .mv {
  --bg-mv: url(./img/bg_mv_interview1.png);
}
@media screen and (max-width: 767px) {
  body.interview1 section.mv-pankuzu .mv {
    --bg-mv: url(./img/bg_mv_interview1_sp.png);
  }
}

/* ============================
05) body.interview2
---------------------------- */
body.interview2 section.mv-pankuzu .mv {
  --bg-mv: url(./img/bg_mv_interview2.png);
}
@media screen and (max-width: 767px) {
  body.interview2 section.mv-pankuzu .mv {
    --bg-mv: url(./img/bg_mv_interview2_sp.png);
  }
}

/* ============================
06) body.nk-techno
---------------------------- */
body.nk-techno section.mv-pankuzu .mv {
  --bg-mv: url(./img/bg_mv_nk-techno.png);
}
body.nk-techno section.cnt {
  width: 100%;
  max-width: 100%;
  height: auto;
}
body.nk-techno section.cnt .mv-child {
  width: 100%;
  max-width: 100%;
  height: calc(var(--s1) * 400);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: calc(var(--s1) * 100);
}
body.nk-techno section.cnt .mv-child.mv-nk-techno {
  background-image: url(./img/bg_mv-child_nk-techno.png);
}
body.nk-techno section.cnt .img-txt {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: calc(var(--s1) * 56);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt {
    flex-direction: column;
  }
}
body.nk-techno section.cnt .img-txt .img {
  width: calc(var(--s1) * 464);
  height: auto;
  display: flex;
  flex-direction: column;
  gap: calc(var(--s1) * 24);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt .img {
    width: 100%;
  }
}
body.nk-techno section.cnt .img-txt .txt {
  width: calc(var(--s1) * 560);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt .txt {
    width: 100%;
  }
}

/* .nk-work */
body.nk-techno section.nk-work {
  position: relative;
  z-index: 0;
}

/* .img-txt2 */
body.nk-techno section.cnt .img-txt2 {
  background-color: #ECF0F4;
  padding: calc(var(--s1) * 40);
  display: flex;
  flex-direction: column;
  gap: calc(var(--s1) * 20);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt2 {
    padding: calc(var(--s1) * 40) 5%;
  }
}
body.nk-techno section.cnt .img-txt2 .img-txt2_inner {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: calc(var(--s1) * 56);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt2 .img-txt2_inner {
    flex-direction: column;
    gap: calc(var(--s1) * 24);
  }
}
body.nk-techno section.cnt .img-txt2 .img-txt2_inner .img {
  width: calc(var(--s1) * 280);
  height: auto;
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt2 .img-txt2_inner .img {
    width: 100%;
  }
  body.nk-techno section.cnt .img-txt2 .img-txt2_inner .img img {
    width: 100%;
  }
}
body.nk-techno section.cnt .img-txt2 .img-txt2_inner .txt {
  width: calc(var(--s1) * 688);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt2 .img-txt2_inner .txt {
    width: 100%;
  }
}
body.nk-techno section.cnt .img-txt2 .img-txt2_inner .txt .ttl {
  color: #0054AC;
}

/* .img-txt3 */
body.nk-techno section.cnt .img-txt3 {
  background-color: #FFFFFF;
  padding: calc(var(--s1) * 68) calc(var(--s1) * 60);
  display: flex;
  flex-direction: column;
  gap: calc(var(--s1) * 24);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt3 {
    padding: calc(var(--s1) * 68) 5%;
    gap: calc(var(--s1) * 40);
  }
}
body.nk-techno section.cnt .img-txt3 .img-txt3_inner {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: calc(var(--s1) * 56);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt3 .img-txt3_inner {
    flex-direction: column;
    gap: calc(var(--s1) * 24);
  }
}
body.nk-techno section.cnt .img-txt3 .img-txt3_inner .img {
  width: calc(var(--s1) * 328);
  height: auto;
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt3 .img-txt3_inner .img {
    width: 100%;
  }
  body.nk-techno section.cnt .img-txt3 .img-txt3_inner .img img {
    width: 100%;
  }
}
body.nk-techno section.cnt .img-txt3 .img-txt3_inner .txt {
  width: calc(var(--s1) * 592);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt3 .img-txt3_inner .txt {
    width: 100%;
  }
}
body.nk-techno section.cnt .img-txt3 .img-txt3_inner .txt .ttl {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: calc(var(--s1) * 10);
}

@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt3 .img-txt3_inner .txt .ttl {
    flex-direction: column;
    gap: 0;
  }
}

body.nk-techno section.cnt .img-txt3 .img-txt3_inner .txt .snt {
  margin-bottom: 0;
}
body.nk-techno section.cnt .img-txt3 .img3_inner .img img {
  margin-right: auto;
  margin-left: auto;
}
body.nk-techno section.cnt .img-txt3 .img3_inner .txt .fs24-B-160 {
  color: #0054AC;
}

/* .img-txt4 */
body.nk-techno section.cnt .img-txt4 {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: calc(var(--s1) * 20);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt4 {
    flex-direction: column;
    gap: calc(var(--s1) * 40);
  }
}
body.nk-techno section.cnt .img-txt4 .img-txt4_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--s1) * 12);
  width: calc(var(--s1) * 464);
  height: auto;
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .img-txt4 .img-txt4_inner {
    width: 100%;
  }
}

/* .txt1 */
body.nk-techno section.cnt .txt1 {
  background-color: #FFFFFF;
  padding: calc(var(--s1) * 80) calc(var(--s1) * 140) calc(var(--s1) * 250) calc(var(--s1) * 140);
  display: flex;
  flex-direction: column;
  gap: calc(var(--s1) * 40);
}

@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .txt1 {
    padding: calc(var(--s1) * 80) 5% calc(var(--s1) * 250) 5%;
  }
}


body.nk-techno section.cnt .txt1 .tbl {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
body.nk-techno section.cnt .txt1 .tbl dt {
  display: table-cell;
  width: calc(var(--s1) * 168);
  padding: calc(var(--s1) * 20) calc(var(--s1) * 12);
  border-bottom: 1px solid #B3B3B3;
  color: #0054AC;
  font-weight: 700;
  line-height: 160%;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .txt1 .tbl dt {
    display: block;
    width: 100%;
    height: auto;
  }
}
body.nk-techno section.cnt .txt1 .tbl dd {
  display: table-cell;
  width: calc(100% - (var(--s1) * 168));
  padding: calc(var(--s1) * 20) calc(var(--s1) * 12);
  border-bottom: 1px solid #B3B3B3;
  font-size: calc(var(--s1) * 14); /* 14px */
  font-weight: 500;
  line-height: 160%; /* 2.24rem */
  letter-spacing: 0.028rem;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  body.nk-techno section.cnt .txt1 .tbl dd {
    display: block;
    width: 100%;
    height: auto;
    border-bottom: none;
  }
}
body.nk-techno section.cnt .txt1 .tbl dd .nk-lst {
  list-style-type: disc;
  margin-left: 2rem;
}

/* .nk-interview */
body.nk-techno section.nk-interview .mv-child {
  padding-top: calc(var(--s1) * 200);
  clip-path: polygon(
    0 var(--common-diagonal),
    100% 0,
    100% calc(100% - var(--common-diagonal)),
    0 100%
  );
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1440 / 723;
  background-image: var(--bg-mv, none),
  linear-gradient(244deg, #00AAE8 -0.9%, #0047A8 66.3%);
  background-position: bottom center,
  center;
  background-size: cover,
  cover;
  background-repeat: no-repeat,
  no-repeat;
}
@media screen and (max-width: 767px) {
  body.nk-techno section.nk-interview .mv-child {
    padding-top: 0;
    padding-right: 5%;
    padding-left: 5%;
    aspect-ratio: 1 / 1.2;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
body.nk-techno section.nk-interview1 {
  position: relative;
  margin-top: calc(var(--s1) * -230);
  z-index: 1;
}
body.nk-techno section.nk-interview1 .mv-child {
  --bg-mv: url(./img/bg_mv_nk-interview1.png);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.nk-interview1 .mv-child {
    --bg-mv: url(./img/bg_mv_nk-interview1_sp.png);
  }
}
body.nk-techno section.nk-interview2 .mv-child {
  --bg-mv: url(./img/bg_mv_nk-interview2.png);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.nk-interview2 .mv-child {
    --bg-mv: url(./img/bg_mv_nk-interview2_sp.png);
  }
}
body.nk-techno section.nk-interview .mv-child .ttl.typeA.pl18 {
  padding-left: calc(var(--s1) * 36);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.nk-interview .mv-child .ttl.typeA.pl18 {
    padding-left: 0;
  }
}
body.nk-techno section.nk-interview .mv-child .txt {
  padding-left: calc(var(--s1) * 36);
  margin: calc(var(--s1) * -42) auto 0 auto;
  width: 100%;
  max-width: calc(var(--s1) * 1280);
  color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  body.nk-techno section.nk-interview .mv-child .txt {
    padding-left: 0;
  }
}
body.nk-techno section.nk-interview .mv-child .txt .snt {
  text-shadow: 0 0 calc(var(--s1) * 5) rgba(0, 0, 0, 0.25);
  font-size: calc(var(--s1) * 40);
  font-weight: 700;
  line-height: 150%;
  margin-bottom: calc(var(--s1) * 14);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.nk-interview .mv-child .txt .snt {
    font-size: calc(var(--s1) * 32 * var(--common-sp-mag));
  }
}
body.nk-techno section.nk-interview .mv-child .txt .msg {
  font-feature-settings: 'palt' on;
  text-shadow: 0 0 calc(var(--s1) * 5) rgba(0, 0, 0, 0.25);
  font-size: calc(var(--s1) * 22);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.176rem;
  margin-bottom: calc(var(--s1) * 45);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.nk-interview .mv-child .txt .msg {
    font-size: calc(var(--s1) * 22 * var(--common-sp-mag));
    margin-bottom: calc(var(--s1) * 20 * var(--common-sp-mag));
  }
}
body.nk-techno section.nk-interview .mv-child .txt .pos-grp-nm-jn {
  display: flex;
  gap: 1em;
  align-items: baseline;
  font-size: calc(var(--s1) * 20);
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  body.nk-techno section.nk-interview .mv-child .txt .pos-grp-nm-jn {
    font-size: calc(var(--s1) * 20 * var(--common-sp-mag)); /* 12px */
  }
}
body.nk-techno section.nk-interview .mv-child .txt .pos-grp-nm-jn .nm {
  font-size: calc(var(--s1) * 27);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.nk-interview .mv-child .txt .pos-grp-nm-jn .nm {
    font-size: calc(var(--s1) * 27 * var(--common-sp-mag)); /* 12px */
  }
}
body.nk-techno section.nk-interview .mv-child .txt .pos-grp-nm-jn .jn {
  font-size: calc(var(--s1) * 18);
}
@media screen and (max-width: 767px) {
  body.nk-techno section.nk-interview .mv-child .txt .pos-grp-nm-jn .jn {
    font-size: calc(var(--s1) * 18 * var(--common-sp-mag)); /* 12px */
  }
}



/* ============================
07) body.benefit
---------------------------- */
body.benefit section.mv-pankuzu .mv {
  --bg-mv: url(./img/bg_mv_benefit.png);
}
body.benefit section.cnt {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  max-width: 100%;
}

/* .img-txt .txt-img */
body.benefit section.cnt .img-txt,
body.benefit section.cnt .txt-img {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: calc(var(--s1) * 64);
  position: relative;
}
@media screen and (max-width: 767px) {
  body.benefit section.cnt .img-txt,
  body.benefit section.cnt .txt-img {
    flex-direction: column;
    padding: calc(var(--s1) * 64) 5%;
    gap: calc(var(--s1) * 48);
  }
}
body.benefit section.cnt .img-txt .icn,
body.benefit section.cnt .txt-img .icn {
  position: absolute;
  top: calc(var(--s1) * -64);
  width: calc(var(--s1) * 150);
  height: calc(var(--s1) * 120);
}
body.benefit section.cnt .img-txt .icn {
  right: 0;
}
body.benefit section.cnt .txt-img .icn {
  left: 0;
}
body.benefit section.cnt .img-txt .img,
body.benefit section.cnt .txt-img .img {
  width: calc(var(--s1) * 464);
  height: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  body.benefit section.cnt .img-txt .img,
  body.benefit section.cnt .txt-img .img {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
body.benefit section.cnt .img-txt .img img,
body.benefit section.cnt .txt-img .img img {
  position: absolute;
  top: calc(var(--s1) * -128);
  width: 100%;
  height: auto;
  box-shadow: calc(var(--s1) * 24) calc(var(--s1) * 24) 0 0 rgba(0, 84, 172, 0.80);
}
@media screen and (max-width: 767px) {
  body.benefit section.cnt .img-txt .img img,
  body.benefit section.cnt .txt-img .img img {
    width: 100%;
    position: relative;
    top: unset;
    box-shadow: calc(var(--s1) * 12) calc(var(--s1) * 12) 0 0 rgba(0, 84, 172, 0.80);
  }
}
body.benefit section.cnt .img-txt .img img {
  left: calc(var(--s1) * -64);
}
@media screen and (max-width: 767px) {
  body.benefit section.cnt .img-txt .img img {
    left: unset;
  }
}
body.benefit section.cnt .txt-img .img img {
  right: calc(var(--s1) * -64);
}
@media screen and (max-width: 767px) {
  body.benefit section.cnt .txt-img .img img {
    right: unset;
  }
}
body.benefit section.cnt .img-txt .txt,
body.benefit section.cnt .txt-img .txt {
  width: calc(var(--s1) * 468);
  position: relative;
}
@media screen and (max-width: 767px) {
  body.benefit section.cnt .img-txt .txt,
  body.benefit section.cnt .txt-img .txt {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
body.benefit section.cnt .txt .benefit-lst {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: column;
  width: 100%;
  gap: calc(var(--s1) * 4);
}
body.benefit section.cnt .txt .benefit-lst .itm {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: calc(var(--s1) * 4);
}
body.benefit section.cnt .txt .benefit-lst .itm::before {
  content: "";
  display: block;
  width: calc(var(--s1) * 12);
  height: calc(var(--s1) * 12);
  border-radius: 50%;
  background-color: #0054AC;
  flex: 0 0 auto;
  margin-top: calc(var(--s1) * 10);
}
@media screen and (max-width: 767px) {
  body.benefit section.cnt .txt .benefit-lst .itm::before {
    margin-top: calc(var(--s1) * 9);
  }
}
body.benefit section.cnt .txt .kome-lst {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: column;
  width: 100%;
  gap: calc(var(--s1) * 4);
}
body.benefit section.cnt .txt .kome-lst .itm {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
}
body.benefit section.cnt .txt .kome-lst .itm::before {
  content: "※";
  display: block;
  flex: 0 0 auto;
}
body.benefit section.cnt .txt100p {
  width: 100%;
  position: relative;
}

/* .events swiper */
body.benefit .photo-marquee {
  width: 100%;
  overflow: hidden;
}
body.benefit .photo-marquee .swiper-wrapper {
  transition-timing-function: linear;
  align-items: center;
}
body.benefit .photo-marquee .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* ============================
08) body.faq
---------------------------- */
body.faq section.mv-pankuzu .mv {
  --bg-mv: url(./img/bg_mv_faq.png);
}
body.faq section.cnt.faq-cnt {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  max-width: 100%;
}
body.faq section.cnt .q-a {
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: calc(var(--s1) * 32) calc(var(--s1) * 40);
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: calc(var(--s1) * 24);
  margin-bottom: calc(var(--s1) * 24);
}
@media screen and (max-width: 767px) {
  body.faq section.cnt .q-a {
    padding: calc(var(--s1) * 32) 5%;
  }
}
body.faq section.cnt .q-a:last-of-type {
  margin-bottom: 0;
}
body.faq section.cnt .q-a .q {
  color: #1C2227;
  margin-bottom: 0;
  gap: calc(var(--s1) * 24);
}
@media screen and (max-width: 767px) {
  body.faq section.cnt .q-a .q {
    gap: calc(var(--s1) * 12);
  }
}
body.faq section.cnt .q-a .q::before {
  width: calc(var(--s1) * 56);
  height: calc(var(--s1) * 56);
  background: #0054AC;
}
@media screen and (max-width: 767px) {
  body.faq section.cnt .q-a .q::before {
    width: calc(var(--s1) * 32);
    height: calc(var(--s1) * 32);
    font-size: calc(var(--s1) * 16);
  }
}
body.faq section.cnt .q-a .a {
  color: #1C2227;
  margin-bottom: 0;
  gap: calc(var(--s1) * 24);
}
@media screen and (max-width: 767px) {
  body.faq section.cnt .q-a .a {
    gap: calc(var(--s1) * 12);
  }
}
body.faq section.cnt .q-a .a::before {
  content: "A";
  width: calc(var(--s1) * 56);
  height: calc(var(--s1) * 56);
  border-radius: 50%;
  background: #BDDDFF;
  color: #0054AC;
}
@media screen and (max-width: 767px) {
  body.faq section.cnt .q-a .a::before {
    width: calc(var(--s1) * 32);
    height: calc(var(--s1) * 32);
    font-size: calc(var(--s1) * 16);
  }
}
body.faq section.cnt .q-a .a p {
  margin-bottom: 0;
  flex: 1;
  font-weight: 500;
  line-height: 160%; /* 2.56rem */
}
body.faq section.cnt .q-a .line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #B3B3B3;
  margin: 0;
  border: none;
}


/* ============================
08) body.recruit
---------------------------- */
body.recruit section.mv-pankuzu .mv {
  --bg-mv: none;
}
body.recruit section.cnt {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  max-width: 100%;
}

/* .mynavi */
body.recruit section.cnt .mynavi {
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: calc(var(--s1) * 36) calc(var(--s1) * 46);
  gap: calc(var(--s1) * 36);
}
@media screen and (max-width: 767px) {
  body.recruit section.cnt .mynavi {
    flex-direction: column;
    gap: calc(var(--s1) * 24);
    padding: calc(var(--s1) * 36) 5%;
  }
}
body.recruit section.cnt .mynavi .txt {
  text-align: center;
  font-size: calc(var(--s1) * 20); /* 20px */
  font-weight: 500;
  line-height: 160%; /* 3.2rem */
}
@media screen and (max-width: 767px) {
  body.recruit section.cnt .mynavi .txt {
    font-size: calc(var(--s1) * 20 * var(--common-sp-mag)); /* 12px */
  }
}

/* .recruit_flo-lst */
body.recruit section.cnt .recruit_flo-lst {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  body.recruit section.cnt .recruit_flo-lst {
    flex-direction: column;
    gap: calc(var(--s1) * 24);
  }
}
body.recruit section.cnt .recruit_flo-lst .itm.arrow {
  display: block;
  width: calc(var(--s1) * 15);
  height: calc(var(--s1) * 24);
  background-image: url(./img/icn_arrow7.svg);
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  body.recruit section.cnt .recruit_flo-lst .itm.arrow {
    width: calc(var(--s1) * 24);
    height: calc(var(--s1) * 15);
    background-image: url(./img/icn_arrow7-down.svg);
  }
}

/* .recruit-info */
body.recruit section.cnt .recruit-info {
  background-color: #FFFFFF;
  padding: calc(var(--s1) * 80) calc(var(--s1) * 123);
  display: flex;
  flex-direction: column;
  gap: calc(var(--s1) * 32);
}
@media screen and (max-width: 767px) {
  body.recruit section.cnt .recruit-info {
    padding: calc(var(--s1) * 80) 5%;
    gap: calc(var(--s1) * 64);
  }
}
body.recruit section.cnt .recruit-info .crd {
  display: flex;
  flex-direction: column;
  gap: calc(var(--s1) * 8);
}
body.recruit section.cnt .recruit-info .crd .ttl {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: calc(var(--s1) * 10);
}
@media screen and (max-width: 767px) {
  body.recruit section.cnt .recruit-info .crd .ttl {
    flex-direction: column;
  }
}
body.recruit section.cnt .recruit-info .crd .ttl .stat {
  font-size: calc(var(--s1) * 14); /* 14px */
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.028rem;
}
@media screen and (max-width: 767px) {
  body.recruit section.cnt .recruit-info .crd .ttl .stat {
    font-size: calc(var(--s1) * 14 * var(--common-sp-mag)); /* 12px */
  }
}

body.recruit section.cnt .recruit-info .crd .tbl-wrap .tbl {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
body.recruit section.cnt .recruit-info .crd .tbl-wrap .tbl dt {
  display: table-cell;
  width: calc(var(--s1) * 168);
  padding: calc(var(--s1) * 20) calc(var(--s1) * 12);
  border-bottom: 1px solid #B3B3B3;
  color: #0054AC;
  font-weight: 500;
  line-height: 160%; /* 2.56rem */
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  body.recruit section.cnt .recruit-info .crd .tbl-wrap .tbl dt {
    display: block;
    padding: calc(var(--s1) * 20) 0 0 0;
    width: 100%;
    border-bottom: none;
  }
}
body.recruit section.cnt .recruit-info .crd .tbl-wrap .tbl dd {
  display: table-cell;
  width: calc(100% - (var(--s1) * 168));
  padding: calc(var(--s1) * 20) calc(var(--s1) * 12);
  border-bottom: 1px solid #B3B3B3;
  font-size: calc(var(--s1) * 14); /* 14px */
  font-weight: 500;
  line-height: 160%; /* 2.24rem */
  letter-spacing: 0.028rem;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  body.recruit section.cnt .recruit-info .crd .tbl-wrap .tbl dd {
    display: block;
    padding: calc(var(--s1) * 10) 0 calc(var(--s1) * 20) 0;
    width: 100%;
  }
}
body.recruit section.cnt .recruit-info .crd .tbl-wrap p {
  margin-bottom: 0;
}
body.recruit section.cnt .recruit-info .crd.stat-none {
  display: none !important;
}


/* ============================
09) body.contact
---------------------------- */
body.contact section.mv-pankuzu .mv {
  --bg-mv: none;
}

body.contact section.cnt .form,
body.contact section.cnt .accept,
body.contact section.cnt .submit,
body.contact section.cnt .wpcf7-response-output {
  display: flex;
  flex-direction: column;
  gap: calc(var(--s1) * 40);
  width: 100%;
  max-width: calc(var(--s1) * 880);
  margin-right: auto;
  margin-left: auto;
  border: none;
}
body.contact section.cnt .wpcf7-response-output {
  text-align: center;
  font-size: calc(var(--s1) * 16); /* 16px */
  font-weight: 500;
  line-height: 160%; /* 2.56rem */
}
@media screen and (max-width: 767px) {
  body.contact section.cnt .form,
  body.contact section.cnt .accept,
  body.contact section.cnt .submit,
  body.contact section.cnt .wpcf7-response-output {
    padding-left: calc(var(--s1) * 8);
    padding-right: calc(var(--s1) * 8);
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    max-width: 100%;
  }
}
body.contact section.cnt .form .form-group {
  display: flex;
  flex-direction: column;
  gap: calc(var(--s1) * 12);
}
body.contact section.cnt .form .form-group.gap0 {
  gap: 0;
  margin-left: calc(var(--s1) * 16);
}
body.contact section.cnt .form .form-group label {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: calc(var(--s1) * 12);
  font-weight: 700;
  line-height: 160%; /* 2.56rem */
}
body.contact section.cnt .form .form-group label::after {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: calc(var(--s1) * 4) calc(var(--s1) * 14);
  color: #FFF;
  font-size: calc(var(--s1) * 13); /* 13px */
  font-weight: 700;
  line-height: 100%;
  border-radius: calc(var(--s1) * 20);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  body.contact section.cnt .form .form-group label::after {
    font-size: calc(var(--s1) * 13 * var(--common-sp-mag)); /* 12px */
  }
}
body.contact section.cnt .form .form-group label.req::after {
  content: "必須";
  background: #00B2F3;
}
body.contact section.cnt .form .form-group label.opt::after {
  content: "任意";
  background: #B3B3B3;
}
body.contact section.cnt .form .form-group.gap0 label.opt {
  color: #626363;
  font-size: calc(var(--s1) * 12); /* 12px */
  font-weight: 500;
  line-height: 160%; /* 1.92rem */
}
body.contact section.cnt .form .form-group .input-wrapper2 {
  font-size: calc(var(--s1) * 14); /* 14px */
}
body.contact section.cnt .form .form-group .input-wrapper .checkbox-group,
body.contact section.cnt .form .form-group .input-wrapper .radio-group {
  margin-right: calc(var(--s1) * 40);
}
@media screen and (max-width: 767px) {
  body.contact section.cnt .form .form-group .input-wrapper .checkbox-group,
  body.contact section.cnt .form .form-group .input-wrapper .radio-group {
    margin-right: 0;
  }
}
body.contact section.cnt .form .form-group .input-wrapper2 .checkbox-group,
body.contact section.cnt .form .form-group .input-wrapper2 .radio-group {
  margin-left: calc(var(--s1) * 8);
  margin-right: calc(var(--s1) * 8);
}
body.contact section.cnt .form .form-group .input-wrapper2 .checkbox-group input[type="checkbox"],
body.contact section.cnt .form .form-group .input-wrapper2 .radio-group input[type="radio"] {
  width: calc(var(--s1) * 16);
  height: calc(var(--s1) * 16);
}
body.contact section.cnt .accept {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  gap: calc(var(--s1) * 24);
  font-weight: 500;
  line-height: 160%; /* 2.56rem */
}
body.contact section.cnt .accept a {
  color: #0054AC;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  body.contact section.cnt .form .form-group .input-wrapper {
    flex-direction: column;
  }
}
body.contact section.cnt .wpcf7-list-item {
  margin: 0 0 0 1.5em !important;
}
body.contact section.cnt .wpcf7-list-item.first {
  margin: 0 0 0 0 !important;
}
@media screen and (max-width: 767px) {
  body.contact section.cnt .wpcf7-list-item {
    margin: 0 0 0 0 !important;
    display: block;
  }
}

.input-wrapper .wpcf7-not-valid-tip {
  display: inline-block;
  border: 2px solid #dc3232;
  background-color: #FFFFFF;
  padding-right: calc(var(--s1) * 8);
  padding-left: calc(var(--s1) * 8);
  border-radius: calc(var(--s1) * 4);
  top: calc(var(--s1) * 8);
  right: calc(var(--s1) * 8);
  font-weight: 700;
}


/* ============================
10) body.policy
---------------------------- */
body.policy section.mv-pankuzu .mv {
  --bg-mv: none;
}
body.policy section.cnt h4 {
  margin-bottom: 0;
}