@charset "UTF-8";
.main .pageHeader .lead::before, .main:is(body.home *) .section.about .text p::before, .main:is(body.home *) .section.recruit .text p::before, .main:is(body.home *) .section.machine .text p::before, .main:is(body.home *) .section.method-feature .text p::before, .main:is(body.home *) .section.construction-result .slider .slide .text p::before, .main:is(body.method-feature *) .section .text::before, .main:is(body.machine *) .section .items > li .text p::before,
.main:is(body.machine *) .section .items > li .text ul::before, .main:is(body.pile *) .lead .text p::before, .main:is(body.obstacle *) .lead .text p::before, .main:is(body.rcd *) .lead .text p::before, .main:is(body.tbhmpd *) .lead .text p::before, .main:is(body.bg *) .lead .text p::before, .main:is(body.message *) .article .catch::before, .main:is(body.message *) .article .text p::before, .main:is(body.message *) .article .text .signature .slogan::before, .main:is(body.company *) .section01 .list::before, .main:is(body.company *) .section02 .list::before, .main:is(body.company *) .section04 .list::before, .main:is(body.company *) .section05 .list::before, .main:is(body.company *) .section03 .list ul::before, .main:is(body.policy *) .section p::before, .main:is(body.contact *) .contact .text::before, .main:is(body.recruit *) .contact .text::before, .main:is(body.recruit *) .section p::before, .main:is(body.recruit *) .section.message .title::before, .main:is(body.recruit *) .section.benefits .dormitory .sttl::before, .main:is(body.recruit *) .section.culture .list .item .text .headline .catch::before, .main:is(body.recruit *) .section.culture .list .item .text p::before, .main:is(body.recruit *) .section.culture .list .item--01 .text .figure figcaption::before, .main:is(body.recruit *) .section.event .list .item p::before, .main:is(body.recruit *) .section.infromation .tabPanel section > .list::before, .main .pageHeader .lead::after, .main:is(body.home *) .section.about .text p::after, .main:is(body.home *) .section.recruit .text p::after, .main:is(body.home *) .section.machine .text p::after, .main:is(body.home *) .section.method-feature .text p::after, .main:is(body.home *) .section.construction-result .slider .slide .text p::after, .main:is(body.method-feature *) .section .text::after, .main:is(body.machine *) .section .items > li .text p::after,
.main:is(body.machine *) .section .items > li .text ul::after, .main:is(body.pile *) .lead .text p::after, .main:is(body.obstacle *) .lead .text p::after, .main:is(body.rcd *) .lead .text p::after, .main:is(body.tbhmpd *) .lead .text p::after, .main:is(body.bg *) .lead .text p::after, .main:is(body.message *) .article .catch::after, .main:is(body.message *) .article .text p::after, .main:is(body.message *) .article .text .signature .slogan::after, .main:is(body.company *) .section01 .list::after, .main:is(body.company *) .section02 .list::after, .main:is(body.company *) .section04 .list::after, .main:is(body.company *) .section05 .list::after, .main:is(body.company *) .section03 .list ul::after, .main:is(body.policy *) .section p::after, .main:is(body.contact *) .contact .text::after, .main:is(body.recruit *) .contact .text::after, .main:is(body.recruit *) .section p::after, .main:is(body.recruit *) .section.message .title::after, .main:is(body.recruit *) .section.benefits .dormitory .sttl::after, .main:is(body.recruit *) .section.culture .list .item .text .headline .catch::after, .main:is(body.recruit *) .section.culture .list .item .text p::after, .main:is(body.recruit *) .section.culture .list .item--01 .text .figure figcaption::after, .main:is(body.recruit *) .section.event .list .item p::after, .main:is(body.recruit *) .section.infromation .tabPanel section > .list::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .pageHeader .lead::before, .main:is(body.home *) .section.about .text p::before, .main:is(body.home *) .section.recruit .text p::before, .main:is(body.home *) .section.machine .text p::before, .main:is(body.home *) .section.method-feature .text p::before, .main:is(body.home *) .section.construction-result .slider .slide .text p::before, .main:is(body.method-feature *) .section .text::before, .main:is(body.machine *) .section .items > li .text p::before,
.main:is(body.machine *) .section .items > li .text ul::before, .main:is(body.pile *) .lead .text p::before, .main:is(body.obstacle *) .lead .text p::before, .main:is(body.rcd *) .lead .text p::before, .main:is(body.tbhmpd *) .lead .text p::before, .main:is(body.bg *) .lead .text p::before, .main:is(body.message *) .article .catch::before, .main:is(body.message *) .article .text p::before, .main:is(body.message *) .article .text .signature .slogan::before, .main:is(body.company *) .section01 .list::before, .main:is(body.company *) .section02 .list::before, .main:is(body.company *) .section04 .list::before, .main:is(body.company *) .section05 .list::before, .main:is(body.company *) .section03 .list ul::before, .main:is(body.policy *) .section p::before, .main:is(body.contact *) .contact .text::before, .main:is(body.recruit *) .contact .text::before, .main:is(body.recruit *) .section p::before, .main:is(body.recruit *) .section.message .title::before, .main:is(body.recruit *) .section.benefits .dormitory .sttl::before, .main:is(body.recruit *) .section.culture .list .item .text .headline .catch::before, .main:is(body.recruit *) .section.culture .list .item .text p::before, .main:is(body.recruit *) .section.culture .list .item--01 .text .figure figcaption::before, .main:is(body.recruit *) .section.event .list .item p::before, .main:is(body.recruit *) .section.infromation .tabPanel section > .list::before {
  margin-bottom: calc((1em - 1lh) / 2);
}
.main .pageHeader .lead::after, .main:is(body.home *) .section.about .text p::after, .main:is(body.home *) .section.recruit .text p::after, .main:is(body.home *) .section.machine .text p::after, .main:is(body.home *) .section.method-feature .text p::after, .main:is(body.home *) .section.construction-result .slider .slide .text p::after, .main:is(body.method-feature *) .section .text::after, .main:is(body.machine *) .section .items > li .text p::after,
.main:is(body.machine *) .section .items > li .text ul::after, .main:is(body.pile *) .lead .text p::after, .main:is(body.obstacle *) .lead .text p::after, .main:is(body.rcd *) .lead .text p::after, .main:is(body.tbhmpd *) .lead .text p::after, .main:is(body.bg *) .lead .text p::after, .main:is(body.message *) .article .catch::after, .main:is(body.message *) .article .text p::after, .main:is(body.message *) .article .text .signature .slogan::after, .main:is(body.company *) .section01 .list::after, .main:is(body.company *) .section02 .list::after, .main:is(body.company *) .section04 .list::after, .main:is(body.company *) .section05 .list::after, .main:is(body.company *) .section03 .list ul::after, .main:is(body.policy *) .section p::after, .main:is(body.contact *) .contact .text::after, .main:is(body.recruit *) .contact .text::after, .main:is(body.recruit *) .section p::after, .main:is(body.recruit *) .section.message .title::after, .main:is(body.recruit *) .section.benefits .dormitory .sttl::after, .main:is(body.recruit *) .section.culture .list .item .text .headline .catch::after, .main:is(body.recruit *) .section.culture .list .item .text p::after, .main:is(body.recruit *) .section.culture .list .item--01 .text .figure figcaption::after, .main:is(body.recruit *) .section.event .list .item p::after, .main:is(body.recruit *) .section.infromation .tabPanel section > .list::after {
  margin-top: calc((1em - 1lh) / 2);
}

@media screen and (hover: hover) and (pointer: fine) {
  .hov {
    transition: opacity 0.3s;
  }
  @supports (filter: brightness(100%)) {
    .hov {
      transition-property: filter;
    }
  }
  .hov:hover {
    opacity: 0.8;
  }
  @supports (filter: brightness(100%)) {
    .hov:hover {
      filter: brightness(110%);
      opacity: 1;
    }
  }
}

* {
  -webkit-tap-highlight-color: transparent;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
tr,
th,
td,
form,
figure {
  font-size: inherit;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

summary {
  display: block;
}

table {
  border-collapse: collapse;
  empty-cells: show;
}

th,
td {
  text-align: left;
  vertical-align: top;
}

li {
  list-style: none;
}

img {
  vertical-align: top;
  height: auto;
}

input,
textarea,
select {
  color: inherit;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

textarea {
  form-sizing: content;
}

button {
  color: inherit;
  font-family: inherit;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

select::-ms-expand {
  display: none;
}

[disabled] {
  cursor: not-allowed;
}

input[type=button]:not([disabled]), input[type=submit]:not([disabled]), input[type=reset]:not([disabled]),
button[type=button]:not([disabled]),
button[type=submit]:not([disabled]),
button[type=reset]:not([disabled]) {
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation: none !important;
            animation: none !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}
img,
video {
  max-width: 100%;
  height: auto;
}

:root {
  font-size: 100px;
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  :root {
    font-size: 8.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  :root {
    font-size: 26.6666666667vw;
  }
}

:target {
  scroll-margin-top: 0.91rem;
  /*@include sp {
  	scroll-margin-top: .75rem;
  }*/
}

html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  background: #f4efe2;
  color: #000;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
  font-size: 0.16rem;
  letter-spacing: 0;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  body {
    background: #1f871f;
    font-size: 0.14rem;
    line-height: 1.8571428571;
  }
}

.wrap {
  max-width: 10.8rem;
  margin-inline: auto;
}
@media screen and (max-width: 750px) {
  .wrap {
    padding-inline: 0.2rem;
  }
}

.sp {
  display: none;
}

@media screen and (max-width: 750px) {
  .pc {
    display: none;
  }
  .sp {
    display: revert;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .fadeIn {
    opacity: 0;
    transition: 0.8s;
    transition-property: opacity;
  }
  .fadeIn.scrollIn {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .fadeUp {
    opacity: 0;
    translate: 0 20% 0;
    transition: 0.8s;
    transition-property: opacity, translate;
  }
  .fadeUp.scrollIn {
    opacity: 1;
    translate: 0 0 0;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .scaleUp {
    opacity: 0;
    translate: 0 20% 0;
    scale: 0.75;
    transition: 0.8s;
    transition-property: opacity, translate, scale;
  }
  .scaleUp.scrollIn {
    opacity: 1;
    translate: 0 0 0;
    scale: 1;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .updown {
    -webkit-animation: float 6s ease-in-out infinite;
            animation: float 6s ease-in-out infinite;
  }
  @-webkit-keyframes float {
    0%, 100% {
      translate: 0 0 0;
    }
    50% {
      translate: 0 -0.2rem 0;
    }
  }
  @keyframes float {
    0%, 100% {
      translate: 0 0 0;
    }
    50% {
      translate: 0 -0.2rem 0;
    }
  }
}

@-webkit-keyframes ticker {
  from {
    translate: 0 0 0;
  }
  to {
    translate: -50% 0 0;
  }
}

@keyframes ticker {
  from {
    translate: 0 0 0;
  }
  to {
    translate: -50% 0 0;
  }
}
.gHeader {
  display: contents;
}
.gHeader::before {
  content: "";
  display: block;
  width: 100%;
  height: 0.9rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  background: linear-gradient(90deg, rgb(243, 243, 214), rgb(196, 221, 176) 50.43%, rgb(182, 218, 170));
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .gHeader::before {
    transition: opacity 0.4s;
  }
}
@media screen and (max-width: 750px) {
  .gHeader::before {
    content: none;
  }
}
.gHeader:is(body.turnHeader *)::before {
  opacity: 0.9;
}
.gHeader .logo {
  width: 1.77rem;
  position: fixed;
  top: 0.2rem;
  left: 0.4rem;
  z-index: 9000;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
  .gHeader .logo {
    position: absolute;
    top: 0.16rem;
    left: 0.2rem;
  }
}
.gHeader .gNav {
  padding: 0.24rem 0.24rem 0 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9000;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav {
    width: 100%;
    padding: 0;
  }
}
.gHeader .gNav .btn--menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.08rem;
  width: 0.84rem;
  height: 0.5rem;
  border: none;
  padding: 0;
  position: absolute;
  top: 0.16rem;
  right: 0.16rem;
  z-index: 1;
  background: #1f871f;
  border-radius: 0.25rem;
  color: #fff;
}
@media screen and (min-width: 751px) {
  .gHeader .gNav .btn--menu {
    display: none;
  }
}
.gHeader .gNav .btn--menu .bar {
  display: grid;
  width: 0.3rem;
  height: 0.08rem;
}
.gHeader .gNav .btn--menu .bar::before, .gHeader .gNav .btn--menu .bar::after {
  content: "";
  display: block;
  height: 0.01rem;
  grid-area: 1/1;
  align-self: center;
  justify-self: stretch;
  background: #fff;
  transition: 0.2s;
  transition-property: translate, rotate;
}
.gHeader .gNav .btn--menu .bar::before {
  translate: 0 -0.035rem 0;
}
.gHeader .gNav .btn--menu .bar::after {
  translate: 0 0.035rem 0;
}
.gHeader .gNav .btn--menu .bar:is(.gNav.active *)::before {
  translate: 0 0 0;
  rotate: 150deg;
}
.gHeader .gNav .btn--menu .bar:is(.gNav.active *)::after {
  translate: 0 0 0;
  rotate: 30deg;
}
.gHeader .gNav .btn--menu .text {
  font-family: "M PLUS 1p", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
  font-size: 0.13rem;
  font-weight: 700;
  line-height: 1;
}
.gHeader .gNav .navigation {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    padding: 1rem 0.4rem 0.4rem;
    position: absolute;
    top: 0;
    left: 0;
    background: #1f871f;
    overflow-y: scroll;
    translate: 100% 0 0;
  }
}
@media screen and (max-width: 750px) and (prefers-reduced-motion: no-preference) {
  .gHeader .gNav .navigation {
    transition: translate 0.4s;
  }
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation:is(.gNav.active *) {
    translate: 0 0 0;
  }
}
.gHeader .gNav .navigation .list {
  display: flex;
  gap: 0.6rem;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .list {
    display: grid;
    grid-template-rows: repeat(4, auto);
    grid-template-columns: 1.6rem 1fr;
    gap: 0;
    color: #fff;
    white-space: nowrap;
  }
  .gHeader .gNav .navigation .list .top {
    grid-row: 1/2;
    grid-column: 1/2;
  }
  .gHeader .gNav .navigation .list .service {
    grid-row: 2/3;
    grid-column: 1/2;
    margin: 0.38rem 0 0;
  }
  .gHeader .gNav .navigation .list .company {
    grid-row: 2/3;
    grid-column: 2/3;
    margin: 0.38rem 0 0;
  }
  .gHeader .gNav .navigation .list .recruit {
    grid-row: 3/4;
    grid-column: 1/2;
    margin: 0.28rem 0 0;
  }
  .gHeader .gNav .navigation .list .news {
    grid-row: 3/4;
    grid-column: 2/3;
    margin: 0.28rem 0 0;
  }
  .gHeader .gNav .navigation .list .movie {
    grid-row: 4/5;
    grid-column: 1/2;
    margin: 0.26rem 0 0;
  }
}
.gHeader .gNav .navigation .list a {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0 0 0.09rem;
  position: relative;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .list a {
    flex-direction: column-reverse;
    padding: 0;
    text-align: left;
  }
}
.gHeader .gNav .navigation .list a .en {
  font-size: 0.09rem;
  letter-spacing: 0.16em;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .list a .en {
    font-size: 0.11rem;
  }
}
.gHeader .gNav .navigation .list a .ja {
  font-size: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .list a .ja {
    font-size: 0.18rem;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .gHeader .gNav .navigation .list a::before {
    content: "";
    display: block;
    width: 100%;
    height: 0.01rem;
    background: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    scale: 0 1;
    transform-origin: right;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .gHeader .gNav .navigation .list a::before {
    transition: scale 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .gHeader .gNav .navigation .list a:hover::before {
    scale: 1 1;
    transform-origin: left;
  }
}
.gHeader .gNav .navigation .list li:has(.child) {
  position: relative;
}
@media screen and (hover: hover) and (pointer: fine) {
  .gHeader .gNav .navigation .list li:has(.child) .child {
    transition: grid-template-rows 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .gHeader .gNav .navigation .list li:has(.child):hover .child {
    grid-template-rows: 1fr;
  }
}
.gHeader .gNav .navigation .list .child {
  display: grid;
  grid-template-rows: 0fr;
  position: absolute;
  top: 100%;
  left: calc(50% - 0.8rem);
  width: 1.6rem;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .list .child {
    display: block;
    position: static;
    width: auto;
    margin: 0.12rem 0 0;
  }
}
.gHeader .gNav .navigation .list .child ul {
  overflow: hidden;
}
.gHeader .gNav .navigation .list .child ul::before {
  content: "";
  display: block;
  width: 0.18rem;
  height: 0.1rem;
  margin: 0 auto -0.01rem;
  background: #1f871f;
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .list .child ul::before {
    content: none;
  }
}
.gHeader .gNav .navigation .list .child ul li:nth-child(n+2) {
  border-top: 0.01rem solid #52a252;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .list .child ul li:nth-child(n+2) {
    border-top: none;
  }
}
.gHeader .gNav .navigation .list .child ul a {
  flex-direction: row;
  align-items: center;
  gap: 0.08rem;
  padding: 0 0 0 0.13rem;
  background: #1f871f;
  color: #fff;
  font-size: 0.13rem;
  line-height: 0.39rem;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .list .child ul a {
    gap: 0.04rem;
    padding: 0;
    background: transparent;
    font-size: 0.15rem;
    line-height: 0.35rem;
  }
}
.gHeader .gNav .navigation .list .child ul a::before {
  content: "";
  display: block;
  width: 0.05rem;
  height: 0.07rem;
  position: static;
  background: currentColor;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  scale: 1 1;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .list .child ul a::before {
    content: "-";
    display: inline;
    width: auto;
    height: auto;
    background: transparent;
    -webkit-clip-path: none;
            clip-path: none;
  }
}
.gHeader .gNav .navigation .contact {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.14rem;
  width: 1.66rem;
  height: 0.45rem;
  background: #fff;
  border-radius: 0.225rem;
  font-size: 0.14rem;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .contact {
    gap: 0.16rem;
    margin: 0.3rem 0 0;
    width: 2rem;
    height: 0.54rem;
    border-radius: 0.27rem;
    font-size: 0.16rem;
  }
}
.gHeader .gNav .navigation .contact::after {
  content: "";
  display: block;
  width: 0.11rem;
  aspect-ratio: 11/9;
  background: currentColor;
  -webkit-mask: url(../imgs/arw01.svg) center/contain no-repeat;
          mask: url(../imgs/arw01.svg) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .contact::after {
    width: 0.16rem;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .gHeader .gNav .navigation .contact {
    transition: 0.4s;
    transition-property: background-color, color;
  }
  .gHeader .gNav .navigation .contact::after {
    transition: translate 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .gHeader .gNav .navigation .contact:hover {
    background-color: #1f871f;
    color: #fff;
  }
  .gHeader .gNav .navigation .contact:hover::after {
    translate: 50% 0 0;
  }
}

@media screen and (max-width: 750px) {
  .main {
    background: #f4efe2;
  }
}
.main .pageHeader .category {
  padding: 1.3rem 0 0.74rem;
  background-image: url(../imgs/bg-pageHeader.svg), linear-gradient(90deg, #f3f3d6, #f3f3d6 calc(50% - 6rem), #c4ddb0 50%, #b7daaa calc(50% + 6rem), #b7daaa);
  background-position: calc(50% + 1.1rem) calc(100% + 0.68rem), 0 0;
  background-size: 10.48rem auto, cover;
  background-repeat: no-repeat;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .pageHeader .category {
    padding: 1.05rem 0 0.23rem;
    background-image: url(../imgs/bg-pageHeader_sp.svg), linear-gradient(90deg, #f3f3d6, #c4ddb0 50%, #b7daaa);
    background-position: 0.37rem calc(100% + 0.28rem), 0 0;
    background-size: 3.2rem auto, cover;
  }
}
.main .pageHeader .category .wrap {
  display: flex;
  flex-direction: column;
  gap: 0.04rem;
}
@media screen and (max-width: 750px) {
  .main .pageHeader .category .wrap {
    gap: 0.2rem;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .main .pageHeader .category .wrap.scrollIn .ja,
.main .pageHeader .category .wrap.scrollIn .en {
    visibility: visible;
  }
  .main .pageHeader .category .wrap.scrollIn .ja span,
.main .pageHeader .category .wrap.scrollIn .en span {
    opacity: 1;
  }
}
.main .pageHeader .category .ja,
.main .pageHeader .category .en {
  white-space: nowrap;
}
@media (prefers-reduced-motion: no-preference) {
  .main .pageHeader .category .ja,
.main .pageHeader .category .en {
    visibility: hidden;
  }
  .main .pageHeader .category .ja span,
.main .pageHeader .category .en span {
    opacity: 0;
    transition: opacity 0.4s;
  }
}
.main .pageHeader .category .ja {
  font-size: 0.18rem;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
  .main .pageHeader .category .ja {
    font-size: 0.14rem;
  }
}
.main .pageHeader .category .en {
  color: #1f871f;
  font-family: "M PLUS 1p", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  scale: 0.85 1;
  transform-origin: left;
}
@media screen and (max-width: 750px) {
  .main .pageHeader .category .en {
    font-size: 0.55rem;
  }
}
.main .pageHeader .breadCrumb {
  padding: 0.14rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .pageHeader .breadCrumb {
    padding: 0.12rem 0 0;
  }
}
.main .pageHeader .breadCrumb ul {
  display: flex;
  font-size: 0.12rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.main .pageHeader .breadCrumb ul li:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}
.main .pageHeader .breadCrumb ul li:nth-last-child(n+2)::after {
  content: ">";
  margin: 0 1em;
}
@media screen and (max-width: 750px) {
  .main .pageHeader .breadCrumb ul li:nth-last-child(n+2)::after {
    margin: 0 0.5em;
  }
}
.main .pageHeader .pageTitle {
  padding: 0.55rem 0 0;
  font-size: 0.36rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .pageHeader .pageTitle {
    padding: 0.45rem 0 0;
    font-size: 0.26rem;
  }
}
.main .pageHeader .lead {
  padding: 0.32rem 0 0;
  font-feature-settings: "plat";
  font-size: 0.26rem;
  font-weight: 700;
  line-height: 1.7307692308;
}
@media screen and (max-width: 750px) {
  .main .pageHeader .lead {
    padding: 0.22rem 0 0;
    font-size: 0.18rem;
    line-height: 1.6666666667;
  }
}
.main .sectionTitle {
  display: flex;
  gap: 0.18rem;
  align-items: center;
  font-size: 0.26rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .sectionTitle {
    gap: 0.12rem;
    font-size: 0.2rem;
  }
}
.main .sectionTitle::before {
  content: "";
  display: block;
  width: 0.11rem;
  height: 0.34rem;
  background: currentColor;
  border-radius: 0.11rem 0 0.11rem 0;
}
@media screen and (max-width: 750px) {
  .main .sectionTitle::before {
    width: 0.07rem;
    height: 0.24rem;
    border-radius: 0.07rem 0 0.07rem 0;
  }
}
.main .sectionTitle .small {
  font-size: 0.22rem;
}
@media screen and (max-width: 750px) {
  .main .sectionTitle .small {
    font-size: 0.15rem;
  }
}
.main .btn--detail01 {
  display: grid;
  grid-template-columns: auto 0.52rem;
  align-items: center;
  gap: 0.15rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .main .btn--detail01 {
    grid-template-columns: auto 0.36rem;
    gap: 0.12rem;
    font-size: 0.16rem;
  }
}
.main .btn--detail01::before, .main .btn--detail01::after {
  grid-row: 1/2;
  grid-column: 2/3;
  content: "";
  display: block;
}
.main .btn--detail01::before {
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 1;
  border: 0.02rem solid currentColor;
  background: #fff;
  border-radius: 50%;
}
.main .btn--detail01::after {
  justify-self: center;
  width: 0.08rem;
  height: 0.12rem;
  background: currentColor;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  translate: 20% 0;
}
@media screen and (max-width: 750px) {
  .main .btn--detail01::after {
    width: 0.05rem;
    height: 0.09rem;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main .btn--detail01::before, .main .btn--detail01::after {
    transition: background-color 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main .btn--detail01:hover::before {
    background: currentColor;
  }
  .main .btn--detail01:hover::after {
    background: #fff;
  }
}
.main .btn--detail02 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 1.62rem;
  height: 0.42rem;
  border: 0.01rem solid;
  padding: 0 0.15rem 0 0.24rem;
  background: #fff;
  border-radius: 0.21rem;
  font-size: 0.14rem;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .main .btn--detail02 {
    width: 1.5rem;
    height: 0.4rem;
    padding: 0 0.15rem 0 0.24rem;
    border-radius: 0.2rem;
  }
}
.main .btn--detail02::after {
  content: "";
  display: block;
  width: 0.07rem;
  height: 0.14rem;
  background: currentColor;
  -webkit-mask: url(../imgs/arw02.svg) center/contain no-repeat;
          mask: url(../imgs/arw02.svg) center/contain no-repeat;
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main .btn--detail02 {
    transition: 0.4s;
    transition-property: background-color, color;
  }
}
.main .btn--detail03 {
  display: grid;
  grid-template-columns: 0.35rem auto;
  align-items: center;
  gap: 0.14rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .main .btn--detail03 {
    grid-template-columns: 0.29rem auto;
    gap: 0.12rem;
    font-size: 0.16rem;
  }
}
.main .btn--detail03::before, .main .btn--detail03::after {
  grid-row: 1/2;
  grid-column: 1/2;
  content: "";
  display: block;
}
.main .btn--detail03::before {
  box-sizing: border-box;
  width: 0.35rem;
  aspect-ratio: 1;
  border: 0.01rem solid;
  border-radius: 50%;
}
@media screen and (max-width: 750px) {
  .main .btn--detail03::before {
    width: 0.29rem;
  }
}
.main .btn--detail03::after {
  justify-self: center;
  width: 0.07rem;
  aspect-ratio: 7/13;
  -webkit-mask: url(../imgs/arw04.svg) center/contain no-repeat;
          mask: url(../imgs/arw04.svg) center/contain no-repeat;
  translate: 20% 0;
}
@media screen and (max-width: 750px) {
  .main .btn--detail03::after {
    width: 0.06rem;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main .btn--detail03::before, .main .btn--detail03::after {
    transition: background-color 0.4s;
  }
}
.main .movieHolder {
  display: grid;
  box-sizing: border-box;
  width: 8.12rem;
  border: 0.06rem solid #029f20;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main .movieHolder {
    width: 3.34rem;
    border-width: 0.02rem;
  }
}
.main .movieHolder::before, .main .movieHolder::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
}
.main .movieHolder::before {
  width: 1.07rem;
  aspect-ratio: 1;
  box-sizing: border-box;
  border: 0.03rem solid #029f20;
  background: #029f20;
  border-radius: 50%;
  translate: -50% -50%;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  .main .movieHolder::before {
    width: 0.44rem;
  }
}
.main .movieHolder::after {
  width: 0.18rem;
  height: 0.3rem;
  background: #fff;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  translate: -30% -50%;
  z-index: 2;
}
@media screen and (max-width: 750px) {
  .main .movieHolder::after {
    width: 0.07rem;
    height: 0.13rem;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main .movieHolder::before, .main .movieHolder::after {
    transition: background-color 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main .movieHolder:hover::before {
    background: #fff;
  }
  .main .movieHolder:hover::after {
    background: #029f20;
  }
}
.main .movieHolder.playing::before, .main .movieHolder.playing::after,
.main .movieHolder.playing .cover {
  display: none;
}
.main .movieHolder .movie {
  grid-area: 1/1;
  display: block;
  width: 100%;
  height: 4.5rem;
}
@media screen and (max-width: 750px) {
  .main .movieHolder .movie {
    height: 1.85625rem;
  }
}
.main .movieHolder .cover {
  grid-area: 1/1;
  width: 100%;
  height: 100%;
  position: relative;
  background: center/cover no-repeat;
  pointer-events: none;
}
.main:is(body.home *) {
  overflow: hidden;
}
.main:is(body.home *) .bg {
  position: absolute;
  background: center/contain no-repeat;
}
.main:is(body.home *) .title img {
  width: 100%;
}
.main:is(body.home *) .group--01 {
  background: linear-gradient(90deg, #f3f3d6, #f3f3d6 calc(50% - 6rem), #c4ddb0 50%, #b7daaa calc(50% + 6rem), #b7daaa);
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .group--01 {
    background: linear-gradient(90deg, #f3f3d6, #c4ddb0 50%, #b7daaa);
  }
}
.main:is(body.home *) .hero {
  padding: 1.5rem 0 0.44rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .hero {
    padding: 1.05rem 0 2rem;
  }
}
.main:is(body.home *) .hero .wrap {
  position: relative;
}
.main:is(body.home *) .hero .bg--01 {
  width: 4rem;
  aspect-ratio: 400/342;
  top: -0.32rem;
  left: -1.6rem;
  background-image: url(../imgs/home/bg01.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .hero .bg--01 {
    top: -0.14rem;
    left: -1.31rem;
  }
}
.main:is(body.home *) .hero .bg--02 {
  width: 5.6rem;
  aspect-ratio: 560/479;
  top: -0.37rem;
  right: -2.08rem;
  background-image: url(../imgs/home/bg02.svg);
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .hero .bg--02 {
    width: 4.48rem;
    top: 3.16rem;
    right: -1.7rem;
  }
}
.main:is(body.home *) .hero .bg--03 {
  width: 10.48rem;
  aspect-ratio: 1048/289;
  top: 2.25rem;
  left: 0.73rem;
  background-image: url(../imgs/home/bg06.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .hero .bg--03 {
    width: 3.76rem;
    aspect-ratio: 376/238;
    top: 1.42rem;
    left: 0.26rem;
    background-image: url(../imgs/home/bg06_sp.svg);
  }
}
.main:is(body.home *) .hero .catch,
.main:is(body.home *) .hero .text {
  text-shadow: 0 0 0.02rem #fff, 0 0 0.04rem #fff, 0 0 0.1rem #fff;
}
@media (prefers-reduced-motion: no-preference) {
  .main:is(body.home *) .hero .catch span,
.main:is(body.home *) .hero .text span {
    opacity: 0;
  }
}
.main:is(body.home *) .hero .catch {
  color: #1f871f;
  font-family: "M PLUS 1p", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2461538462;
  white-space: nowrap;
  scale: 0.85 1;
  transform-origin: left;
}
@media (prefers-reduced-motion: no-preference) {
  .main:is(body.home *) .hero .catch span {
    transition: opacity 0.4s;
  }
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .hero .catch {
    font-size: 0.4rem;
    line-height: 1.25;
  }
}
.main:is(body.home *) .hero .text {
  margin: 0.21rem 0 0;
  font-weight: 500;
  line-height: 2.125;
  white-space: nowrap;
}
@media (prefers-reduced-motion: no-preference) {
  .main:is(body.home *) .hero .text span {
    transition: opacity 0.2s;
  }
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .hero .text {
    margin: 0.19rem 0 0;
    font-size: 0.15rem;
    line-height: 1.8666666667;
  }
}
.main:is(body.home *) .hero .anime-iframe {
  width: 7.57rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  translate: 0.52rem -0.4rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .hero .anime-iframe {
    width: 3.8rem;
    top: 2.26rem;
    right: -0.17rem;
    translate: none;
  }
}
.main:is(body.home *) .hero .anime-iframe iframe {
  display: block;
  width: 100%;
  border: none;
  z-index: 1;
  aspect-ratio: 757/550;
}
.main:is(body.home *) .hero.scrollIn .catch span,
.main:is(body.home *) .hero.scrollIn .text span {
  opacity: 1;
}
.main:is(body.home *) .section.about {
  position: relative;
  container-type: inline-size;
  background-image: url(../imgs/home/bg07.svg), linear-gradient(#f4efe2, #f4efe2);
  background-position: 50% 0.1rem, 0 100%;
  background-size: 19.69rem auto, 100% 50%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.about {
    background-image: url(../imgs/home/bg16.svg), url(../imgs/home/bg07_sp.svg), linear-gradient(#f4efe2, #f4efe2);
    background-position: 0.15rem 0.45rem, 50% 0.1rem, 0 100%;
    background-size: 0.21rem auto, 6.15rem auto, 100% 5.9rem;
  }
}
.main:is(body.home *) .section.about .wrap {
  display: grid;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.about .wrap {
    display: block;
  }
}
.main:is(body.home *) .section.about .text {
  grid-area: 1/1;
  width: 5rem;
  padding: 1.3rem 0 0;
  justify-self: end;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.about .text {
    width: auto;
    padding: 0.6rem 0 0;
  }
}
.main:is(body.home *) .section.about .text .title {
  width: 4.57rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.about .text .title {
    width: 3.2rem;
  }
}
.main:is(body.home *) .section.about .text p {
  padding: 0.37rem 0 0;
  line-height: 2.125;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.about .text p {
    padding: 0.27rem 0 0;
    font-size: 0.15rem;
    line-height: 1.8666666667;
    white-space: normal;
  }
}
.main:is(body.home *) .section.about .image {
  grid-area: 1/1;
  width: 8.42rem;
  margin-left: calc(5.4rem - 50cqw);
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.about .image {
    width: auto;
    margin: 0 -0.2rem;
  }
}
.main:is(body.home *) .section.about .bg {
  width: 0.3rem;
  aspect-ratio: 1;
  top: 0.95rem;
  left: 5.14rem;
  background-image: url(../imgs/home/bg16.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.about .bg {
    display: none;
  }
}
.main:is(body.home *) .section.recruit {
  padding: 0.7rem 0;
  background: rgba(86, 175, 76, 0.2) url(../imgs/home/bg09.svg) calc(50% + 0.15rem - 0.47rem) 0.23rem/0.3rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit {
    padding: 0.34rem 0 0.24rem;
    background-position: calc(100% - 0.11rem) 5.87rem;
    background-size: 0.21rem auto;
  }
}
.main:is(body.home *) .section.recruit .wrap {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: 1fr 5.36rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .wrap {
    display: block;
  }
}
.main:is(body.home *) .section.recruit .bg--01 {
  width: 6rem;
  aspect-ratio: 600/479;
  top: -1.1rem;
  right: -3.17rem;
  background-image: url(../imgs/home/bg03.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .bg--01 {
    width: 3.29rem;
    aspect-ratio: 329/282;
    top: 2.57rem;
    right: -1.92rem;
    background-image: url(../imgs/home/bg03_sp.svg);
  }
}
.main:is(body.home *) .section.recruit .bg--02 {
  width: 1.94rem;
  aspect-ratio: 194/174;
  top: -1.24rem;
  right: 1.12rem;
  background-image: url(../imgs/home/bg08.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .bg--02 {
    width: 1.36rem;
    aspect-ratio: 136/122;
    top: 2.5rem;
    right: 0.64rem;
    background-image: url(../imgs/home/bg08_sp.svg);
  }
}
.main:is(body.home *) .section.recruit .text {
  grid-row: 1/2;
  grid-column: 1/2;
  padding: 0.14rem 0 0 0.58rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .text {
    padding: 0;
  }
}
.main:is(body.home *) .section.recruit .text .title {
  width: 3.42rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .text .title {
    width: 2.42rem;
  }
}
.main:is(body.home *) .section.recruit .text p {
  padding: 0.4rem 0 0;
  line-height: 2.125;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .text p {
    padding: 0.29rem 0 0;
    font-size: 0.15rem;
    line-height: 1.8666666667;
  }
}
.main:is(body.home *) .section.recruit .image {
  grid-row: 1/2;
  grid-column: 2/3;
  margin: 0 0.1rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .image {
    width: 3.3rem;
    margin: 0.32rem auto 0;
  }
}
.main:is(body.home *) .section.recruit .interview {
  grid-row: 2/3;
  grid-column: 1/3;
  margin: 0.67rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .interview {
    margin: 0.39rem 0 0;
  }
}
.main:is(body.home *) .section.recruit .interview .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.22rem;
  text-align: center;
  font-family: "M PLUS 1p", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .interview .title {
    gap: 0.1rem;
  }
}
.main:is(body.home *) .section.recruit .interview .title .en {
  display: grid;
  place-items: center;
  width: 1.92rem;
  height: 0.28rem;
  background: #029f20;
  color: #fff;
  font-size: 0.2rem;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .interview .title .en {
    width: 1.35rem;
    height: 0.23rem;
    font-size: 0.18rem;
  }
}
.main:is(body.home *) .section.recruit .interview .title .en span {
  display: block;
  scale: 0.85 1;
}
.main:is(body.home *) .section.recruit .interview .title .ja {
  color: #029f20;
  font-size: 0.4rem;
  letter-spacing: 0.08em;
  scale: 0.85 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .interview .title .ja {
    font-size: 0.28rem;
    line-height: 1.2142857143;
  }
}
.main:is(body.home *) .section.recruit .interview .movieHolder {
  margin: 0.23rem auto 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .interview .movieHolder {
    margin: 0.17rem auto 0;
  }
}
.main:is(body.home *) .section.recruit .interview .movieHolder .cover {
  background-image: url(../imgs/th-movie01.jpg);
}
.main:is(body.home *) .section.recruit .bnr {
  grid-row: 3/4;
  grid-column: 1/3;
  display: block;
  width: 7.33rem;
  margin: 0.68rem auto 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .bnr {
    width: 3.3rem;
    margin: 0.49rem auto 0;
  }
}
.main:is(body.home *) .section.recruit .bnr img {
  width: 100%;
}
.main:is(body.home *) .section.recruit .bnr .hovText {
  width: 1.49rem;
  position: absolute;
  top: -0.35rem;
  right: 0.84rem;
  opacity: 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.recruit .bnr .hovText {
    width: 1.14rem;
    top: -0.3rem;
    right: 0.44rem;
    opacity: 1;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.home *) .section.recruit .bnr .hovText {
    transition: opacity 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.home *) .section.recruit .bnr:hover .hovText {
    opacity: 1;
  }
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.machine {
    padding: 0.2rem 0 0.18rem;
  }
}
.main:is(body.home *) .section.machine .wrap {
  display: grid;
  grid-template-columns: 5.8rem 1fr;
  position: relative;
  background-image: url(../imgs/home/bg10.svg), url(../imgs/home/bg10.svg);
  background-position: 3.34rem 0.51rem, 0.54rem calc(100% - 0.32rem);
  background-size: 0.3rem auto;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.machine .wrap {
    display: block;
    background-position: 2.38rem 2.22rem, 0.41rem calc(100% - 0.21rem);
    background-size: 0.21rem auto;
  }
}
.main:is(body.home *) .section.machine .bg--01 {
  width: 5.6rem;
  aspect-ratio: 560/479;
  top: 0.45rem;
  left: -2.38rem;
  background-image: url(../imgs/home/bg04.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.machine .bg--01 {
    width: 3.92rem;
    top: 2.19rem;
    left: -1.82rem;
  }
}
.main:is(body.home *) .section.machine .bg--02 {
  width: 1.86rem;
  aspect-ratio: 186/175;
  bottom: -0.37rem;
  left: 1.63rem;
  background-image: url(../imgs/home/bg11.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.machine .bg--02 {
    width: 1.3rem;
    bottom: -0.25rem;
    left: 1.37rem;
  }
}
.main:is(body.home *) .section.machine .text {
  grid-row: 1/2;
  grid-column: 2/3;
  padding: 0.75rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.machine .text {
    padding: 0;
  }
}
.main:is(body.home *) .section.machine .text .title {
  width: 3.01rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.machine .text .title {
    width: 2.37rem;
  }
}
.main:is(body.home *) .section.machine .text p {
  padding: 0.36rem 0 0;
  line-height: 2.125;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.machine .text p {
    padding: 0.26rem 0 0;
    line-height: 2;
  }
}
.main:is(body.home *) .section.machine .text .btn {
  margin: 0.27rem 0 0;
  color: #e95513;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.machine .text .btn {
    margin: 0.16rem 0 0;
  }
}
.main:is(body.home *) .section.machine .image {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 4.81rem;
  margin: 0.62rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.machine .image {
    width: 3.36rem;
    margin: 0.2rem 0 0 0.03rem;
  }
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.method-feature {
    padding: 0.2rem 0 0.42rem;
  }
}
.main:is(body.home *) .section.method-feature .wrap {
  display: grid;
  grid-template-columns: 1fr 4.81rem;
  position: relative;
  background-image: url(../imgs/home/bg12.svg), url(../imgs/home/bg12.svg);
  background-position: 6.17rem 0.97rem, calc(100% - 0.44rem) 3.18rem;
  background-size: 0.3rem auto;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.method-feature .wrap {
    display: block;
    background-position: 0.31rem 3.68rem, 3.02rem calc(100% - 0.13rem);
    background-size: 0.21rem auto;
  }
}
.main:is(body.home *) .section.method-feature .bg--01 {
  width: 5.6rem;
  aspect-ratio: 560/479;
  top: -0.45rem;
  right: -3.29rem;
  background-image: url(../imgs/home/bg05.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.method-feature .bg--01 {
    width: 3.92rem;
    top: auto;
    right: -2.11rem;
    bottom: -0.38rem;
  }
}
.main:is(body.home *) .section.method-feature .bg--02 {
  width: 1.92rem;
  aspect-ratio: 192/175;
  right: 1.17rem;
  bottom: -0.17rem;
  background-image: url(../imgs/home/bg13.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.method-feature .bg--02 {
    width: 1.35rem;
    right: 1.02rem;
    bottom: -0.29rem;
  }
}
.main:is(body.home *) .section.method-feature .text {
  grid-row: 1/2;
  grid-column: 1/2;
  padding: 0.96rem 0 0 0.58rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.method-feature .text {
    padding: 0;
  }
}
.main:is(body.home *) .section.method-feature .text .title {
  width: 3.26rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.method-feature .text .title {
    width: 2.55rem;
  }
}
.main:is(body.home *) .section.method-feature .text p {
  padding: 0.33rem 0 0;
  line-height: 2.125;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.method-feature .text p {
    padding: 0.26rem 0 0;
    line-height: 2;
  }
}
.main:is(body.home *) .section.method-feature .text .btn {
  margin: 0.27rem 0 0;
  color: #bc7e00;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.method-feature .text .btn {
    margin: 0.16rem 0 0;
  }
}
.main:is(body.home *) .section.method-feature .image {
  grid-row: 1/2;
  grid-column: 2/3;
  margin: -0.54rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.method-feature .image {
    width: 3.37rem;
    margin: 0.1rem 0 0;
  }
}
.main:is(body.home *) .section.construction-result {
  margin: 0.6rem 0 0;
  padding: 0.78rem 0 0.66rem;
  background-color: #acddf7;
  background-image: repeating-linear-gradient(-20deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 0.02rem, transparent 0.02rem, transparent 0.23rem), repeating-linear-gradient(-110deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 0.02rem, transparent 0.02rem, transparent 0.23rem);
  -webkit-clip-path: circle(30.3rem at 50% 30.3rem);
          clip-path: circle(30.3rem at 50% 30.3rem);
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result {
    margin: 0;
    padding: 0.39rem 0 0.29rem;
    -webkit-clip-path: circle(8.89rem at 50% 8.89rem);
            clip-path: circle(8.89rem at 50% 8.89rem);
  }
}
.main:is(body.home *) .section.construction-result .title {
  width: 2.09rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .title {
    width: 1.63rem;
  }
}
.main:is(body.home *) .section.construction-result .slider {
  margin: 0.58rem 0.66rem 0;
  position: relative;
  overflow: visible;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider {
    margin: 0.2rem auto 0;
    width: 2.65rem;
  }
}
.main:is(body.home *) .section.construction-result .slider .slide {
  width: 3.14rem;
  display: grid;
  grid-template-rows: 2.9rem 1.64rem auto;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .slide {
    width: 2.65rem;
    grid-template-rows: 2.46rem 1.45rem auto;
  }
}
.main:is(body.home *) .section.construction-result .slider .slide .image {
  grid-row: 1/2;
  grid-column: 1/2;
  margin: 0 auto;
}
.main:is(body.home *) .section.construction-result .slider .slide .text {
  grid-row: 2/3;
  grid-column: 1/2;
  padding: 0 0.36rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .slide .text {
    padding: 0 0.14rem;
  }
}
.main:is(body.home *) .section.construction-result .slider .slide .text .name {
  font-size: 0.21rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .slide .text .name {
    font-size: 0.19rem;
  }
}
.main:is(body.home *) .section.construction-result .slider .slide .text p {
  padding: 0.22rem 0 0;
  font-size: 0.14rem;
  line-height: 1.8571428571;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .slide .text p {
    padding: 0.2rem 0 0;
    line-height: 1.7142857143;
  }
}
.main:is(body.home *) .section.construction-result .slider .slide .btn {
  grid-row: 3/4;
  grid-column: 1/2;
  margin: 0 0 0 0.36rem;
  border-color: #0a4f9a;
  color: #0a4f9a;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .slide .btn {
    margin: 0 0 0 0.14rem;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.home *) .section.construction-result .slider .slide .btn:hover {
    color: #fff;
    background-color: #0a4f9a;
  }
}
.main:is(body.home *) .section.construction-result .slider .slide--01 .image {
  width: 2.35rem;
  margin-top: 0.04rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .slide--01 .image {
    width: 2.16rem;
    margin-top: 0;
  }
}
.main:is(body.home *) .section.construction-result .slider .slide--02 .image {
  width: 2.4rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .slide--02 .image {
    width: 2.22rem;
  }
}
.main:is(body.home *) .section.construction-result .slider .slide--03 .image {
  width: 2.59rem;
  margin-top: 0.09rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .slide--03 .image {
    width: 2.39rem;
    margin-top: 0;
  }
}
.main:is(body.home *) .section.construction-result .slider .slide--04 .image {
  width: 2.71rem;
  margin-top: 0.06rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .slide--04 .image {
    width: 2.5rem;
    margin-top: 0;
  }
}
.main:is(body.home *) .section.construction-result .slider .slide--05 .image {
  width: 2.64rem;
  margin-top: 0.01rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .slide--05 .image {
    width: 2.44rem;
    margin-top: 0;
  }
}
.main:is(body.home *) .section.construction-result .slider .btn--prev,
.main:is(body.home *) .section.construction-result .slider .btn--next {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 0.46rem;
  height: 0.46rem;
  position: absolute;
  top: 1.72rem;
  z-index: 1;
  background: #0a4f9a;
  border-radius: 50%;
  border: 0.01rem solid #fff;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .btn--prev,
.main:is(body.home *) .section.construction-result .slider .btn--next {
    width: 0.39rem;
    height: 0.39rem;
    top: 0.97rem;
  }
}
.main:is(body.home *) .section.construction-result .slider .btn--prev::before,
.main:is(body.home *) .section.construction-result .slider .btn--next::before {
  content: "";
  display: block;
  width: 0.1rem;
  height: 0.16rem;
  background: #fff;
  -webkit-mask: url(../imgs/arw02.svg) center/contain no-repeat;
          mask: url(../imgs/arw02.svg) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .btn--prev::before,
.main:is(body.home *) .section.construction-result .slider .btn--next::before {
    width: 0.09rem;
    height: 0.14rem;
  }
}
.main:is(body.home *) .section.construction-result .slider .btn--prev {
  left: -0.2rem;
  scale: -1 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .btn--prev {
    left: -0.44rem;
  }
}
.main:is(body.home *) .section.construction-result .slider .btn--next {
  right: -0.2rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .btn--next {
    right: -0.44rem;
  }
}
.main:is(body.home *) .section.construction-result .slider .pagination {
  display: flex;
  justify-content: center;
  gap: 0.09rem;
  margin: 0.51rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.construction-result .slider .pagination {
    gap: 0.17rem;
    margin: 0.24rem 0 0;
  }
}
.main:is(body.home *) .section.construction-result .slider .pagination .swiper-pagination-bullet {
  box-sizing: border-box;
  width: 0.11rem;
  height: 0.11rem;
  margin: 0;
  border: 0.01rem solid #fff;
  background: #fff;
  opacity: 1;
}
.main:is(body.home *) .section.construction-result .slider .pagination .swiper-pagination-bullet-active {
  background: #0a4f9a;
}
.main:is(body.home *) .section.news {
  padding: 0.54rem 0 0;
  background: linear-gradient(#005ca7, #005ca7) 100% 0.54rem/50% calc(100% - 0.54rem) no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.news {
    padding: 0.3rem 0 0;
    background: none;
  }
}
.main:is(body.home *) .section.news .wrap {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 2.36rem 1fr;
  gap: 0.2rem 0;
  box-sizing: border-box;
  width: 11.2rem;
  padding: 1rem 0 1rem 0.6rem;
  background-color: #005ca7;
  background-image: url(../imgs/home/bg14.svg), url(../imgs/home/bg15.svg);
  background-position: 0.9rem -0.675rem, 100% calc(100% + 0.69rem);
  background-size: auto 1.35rem, auto 1.38rem;
  background-repeat: no-repeat;
  border-radius: 0.4rem 0 0 0.4rem;
  color: #fff;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.news .wrap {
    display: block;
    width: auto;
    margin: 0 0 0 0.16rem;
    padding: 0.24rem 0.2rem 0.3rem;
    background-image: url(../imgs/home/bg14_sp.svg), url(../imgs/home/bg15_sp.svg);
    background-position: 0.87rem -0.378rem, 1.1rem calc(100% + 0.387rem);
    background-size: 2.2rem auto, 2.21rem auto;
    border-radius: 0.24rem 0 0 0.24rem;
  }
}
.main:is(body.home *) .section.news .wrap .title {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 1.47rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.news .wrap .title {
    width: 1.03rem;
  }
}
.main:is(body.home *) .section.news .wrap .list {
  grid-row: 1/3;
  grid-column: 2/3;
  align-self: start;
  border-bottom: 0.01rem dashed #fff;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.news .wrap .list {
    margin: 0.24rem 0 0;
  }
}
.main:is(body.home *) .section.news .wrap .list li {
  display: grid;
  grid-template-columns: 0.94rem 0.92rem 1fr;
  gap: 0.09rem 0;
  box-sizing: border-box;
  min-height: 0.9rem;
  border-top: 0.01rem dashed #fff;
  padding: 0 0.09rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.news .wrap .list li {
    grid-template-rows: auto auto;
    grid-template-columns: 0.82rem 1fr 0.27rem;
    padding: 0.18rem 0 0.13rem 0.06rem;
  }
  .main:is(body.home *) .section.news .wrap .list li::after {
    grid-row: 1/3;
    grid-column: 3/4;
    align-self: center;
    content: "";
    display: block;
    width: 0.2rem;
    height: 0.11rem;
    background: url(../imgs/arw03.svg) center/contain no-repeat;
  }
}
.main:is(body.home *) .section.news .wrap .list .date {
  grid-row: 1/2;
  grid-column: 1/2;
  align-self: center;
}
.main:is(body.home *) .section.news .wrap .list .category {
  grid-row: 1/2;
  grid-column: 2/3;
  align-self: center;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  height: 0.28rem;
  border: 0.01rem solid #fff;
  border-radius: 0.14rem;
  font-size: 0.13rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.news .wrap .list .category {
    width: 0.84rem;
    height: 0.26rem;
    border-radius: 0.13rem;
    font-size: 0.12rem;
  }
}
.main:is(body.home *) .section.news .wrap .list .text {
  grid-row: 1/2;
  grid-column: 3/4;
  align-self: center;
  padding: 0 0 0 0.17rem;
  font-size: 0.17rem;
  line-height: 1.5294117647;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.news .wrap .list .text {
    grid-row: 2/3;
    grid-column: 1/3;
    padding: 0;
    font-size: 0.15rem;
    line-height: 1.6666666667;
  }
}
.main:is(body.home *) .section.news .wrap .list .text a {
  display: grid;
  grid-template-columns: 1fr 0.19rem;
  gap: 0.17rem;
  padding: 0.1rem 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.news .wrap .list .text a {
    display: block;
    padding: 0;
  }
}
.main:is(body.home *) .section.news .wrap .list .text a::after {
  grid-row: 1/2;
  grid-column: 2/3;
  align-self: center;
  content: "";
  display: block;
  width: 0.19rem;
  height: 0.1rem;
  background: url(../imgs/arw03.svg) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.news .wrap .list .text a::after {
    content: none;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.home *) .section.news .wrap .list .text a::after {
    transition: translate 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.home *) .section.news .wrap .list .text a:hover::after {
    translate: 50% 0 0;
  }
}
.main:is(body.home *) .section.news .wrap .btn {
  grid-row: 2/3;
  grid-column: 1/2;
  align-self: flex-end;
}
@media screen and (max-width: 750px) {
  .main:is(body.home *) .section.news .wrap .btn {
    margin: 0.2rem 0 0;
  }
}
.main:is(body.home *) .section.news .wrap .btn::before {
  border-color: #fff;
  background: #fff;
}
.main:is(body.home *) .section.news .wrap .btn::after {
  background: #005ca7;
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.home *) .section.news .wrap .btn:hover::before {
    background: #005ca7;
  }
  .main:is(body.home *) .section.news .wrap .btn:hover::after {
    background: #fff;
  }
}
.main:is(body.method-feature *) {
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) {
    padding-bottom: 0.38rem;
  }
}
.main:is(body.method-feature *) .pageTitle {
  color: #bc7e00;
}
.main:is(body.method-feature *) .sNav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem;
  width: 10.04rem;
  margin: 0.6rem auto 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .sNav {
    width: auto;
    margin: 0.26rem 0 0;
    gap: 0.08rem 0.09rem;
  }
}
.main:is(body.method-feature *) .sNav li {
  width: calc((100% - 0.3rem) / 3);
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .sNav li {
    width: calc(50% - 0.045rem);
  }
}
.main:is(body.method-feature *) .sNav li a {
  display: grid;
  place-items: center left;
  box-sizing: border-box;
  height: 0.9rem;
  border: 0.02rem solid #d7b366;
  padding: 0 0 0 0.17rem;
  position: relative;
  background-color: #d7b366;
  border-radius: 0.07rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 1.3888888889;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .sNav li a {
    height: 0.69rem;
    padding: 0 0 0.2rem 0.08rem;
    border-radius: 0.04rem;
    font-size: 0.13rem;
    line-height: 1.3076923077;
  }
}
.main:is(body.method-feature *) .sNav li a .small {
  font-size: 0.14rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .sNav li a .small {
    font-size: 0.1rem;
  }
}
.main:is(body.method-feature *) .sNav li a::before, .main:is(body.method-feature *) .sNav li a::after {
  content: "";
  display: block;
  width: 0.41rem;
  height: 0.28rem;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 0.05rem 0.02rem 0.05rem 0.02rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .sNav li a::before, .main:is(body.method-feature *) .sNav li a::after {
    width: 100%;
    height: 0.2rem;
    right: 0;
    bottom: 0;
    border-radius: 0 0.02rem 0.02rem 0;
  }
}
.main:is(body.method-feature *) .sNav li a::before {
  background: #fff;
}
.main:is(body.method-feature *) .sNav li a::after {
  background: #d7b366;
  -webkit-mask: url(../imgs/arw05.svg) center/0.15rem auto no-repeat;
          mask: url(../imgs/arw05.svg) center/0.15rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .sNav li a::after {
    -webkit-mask-position: calc(100% - 0.08rem) 50%;
            mask-position: calc(100% - 0.08rem) 50%;
    -webkit-mask-size: 0.1rem auto;
            mask-size: 0.1rem auto;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.method-feature *) .sNav li a::after {
    transition: translate 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.method-feature *) .sNav li a:hover::after {
    translate: 0.08rem 0 0;
  }
}
.main:is(body.method-feature *) .section {
  margin: 0.98rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .section {
    margin: 0.5rem 0 0;
  }
}
.main:is(body.method-feature *) .section .wrap {
  max-width: 10.04rem;
}
.main:is(body.method-feature *) .section .sectionTitle {
  color: #bc7e00;
}
.main:is(body.method-feature *) .section .text {
  padding: 0.35rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .section .text {
    padding: 0.2rem 0 0;
  }
}
.main:is(body.method-feature *) .section .movie {
  width: 9rem;
  margin: 0.58rem auto 0;
  padding: 0.38rem 0 0.42rem;
  background: #eedebd;
  border-radius: 0.1rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .section .movie {
    width: auto;
    margin: 0.3rem -0.2rem 0;
    padding: 0.18rem 0.2rem 0.2rem;
    border-radius: 0.04rem 0 0 0;
  }
}
.main:is(body.method-feature *) .section .movie figcaption {
  color: #bc7e00;
  font-size: 0.26rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-align: center;
  text-decoration: underline;
  text-decoration-thickness: 0.01rem;
  text-underline-offset: 0.22rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .section .movie figcaption {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    border-bottom: 0.01rem solid currentColor;
    padding: 0 0.14rem 0.09rem;
    font-size: 0.2rem;
    line-height: 1.25;
    text-decoration: none;
  }
}
.main:is(body.method-feature *) .section .movie iframe {
  display: block;
  width: 7.5rem;
  height: 4.21875rem;
  margin: 0.5rem auto 0;
  border: 0.05rem solid #fff;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .section .movie iframe {
    width: 3.31rem;
    height: 1.861875rem;
    margin: 0.25rem 0 0;
    border: 0.02rem solid #fff;
  }
}
.main:is(body.method-feature *) .section01 .image, .main:is(body.method-feature *) .section06 .image, .main:is(body.method-feature *) .section07 .image {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 0.22rem;
  margin: 0.48rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .section01 .image, .main:is(body.method-feature *) .section06 .image, .main:is(body.method-feature *) .section07 .image {
    flex-direction: column;
    gap: 0.1rem;
    margin: 0.28rem 0 0;
  }
}
.main:is(body.method-feature *) .section01 .image img, .main:is(body.method-feature *) .section06 .image img, .main:is(body.method-feature *) .section07 .image img {
  width: calc(50% - 0.11rem);
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .section01 .image img, .main:is(body.method-feature *) .section06 .image img, .main:is(body.method-feature *) .section07 .image img {
    width: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .main:is(body.method-feature *) .section01 .image img, .main:is(body.method-feature *) .section06 .image img, .main:is(body.method-feature *) .section07 .image img {
    opacity: 0;
    transition: opacity 0.4s;
  }
  .main:is(body.method-feature *) .section01 .image img:nth-child(2), .main:is(body.method-feature *) .section06 .image img:nth-child(2), .main:is(body.method-feature *) .section07 .image img:nth-child(2) {
    transition-delay: 0.2s;
  }
  .main:is(body.method-feature *) .section01 .image img:nth-child(3), .main:is(body.method-feature *) .section06 .image img:nth-child(3), .main:is(body.method-feature *) .section07 .image img:nth-child(3) {
    transition-delay: 0.4s;
  }
  .main:is(body.method-feature *) .section01 .image img:nth-child(4), .main:is(body.method-feature *) .section06 .image img:nth-child(4), .main:is(body.method-feature *) .section07 .image img:nth-child(4) {
    transition-delay: 0.6s;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .main:is(body.method-feature *) .section01 .image.scrollIn img, .main:is(body.method-feature *) .section06 .image.scrollIn img, .main:is(body.method-feature *) .section07 .image.scrollIn img {
    opacity: 1;
  }
}
.main:is(body.method-feature *) .section02 .wrap, .main:is(body.method-feature *) .section03 .wrap, .main:is(body.method-feature *) .section04 .wrap {
  display: grid;
  grid-template-columns: 1fr 4.9rem;
  gap: 0 0.55rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .section02 .wrap, .main:is(body.method-feature *) .section03 .wrap, .main:is(body.method-feature *) .section04 .wrap {
    display: block;
  }
}
.main:is(body.method-feature *) .section02 .sectionTitle, .main:is(body.method-feature *) .section03 .sectionTitle, .main:is(body.method-feature *) .section04 .sectionTitle {
  grid-row: 1/2;
  grid-column: 1/3;
}
.main:is(body.method-feature *) .section02 .text, .main:is(body.method-feature *) .section03 .text, .main:is(body.method-feature *) .section04 .text {
  grid-row: 2/3;
  grid-column: 1/2;
}
.main:is(body.method-feature *) .section02 .image, .main:is(body.method-feature *) .section03 .image, .main:is(body.method-feature *) .section04 .image {
  grid-row: 2/3;
  grid-column: 2/3;
  margin: 0.35rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .section02 .image, .main:is(body.method-feature *) .section03 .image, .main:is(body.method-feature *) .section04 .image {
    margin: 0.25rem 0 0;
  }
}
.main:is(body.method-feature *) .section02 .movie, .main:is(body.method-feature *) .section03 .movie, .main:is(body.method-feature *) .section04 .movie {
  grid-row: 3/4;
  grid-column: 1/3;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .section01 .movie figcaption {
    width: 100%;
    padding-inline: 0;
    text-align: center;
  }
}
.main:is(body.method-feature *) .section05 .wrap {
  display: grid;
  grid-template-columns: 1fr 3.5rem;
  gap: 0 0.7rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .section05 .wrap {
    display: block;
  }
}
.main:is(body.method-feature *) .section05 .sectionTitle {
  grid-row: 1/2;
  grid-column: 1/3;
}
.main:is(body.method-feature *) .section05 .text {
  grid-row: 2/3;
  grid-column: 1/2;
}
.main:is(body.method-feature *) .section05 .image {
  grid-row: 2/3;
  grid-column: 2/3;
  margin: 0.35rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.method-feature *) .section05 .image {
    margin: 0.25rem 0 0;
  }
}
.main:is(body.method-feature *) .section05 .movie {
  grid-row: 3/4;
  grid-column: 1/3;
}
.main:is(body.machine *) {
  padding-bottom: 1.4rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) {
    padding-bottom: 0.3rem;
  }
}
.main:is(body.machine *) .pageTitle {
  color: #e95513;
}
.main:is(body.machine *) .sNav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem;
  width: 10.04rem;
  margin: 0.6rem auto 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .sNav {
    width: auto;
    margin: 0.26rem 0 0;
    gap: 0.08rem 0.09rem;
  }
}
.main:is(body.machine *) .sNav li {
  width: calc((100% - 0.3rem) / 3);
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .sNav li {
    width: calc(50% - 0.045rem);
  }
}
.main:is(body.machine *) .sNav li a {
  display: block;
  border: 0.02rem solid #eaae8f;
  padding: 0.12rem 0.12rem 0;
  position: relative;
  background-color: #eaae8f;
  border-radius: 0.07rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .sNav li a {
    box-sizing: border-box;
    min-height: 100%;
    padding: 0.06rem 0.08rem 0.2rem;
    border-radius: 0.04rem;
  }
}
.main:is(body.machine *) .sNav li a .image figcaption {
  padding: 0.18rem 0 0.18rem 0.06rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .sNav li a .image figcaption {
    padding: 0.1rem 0;
    font-size: 0.13rem;
  }
}
.main:is(body.machine *) .sNav li a::before, .main:is(body.machine *) .sNav li a::after {
  content: "";
  display: block;
  width: 0.41rem;
  height: 0.28rem;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 0.05rem 0.02rem 0.05rem 0.02rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .sNav li a::before, .main:is(body.machine *) .sNav li a::after {
    width: 100%;
    height: 0.2rem;
    right: 0;
    bottom: 0;
    border-radius: 0 0.02rem 0.02rem 0;
  }
}
.main:is(body.machine *) .sNav li a::before {
  background: #fff;
}
.main:is(body.machine *) .sNav li a::after {
  background: #eaae8f;
  -webkit-mask: url(../imgs/arw05.svg) center/0.15rem auto no-repeat;
          mask: url(../imgs/arw05.svg) center/0.15rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .sNav li a::after {
    -webkit-mask-position: calc(100% - 0.08rem) 50%;
            mask-position: calc(100% - 0.08rem) 50%;
    -webkit-mask-size: 0.1rem auto;
            mask-size: 0.1rem auto;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.machine *) .sNav li a::after {
    transition: translate 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.machine *) .sNav li a:hover::after {
    translate: 0.08rem 0 0;
  }
}
.main:is(body.machine *) .section {
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .section {
    margin: 0.5rem 0 0;
  }
}
.main:is(body.machine *) .section .wrap {
  max-width: 10rem;
}
.main:is(body.machine *) .section .sectionTitle {
  color: #e95513;
}
.main:is(body.machine *) .section .dt-container {
  margin: 0.2rem 0 0;
  border-bottom: 1px solid #ddd;
}
.main:is(body.machine *) .section .dt-container .dt-layout-cell {
  padding: 0;
}
.main:is(body.machine *) .section table {
  width: 100%;
  margin: 0.2rem 0 0;
}
.main:is(body.machine *) .section table th,
.main:is(body.machine *) .section table td {
  box-sizing: border-box;
  vertical-align: middle;
  padding: 0 0.1rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .section table th,
.main:is(body.machine *) .section table td {
    padding: 0 0.07rem;
  }
}
.main:is(body.machine *) .section table th:first-child,
.main:is(body.machine *) .section table td:first-child {
  width: 2.45rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .section table th:first-child,
.main:is(body.machine *) .section table td:first-child {
    width: 0.8rem;
  }
}
.main:is(body.machine *) .section table th:nth-child(2),
.main:is(body.machine *) .section table td:nth-child(2) {
  width: 3.45rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .section table th:nth-child(2),
.main:is(body.machine *) .section table td:nth-child(2) {
    width: 1.25rem;
  }
}
.main:is(body.machine *) .section table th:last-child,
.main:is(body.machine *) .section table td:last-child {
  width: 1.55rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .section table th:last-child,
.main:is(body.machine *) .section table td:last-child {
    width: 0.47rem;
  }
}
.main:is(body.machine *) .section table th {
  height: 0.37rem;
  background: #e95513;
  color: #fff;
  font-size: 0.15rem;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .section table th {
    font-size: 0.13rem;
  }
}
.main:is(body.machine *) .section table td {
  height: 0.38rem;
  font-size: 0.14rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .section table td {
    font-size: 0.12rem;
  }
}
.main:is(body.machine *) .section table tr:nth-child(odd) td {
  background: #efefef;
}
.main:is(body.machine *) .section table tr:nth-child(even) td {
  background: #fff;
}
.main:is(body.machine *) .section .items {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.38rem 0.4rem;
  background: #fff;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .section .items {
    gap: 0.32rem;
    padding: 0.3rem 0.18rem 0.22rem;
  }
}
.main:is(body.machine *) .section .items > li {
  display: grid;
  grid-template-columns: 3.67rem 1fr;
  gap: 0.42rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .section .items > li {
    display: block;
  }
}
.main:is(body.machine *) .section .items > li .text {
  align-self: center;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .section .items > li .text {
    margin: 0.16rem 0 0;
  }
}
.main:is(body.machine *) .section .items > li .text .name {
  font-size: 0.22rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .section .items > li .text .name {
    font-size: 0.16rem;
  }
}
.main:is(body.machine *) .section .items > li .text p,
.main:is(body.machine *) .section .items > li .text ul {
  padding: 0.28rem 0 0;
  line-height: 1.875;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .section .items > li .text p,
.main:is(body.machine *) .section .items > li .text ul {
    padding: 0.16rem 0 0;
    font-size: 0.12rem;
    line-height: 1.3333333333;
  }
}
.main:is(body.machine *) .section .items > li .text ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.main:is(body.machine *) .section .items > li .text ul li::before {
  content: "・";
}
.main:is(body.machine *) .section01 {
  margin: 1rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.machine *) .section01 {
    margin: 0.5rem 0 0;
  }
}
.main:is(body.construction-result *) {
  padding-bottom: 1.4rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.construction-result *) {
    padding-bottom: 0.3rem;
  }
}
.main:is(body.construction-result *) .pageTitle {
  color: #0a4f9a;
}
.main:is(body.construction-result *) .sNav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem;
  width: 10.04rem;
  margin: 0.6rem auto 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.construction-result *) .sNav {
    width: auto;
    margin: 0.26rem 0 0;
    gap: 0.08rem 0.09rem;
  }
}
.main:is(body.construction-result *) .sNav li {
  width: calc((100% - 0.3rem) / 3);
}
@media screen and (max-width: 750px) {
  .main:is(body.construction-result *) .sNav li {
    width: calc(50% - 0.045rem);
  }
}
.main:is(body.construction-result *) .sNav li a {
  display: block;
  border: 0.02rem solid #7a9fc9;
  padding: 0.12rem 0.12rem 0;
  position: relative;
  background-color: #7a9fc9;
  border-radius: 0.07rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.construction-result *) .sNav li a {
    padding: 0.06rem 0.08rem 0.2rem;
    border-radius: 0.04rem;
  }
}
.main:is(body.construction-result *) .sNav li a .image figcaption {
  padding: 0.18rem 0 0.18rem 0.06rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.construction-result *) .sNav li a .image figcaption {
    padding: 0.1rem 0;
    font-size: 0.13rem;
  }
}
.main:is(body.construction-result *) .sNav li a .image figcaption .small {
  font-size: 0.14rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.construction-result *) .sNav li a .image figcaption .small {
    font-size: 0.11rem;
  }
}
.main:is(body.construction-result *) .sNav li a::before, .main:is(body.construction-result *) .sNav li a::after {
  content: "";
  display: block;
  width: 0.41rem;
  height: 0.28rem;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 0.05rem 0.02rem 0.05rem 0.02rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.construction-result *) .sNav li a::before, .main:is(body.construction-result *) .sNav li a::after {
    width: 100%;
    height: 0.2rem;
    right: 0;
    bottom: 0;
    border-radius: 0 0.02rem 0.02rem 0;
  }
}
.main:is(body.construction-result *) .sNav li a::before {
  background: #fff;
}
.main:is(body.construction-result *) .sNav li a::after {
  background: #7a9fc9;
  -webkit-mask: url(../imgs/arw05.svg) center/0.15rem auto no-repeat;
          mask: url(../imgs/arw05.svg) center/0.15rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.construction-result *) .sNav li a::after {
    -webkit-mask-position: calc(100% - 0.08rem) 50%;
            mask-position: calc(100% - 0.08rem) 50%;
    -webkit-mask-size: 0.1rem auto;
            mask-size: 0.1rem auto;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.construction-result *) .sNav li a::after {
    transition: translate 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.construction-result *) .sNav li a:hover::after {
    translate: 0.08rem 0 0;
  }
}
.main:is(body.pile *), .main:is(body.obstacle *), .main:is(body.rcd *), .main:is(body.tbhmpd *), .main:is(body.bg *) {
  padding-bottom: 1.3rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *), .main:is(body.obstacle *), .main:is(body.rcd *), .main:is(body.tbhmpd *), .main:is(body.bg *) {
    padding-bottom: 0;
  }
}
.main:is(body.pile *) .lead, .main:is(body.obstacle *) .lead, .main:is(body.rcd *) .lead, .main:is(body.tbhmpd *) .lead, .main:is(body.bg *) .lead {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 3.7rem 1fr;
  gap: 0.7rem 0.4rem;
  margin: 0.55rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .lead, .main:is(body.obstacle *) .lead, .main:is(body.rcd *) .lead, .main:is(body.tbhmpd *) .lead, .main:is(body.bg *) .lead {
    display: block;
    margin: 0.45rem 0 0;
  }
}
.main:is(body.pile *) .lead .label, .main:is(body.obstacle *) .lead .label, .main:is(body.rcd *) .lead .label, .main:is(body.tbhmpd *) .lead .label, .main:is(body.bg *) .lead .label {
  grid-row: 1/2;
  grid-column: 1/3;
  color: #1f871f;
  font-size: 0.36rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .lead .label, .main:is(body.obstacle *) .lead .label, .main:is(body.rcd *) .lead .label, .main:is(body.tbhmpd *) .lead .label, .main:is(body.bg *) .lead .label {
    font-size: 0.26rem;
  }
}
.main:is(body.pile *) .lead .image, .main:is(body.obstacle *) .lead .image, .main:is(body.rcd *) .lead .image, .main:is(body.tbhmpd *) .lead .image, .main:is(body.bg *) .lead .image {
  grid-row: 2/3;
  grid-column: 1/2;
  margin: 0 0 0 0.4rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .lead .image, .main:is(body.obstacle *) .lead .image, .main:is(body.rcd *) .lead .image, .main:is(body.tbhmpd *) .lead .image, .main:is(body.bg *) .lead .image {
    margin: 0.2rem 0 0;
  }
}
.main:is(body.pile *) .lead .text, .main:is(body.obstacle *) .lead .text, .main:is(body.rcd *) .lead .text, .main:is(body.tbhmpd *) .lead .text, .main:is(body.bg *) .lead .text {
  margin: 0 0 0 0.4rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .lead .text, .main:is(body.obstacle *) .lead .text, .main:is(body.rcd *) .lead .text, .main:is(body.tbhmpd *) .lead .text, .main:is(body.bg *) .lead .text {
    margin: 0.24rem 0 0;
  }
}
.main:is(body.pile *) .lead .text .pageTitle, .main:is(body.obstacle *) .lead .text .pageTitle, .main:is(body.rcd *) .lead .text .pageTitle, .main:is(body.tbhmpd *) .lead .text .pageTitle, .main:is(body.bg *) .lead .text .pageTitle {
  font-size: 0.24rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .lead .text .pageTitle, .main:is(body.obstacle *) .lead .text .pageTitle, .main:is(body.rcd *) .lead .text .pageTitle, .main:is(body.tbhmpd *) .lead .text .pageTitle, .main:is(body.bg *) .lead .text .pageTitle {
    font-size: 0.18rem;
  }
}
.main:is(body.pile *) .lead .text .pageTitle .small, .main:is(body.obstacle *) .lead .text .pageTitle .small, .main:is(body.rcd *) .lead .text .pageTitle .small, .main:is(body.tbhmpd *) .lead .text .pageTitle .small, .main:is(body.bg *) .lead .text .pageTitle .small {
  font-size: 0.2rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .lead .text .pageTitle .small, .main:is(body.obstacle *) .lead .text .pageTitle .small, .main:is(body.rcd *) .lead .text .pageTitle .small, .main:is(body.tbhmpd *) .lead .text .pageTitle .small, .main:is(body.bg *) .lead .text .pageTitle .small {
    font-size: 0.18rem;
  }
}
.main:is(body.pile *) .lead .text p, .main:is(body.obstacle *) .lead .text p, .main:is(body.rcd *) .lead .text p, .main:is(body.tbhmpd *) .lead .text p, .main:is(body.bg *) .lead .text p {
  padding: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .lead .text p, .main:is(body.obstacle *) .lead .text p, .main:is(body.rcd *) .lead .text p, .main:is(body.tbhmpd *) .lead .text p, .main:is(body.bg *) .lead .text p {
    padding: 0.2rem 0 0;
  }
}
.main:is(body.pile *) .lead .text .btn--movie, .main:is(body.obstacle *) .lead .text .btn--movie, .main:is(body.rcd *) .lead .text .btn--movie, .main:is(body.tbhmpd *) .lead .text .btn--movie, .main:is(body.bg *) .lead .text .btn--movie {
  display: grid;
  place-items: center start;
  box-sizing: border-box;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.62rem;
  margin: 0.28rem 0 0;
  padding: 0 0.62rem 0 0.18rem;
  position: relative;
  background: #70b270;
  border-radius: 0.07rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 1.4444444444;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .lead .text .btn--movie, .main:is(body.obstacle *) .lead .text .btn--movie, .main:is(body.rcd *) .lead .text .btn--movie, .main:is(body.tbhmpd *) .lead .text .btn--movie, .main:is(body.bg *) .lead .text .btn--movie {
    width: 100%;
    height: 0.73rem;
    margin: 0.3rem 0 0;
    padding: 0 0 0 0.2rem;
  }
}
.main:is(body.pile *) .lead .text .btn--movie::before, .main:is(body.pile *) .lead .text .btn--movie::after, .main:is(body.obstacle *) .lead .text .btn--movie::before, .main:is(body.obstacle *) .lead .text .btn--movie::after, .main:is(body.rcd *) .lead .text .btn--movie::before, .main:is(body.rcd *) .lead .text .btn--movie::after, .main:is(body.tbhmpd *) .lead .text .btn--movie::before, .main:is(body.tbhmpd *) .lead .text .btn--movie::after, .main:is(body.bg *) .lead .text .btn--movie::before, .main:is(body.bg *) .lead .text .btn--movie::after {
  content: "";
  display: block;
  width: 0.41rem;
  height: 0.28rem;
  position: absolute;
  right: 0.02rem;
  bottom: 0.02rem;
  border-radius: 0.05rem 0.02rem 0.05rem 0.02rem;
}
.main:is(body.pile *) .lead .text .btn--movie::before, .main:is(body.obstacle *) .lead .text .btn--movie::before, .main:is(body.rcd *) .lead .text .btn--movie::before, .main:is(body.tbhmpd *) .lead .text .btn--movie::before, .main:is(body.bg *) .lead .text .btn--movie::before {
  background: #fff;
}
.main:is(body.pile *) .lead .text .btn--movie::after, .main:is(body.obstacle *) .lead .text .btn--movie::after, .main:is(body.rcd *) .lead .text .btn--movie::after, .main:is(body.tbhmpd *) .lead .text .btn--movie::after, .main:is(body.bg *) .lead .text .btn--movie::after {
  background: #70b270;
  -webkit-mask: url(../imgs/arw05.svg) center/0.15rem auto no-repeat;
          mask: url(../imgs/arw05.svg) center/0.15rem auto no-repeat;
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.pile *) .lead .text .btn--movie::after, .main:is(body.obstacle *) .lead .text .btn--movie::after, .main:is(body.rcd *) .lead .text .btn--movie::after, .main:is(body.tbhmpd *) .lead .text .btn--movie::after, .main:is(body.bg *) .lead .text .btn--movie::after {
    transition: translate 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.pile *) .lead .text .btn--movie:hover::after, .main:is(body.obstacle *) .lead .text .btn--movie:hover::after, .main:is(body.rcd *) .lead .text .btn--movie:hover::after, .main:is(body.tbhmpd *) .lead .text .btn--movie:hover::after, .main:is(body.bg *) .lead .text .btn--movie:hover::after {
    translate: 0.08rem 0 0;
  }
}
.main:is(body.pile *) .table, .main:is(body.obstacle *) .table, .main:is(body.rcd *) .table, .main:is(body.tbhmpd *) .table, .main:is(body.bg *) .table {
  margin: 0.45rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .table, .main:is(body.obstacle *) .table, .main:is(body.rcd *) .table, .main:is(body.tbhmpd *) .table, .main:is(body.bg *) .table {
    margin: 0.4rem -0.2rem 0;
    padding: 0 0 0.18rem;
    position: relative;
    overflow-x: scroll;
  }
  .main:is(body.pile *) .table .simplebar-track.simplebar-horizontal, .main:is(body.obstacle *) .table .simplebar-track.simplebar-horizontal, .main:is(body.rcd *) .table .simplebar-track.simplebar-horizontal, .main:is(body.tbhmpd *) .table .simplebar-track.simplebar-horizontal, .main:is(body.bg *) .table .simplebar-track.simplebar-horizontal {
    height: 0.08rem;
  }
  .main:is(body.pile *) .table .simplebar-scrollbar.simplebar-visible:before, .main:is(body.obstacle *) .table .simplebar-scrollbar.simplebar-visible:before, .main:is(body.rcd *) .table .simplebar-scrollbar.simplebar-visible:before, .main:is(body.tbhmpd *) .table .simplebar-scrollbar.simplebar-visible:before, .main:is(body.bg *) .table .simplebar-scrollbar.simplebar-visible:before {
    inset: 0;
    background: #aaa;
    border-radius: 0.04rem;
    opacity: 1;
  }
}
@media screen and (max-width: 750px) and (prefers-reduced-motion: no-preference) {
  .main:is(body.pile *) .table::after, .main:is(body.obstacle *) .table::after, .main:is(body.rcd *) .table::after, .main:is(body.tbhmpd *) .table::after, .main:is(body.bg *) .table::after {
    content: "";
    display: block;
    width: 0.62rem;
    height: 0.57rem;
    position: absolute;
    top: 1.26rem;
    left: calc(50% - 0.31rem);
    background: url(../imgs/ico-swipe.png) center/contain no-repeat;
    pointer-events: none;
    -webkit-animation: swipe 1s linear infinite alternate;
            animation: swipe 1s linear infinite alternate;
  }
  @-webkit-keyframes swipe {
    0% {
      translate: 100% 0 0;
    }
    100% {
      translate: -100% 0 0;
    }
  }
  @keyframes swipe {
    0% {
      translate: 100% 0 0;
    }
    100% {
      translate: -100% 0 0;
    }
  }
  .main:is(body.pile *) .table.scrollIn::after, .main:is(body.obstacle *) .table.scrollIn::after, .main:is(body.rcd *) .table.scrollIn::after, .main:is(body.tbhmpd *) .table.scrollIn::after, .main:is(body.bg *) .table.scrollIn::after {
    opacity: 0;
    transition: opacity 0.4s 2s;
  }
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .table .holder, .main:is(body.obstacle *) .table .holder, .main:is(body.rcd *) .table .holder, .main:is(body.tbhmpd *) .table .holder, .main:is(body.bg *) .table .holder {
    box-sizing: content-box;
    width: 6.14rem;
    padding: 0 0.2rem;
  }
}
.main:is(body.pile *) .table .dt-container, .main:is(body.obstacle *) .table .dt-container, .main:is(body.rcd *) .table .dt-container, .main:is(body.tbhmpd *) .table .dt-container, .main:is(body.bg *) .table .dt-container {
  margin: 0;
  border-bottom: 1px solid #ddd;
}
.main:is(body.pile *) .table .dt-container .dt-layout-cell, .main:is(body.obstacle *) .table .dt-container .dt-layout-cell, .main:is(body.rcd *) .table .dt-container .dt-layout-cell, .main:is(body.tbhmpd *) .table .dt-container .dt-layout-cell, .main:is(body.bg *) .table .dt-container .dt-layout-cell {
  padding: 0;
}
.main:is(body.pile *) .table table, .main:is(body.obstacle *) .table table, .main:is(body.rcd *) .table table, .main:is(body.tbhmpd *) .table table, .main:is(body.bg *) .table table {
  width: 100%;
}
.main:is(body.pile *) .table table th,
.main:is(body.pile *) .table table td, .main:is(body.obstacle *) .table table th,
.main:is(body.obstacle *) .table table td, .main:is(body.rcd *) .table table th,
.main:is(body.rcd *) .table table td, .main:is(body.tbhmpd *) .table table th,
.main:is(body.tbhmpd *) .table table td, .main:is(body.bg *) .table table th,
.main:is(body.bg *) .table table td {
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .table table th,
.main:is(body.pile *) .table table td, .main:is(body.obstacle *) .table table th,
.main:is(body.obstacle *) .table table td, .main:is(body.rcd *) .table table th,
.main:is(body.rcd *) .table table td, .main:is(body.tbhmpd *) .table table th,
.main:is(body.tbhmpd *) .table table td, .main:is(body.bg *) .table table th,
.main:is(body.bg *) .table table td {
    padding: 0 0.07rem;
  }
}
.main:is(body.pile *) .table table th:first-child,
.main:is(body.pile *) .table table td:first-child, .main:is(body.obstacle *) .table table th:first-child,
.main:is(body.obstacle *) .table table td:first-child, .main:is(body.rcd *) .table table th:first-child,
.main:is(body.rcd *) .table table td:first-child, .main:is(body.tbhmpd *) .table table th:first-child,
.main:is(body.tbhmpd *) .table table td:first-child, .main:is(body.bg *) .table table th:first-child,
.main:is(body.bg *) .table table td:first-child {
  width: 4.45rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .table table th:first-child,
.main:is(body.pile *) .table table td:first-child, .main:is(body.obstacle *) .table table th:first-child,
.main:is(body.obstacle *) .table table td:first-child, .main:is(body.rcd *) .table table th:first-child,
.main:is(body.rcd *) .table table td:first-child, .main:is(body.tbhmpd *) .table table th:first-child,
.main:is(body.tbhmpd *) .table table td:first-child, .main:is(body.bg *) .table table th:first-child,
.main:is(body.bg *) .table table td:first-child {
    width: 2.35rem;
  }
}
.main:is(body.pile *) .table table th:nth-child(2),
.main:is(body.pile *) .table table td:nth-child(2), .main:is(body.obstacle *) .table table th:nth-child(2),
.main:is(body.obstacle *) .table table td:nth-child(2), .main:is(body.rcd *) .table table th:nth-child(2),
.main:is(body.rcd *) .table table td:nth-child(2), .main:is(body.tbhmpd *) .table table th:nth-child(2),
.main:is(body.tbhmpd *) .table table td:nth-child(2), .main:is(body.bg *) .table table th:nth-child(2),
.main:is(body.bg *) .table table td:nth-child(2) {
  width: 1.7rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .table table th:nth-child(2),
.main:is(body.pile *) .table table td:nth-child(2), .main:is(body.obstacle *) .table table th:nth-child(2),
.main:is(body.obstacle *) .table table td:nth-child(2), .main:is(body.rcd *) .table table th:nth-child(2),
.main:is(body.rcd *) .table table td:nth-child(2), .main:is(body.tbhmpd *) .table table th:nth-child(2),
.main:is(body.tbhmpd *) .table table td:nth-child(2), .main:is(body.bg *) .table table th:nth-child(2),
.main:is(body.bg *) .table table td:nth-child(2) {
    width: 1.07rem;
  }
}
.main:is(body.pile *) .table table th:nth-child(3),
.main:is(body.pile *) .table table td:nth-child(3), .main:is(body.obstacle *) .table table th:nth-child(3),
.main:is(body.obstacle *) .table table td:nth-child(3), .main:is(body.rcd *) .table table th:nth-child(3),
.main:is(body.rcd *) .table table td:nth-child(3), .main:is(body.tbhmpd *) .table table th:nth-child(3),
.main:is(body.tbhmpd *) .table table td:nth-child(3), .main:is(body.bg *) .table table th:nth-child(3),
.main:is(body.bg *) .table table td:nth-child(3) {
  width: 1.2rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .table table th:nth-child(3),
.main:is(body.pile *) .table table td:nth-child(3), .main:is(body.obstacle *) .table table th:nth-child(3),
.main:is(body.obstacle *) .table table td:nth-child(3), .main:is(body.rcd *) .table table th:nth-child(3),
.main:is(body.rcd *) .table table td:nth-child(3), .main:is(body.tbhmpd *) .table table th:nth-child(3),
.main:is(body.tbhmpd *) .table table td:nth-child(3), .main:is(body.bg *) .table table th:nth-child(3),
.main:is(body.bg *) .table table td:nth-child(3) {
    width: 0.87rem;
  }
}
.main:is(body.pile *) .table table th:last-child,
.main:is(body.pile *) .table table td:last-child, .main:is(body.obstacle *) .table table th:last-child,
.main:is(body.obstacle *) .table table td:last-child, .main:is(body.rcd *) .table table th:last-child,
.main:is(body.rcd *) .table table td:last-child, .main:is(body.tbhmpd *) .table table th:last-child,
.main:is(body.tbhmpd *) .table table td:last-child, .main:is(body.bg *) .table table th:last-child,
.main:is(body.bg *) .table table td:last-child {
  width: 1.65rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .table table th:last-child,
.main:is(body.pile *) .table table td:last-child, .main:is(body.obstacle *) .table table th:last-child,
.main:is(body.obstacle *) .table table td:last-child, .main:is(body.rcd *) .table table th:last-child,
.main:is(body.rcd *) .table table td:last-child, .main:is(body.tbhmpd *) .table table th:last-child,
.main:is(body.tbhmpd *) .table table td:last-child, .main:is(body.bg *) .table table th:last-child,
.main:is(body.bg *) .table table td:last-child {
    width: 0.93rem;
    padding-right: 0;
  }
}
.main:is(body.pile *) .table table th, .main:is(body.obstacle *) .table table th, .main:is(body.rcd *) .table table th, .main:is(body.tbhmpd *) .table table th, .main:is(body.bg *) .table table th {
  height: 0.37rem;
  padding: 0 0.1rem;
  background: #1f871f;
  color: #fff;
  font-size: 0.15rem;
  font-weight: 700;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .table table th, .main:is(body.obstacle *) .table table th, .main:is(body.rcd *) .table table th, .main:is(body.tbhmpd *) .table table th, .main:is(body.bg *) .table table th {
    font-size: 0.13rem;
  }
}
.main:is(body.pile *) .table table td, .main:is(body.obstacle *) .table table td, .main:is(body.rcd *) .table table td, .main:is(body.tbhmpd *) .table table td, .main:is(body.bg *) .table table td {
  padding: 0.09rem 0.1rem;
  font-size: 0.14rem;
  line-height: 1.4285714286;
  vertical-align: top;
}
@media screen and (max-width: 750px) {
  .main:is(body.pile *) .table table td, .main:is(body.obstacle *) .table table td, .main:is(body.rcd *) .table table td, .main:is(body.tbhmpd *) .table table td, .main:is(body.bg *) .table table td {
    padding: 0.09rem 0.07rem;
    font-size: 0.12rem;
    line-height: 1.6666666667;
  }
}
.main:is(body.pile *) .table table tr:nth-child(odd) td, .main:is(body.obstacle *) .table table tr:nth-child(odd) td, .main:is(body.rcd *) .table table tr:nth-child(odd) td, .main:is(body.tbhmpd *) .table table tr:nth-child(odd) td, .main:is(body.bg *) .table table tr:nth-child(odd) td {
  background: #efefef;
}
.main:is(body.pile *) .table table tr:nth-child(even) td, .main:is(body.obstacle *) .table table tr:nth-child(even) td, .main:is(body.rcd *) .table table tr:nth-child(even) td, .main:is(body.tbhmpd *) .table table tr:nth-child(even) td, .main:is(body.bg *) .table table tr:nth-child(even) td {
  background: #fff;
}
.main:is(body.message *) {
  padding-bottom: 1.3rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.message *) {
    padding-bottom: 0.16rem;
  }
}
.main:is(body.message *) .article {
  container-type: inline-size;
  margin: 0.55rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.message *) .article {
    margin: 0.45rem 0 0;
  }
}
.main:is(body.message *) .article .wrap {
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto;
}
@media screen and (max-width: 750px) {
  .main:is(body.message *) .article .wrap {
    display: block;
  }
}
.main:is(body.message *) .article .pageTitle {
  grid-row: 1/2;
  grid-column: 1/2;
  margin: 0 0 0.24rem;
  color: #1f871f;
  font-size: 0.36rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.message *) .article .pageTitle {
    margin: 0;
    font-size: 0.26rem;
  }
}
.main:is(body.message *) .article .catch {
  grid-row: 2/3;
  grid-column: 1/2;
  align-self: center;
  position: relative;
  font-size: 0.4rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.6;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .main:is(body.message *) .article .catch {
    padding: 0.3rem 0 0;
    font-size: 0.28rem;
    line-height: 1.5714285714;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .main:is(body.message *) .article .catch {
    visibility: hidden;
  }
  .main:is(body.message *) .article .catch span {
    opacity: 0;
    transition: opacity 0.4s;
  }
  .main:is(body.message *) .article .catch.scrollIn {
    visibility: visible;
  }
  .main:is(body.message *) .article .catch.scrollIn span {
    opacity: 1;
  }
}
.main:is(body.message *) .article .image {
  grid-row: 2/3;
  grid-column: 1/2;
  justify-self: flex-end;
  width: 7.04rem;
  margin-right: max(-0.6rem, 5rem - 50cqw);
  margin-left: auto;
}
@media screen and (max-width: 750px) {
  .main:is(body.message *) .article .image {
    width: auto;
    margin: 0.3rem 0 0;
  }
}
.main:is(body.message *) .article .text {
  grid-row: 3/4;
  grid-column: 1/2;
  max-width: 10rem;
  margin: 0 auto;
}
.main:is(body.message *) .article .text p {
  padding: 0.68rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.message *) .article .text p {
    padding: 0.3rem 0 0;
  }
}
.main:is(body.message *) .article .text .signature {
  padding: 0.6rem 0 0;
  font-weight: 700;
  text-align: right;
}
@media screen and (max-width: 750px) {
  .main:is(body.message *) .article .text .signature {
    padding: 0.48rem 0 0;
  }
}
.main:is(body.message *) .article .text .signature .slogan {
  font-size: 0.22rem;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .main:is(body.message *) .article .text .signature .slogan {
    font-size: 0.2rem;
  }
}
.main:is(body.message *) .article .text .signature .job {
  margin: 0.28rem 0 0;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.message *) .article .text .signature .job {
    margin: 0.3rem 0 0;
    font-size: 0.15rem;
  }
}
.main:is(body.message *) .article .text .signature .name {
  margin: 0.12rem 0 0;
  font-size: 0.34rem;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.message *) .article .text .signature .name {
    margin: 0.14rem 0 0;
    font-size: 0.27rem;
  }
}
.main:is(body.company *) {
  padding-bottom: 1.3rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) {
    padding-bottom: 0.1rem;
  }
}
.main:is(body.company *) .pageTitle {
  color: #1f871f;
}
.main:is(body.company *) .sNav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem;
  width: 10.04rem;
  margin: 0.6rem auto 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .sNav {
    width: auto;
    margin: 0.26rem 0 0;
    gap: 0.08rem 0.09rem;
  }
}
.main:is(body.company *) .sNav li {
  width: calc((100% - 0.3rem) / 3);
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .sNav li {
    width: calc(50% - 0.045rem);
  }
}
.main:is(body.company *) .sNav li a {
  display: grid;
  place-items: center left;
  box-sizing: border-box;
  height: 0.9rem;
  border: 0.02rem solid #70b270;
  padding: 0 0 0 0.17rem;
  position: relative;
  background-color: #70b270;
  border-radius: 0.07rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 1.3888888889;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .sNav li a {
    height: 0.69rem;
    padding: 0 0 0.2rem 0.08rem;
    border-radius: 0.04rem;
    font-size: 0.13rem;
    line-height: 1.3076923077;
  }
}
.main:is(body.company *) .sNav li a .small {
  font-size: 0.14rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .sNav li a .small {
    font-size: 0.1rem;
  }
}
.main:is(body.company *) .sNav li a::before, .main:is(body.company *) .sNav li a::after {
  content: "";
  display: block;
  width: 0.41rem;
  height: 0.28rem;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 0.05rem 0.02rem 0.05rem 0.02rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .sNav li a::before, .main:is(body.company *) .sNav li a::after {
    width: 100%;
    height: 0.2rem;
    right: 0;
    bottom: 0;
    border-radius: 0 0.02rem 0.02rem 0;
  }
}
.main:is(body.company *) .sNav li a::before {
  background: #fff;
}
.main:is(body.company *) .sNav li a::after {
  background: #70b270;
  -webkit-mask: url(../imgs/arw05.svg) center/0.15rem auto no-repeat;
          mask: url(../imgs/arw05.svg) center/0.15rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .sNav li a::after {
    -webkit-mask-position: calc(100% - 0.08rem) 50%;
            mask-position: calc(100% - 0.08rem) 50%;
    -webkit-mask-size: 0.1rem auto;
            mask-size: 0.1rem auto;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.company *) .sNav li a::after {
    transition: translate 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.company *) .sNav li a:hover::after {
    translate: 0.08rem 0 0;
  }
}
.main:is(body.company *) .section {
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .section {
    margin: 0.5rem 0 0;
  }
}
.main:is(body.company *) .section .wrap {
  max-width: 10rem;
}
.main:is(body.company *) .section .sectionTitle {
  color: #1f871f;
}
.main:is(body.company *) .section01 {
  margin: 1rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .section01 {
    margin: 0.5rem 0 0;
  }
}
.main:is(body.company *) .section01 .list {
  padding: 0.35rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .section01 .list {
    padding: 0.2rem 0 0;
  }
}
.main:is(body.company *) .section01 .list dt,
.main:is(body.company *) .section01 .list dd {
  display: inline;
}
.main:is(body.company *) .section01 .list dt::after {
  content: "：";
}
.main:is(body.company *) .section01 .list dd::after {
  white-space: pre;
  content: "\a";
}
.main:is(body.company *) .section01 .list::after {
  clear: both;
}
.main:is(body.company *) .section02 .list, .main:is(body.company *) .section04 .list, .main:is(body.company *) .section05 .list {
  padding: 0.35rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .section02 .list, .main:is(body.company *) .section04 .list, .main:is(body.company *) .section05 .list {
    padding: 0.2rem 0 0;
  }
}
.main:is(body.company *) .section03 .list {
  display: flex;
}
.main:is(body.company *) .section03 .list ul {
  width: 50%;
  padding: 0.35rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .section03 .list ul {
    padding: 0.2rem 0 0;
  }
}
.main:is(body.company *) .section06 .list {
  display: grid;
  grid-template-columns: 1.74rem 1fr;
  margin: 0.38rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .section06 .list {
    margin: 0.2rem 0 0;
    grid-template-columns: 1.14rem 1fr;
  }
}
.main:is(body.company *) .section06 .list dt,
.main:is(body.company *) .section06 .list dd {
  padding: 0.11rem 0;
  font-size: 0.14rem;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .section06 .list dt,
.main:is(body.company *) .section06 .list dd {
    padding: 0.1rem 0;
    font-size: 0.12rem;
    line-height: 1.6666666667;
  }
}
.main:is(body.company *) .section06 .list dt:nth-of-type(odd),
.main:is(body.company *) .section06 .list dd:nth-of-type(odd) {
  background: #efefef;
}
.main:is(body.company *) .section06 .list dt:nth-of-type(even),
.main:is(body.company *) .section06 .list dd:nth-of-type(even) {
  background: #fff;
}
.main:is(body.company *) .section06 .list dt {
  padding-left: 0.15rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .section06 .list dt {
    padding-left: 0.14rem;
  }
}
.main:is(body.company *) .section06 .list dd {
  padding-right: 0.15rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.company *) .section06 .list dd {
    padding-right: 0.14rem;
  }
}
.main:is(body.access *) {
  padding-bottom: 1.3rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.access *) {
    padding-bottom: 0.1rem;
  }
}
.main:is(body.access *) .pageTitle {
  color: #1f871f;
}
.main:is(body.access *) .section {
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.access *) .section {
    margin: 0.4rem 0 0;
  }
}
.main:is(body.access *) .section .wrap {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 5.82rem 1fr;
  gap: 0.19rem 0.44rem;
  max-width: 10rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.access *) .section .wrap {
    display: block;
  }
}
.main:is(body.access *) .section .sectionTitle {
  grid-row: 1/2;
  grid-column: 1/3;
  color: #1f871f;
}
.main:is(body.access *) .section .map {
  grid-row: 2/3;
  grid-column: 1/2;
  width: 100%;
  height: 4.34rem;
  border: none;
}
@media screen and (max-width: 750px) {
  .main:is(body.access *) .section .map {
    margin: 0.2rem 0 0;
    height: 2.5rem;
  }
}
.main:is(body.access *) .section .text {
  grid-row: 2/3;
  grid-column: 2/3;
  line-height: 0.3rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.access *) .section .text {
    margin: 0.24rem 0 0;
  }
}
@media screen and (max-width: 750px) {
  .main:is(body.access *) .section .text .address {
    font-size: 0.14rem;
    line-height: 0.26rem;
  }
}
@media screen and (max-width: 750px) {
  .main:is(body.access *) .section .text .contact {
    font-size: 0.16rem;
    line-height: 0.3rem;
  }
}
.main:is(body.access *) .section .text .contact a {
  color: #1f871f;
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.access *) .section .text .contact a:hover {
    text-decoration: underline;
  }
}
.main:is(body.access *) .section .text .access {
  margin: 0.3rem 0 0;
  font-size: 0.14rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.access *) .section .text .access {
    margin: 0.1rem 0 0;
    line-height: 0.26rem;
  }
}
.main:is(body.access *) .section .text .access a {
  color: #1f871f;
}
.main:is(body.access *) .section01 {
  margin: 0.64rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.access *) .section01 {
    margin: 0.4rem 0 0;
  }
}
.main:is(body.gallery *) {
  padding-bottom: 0.9rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.gallery *) {
    padding-bottom: 0.1rem;
  }
}
.main:is(body.gallery *) .pageTitle {
  color: #1f871f;
}
.main:is(body.gallery *) .pageBody {
  margin: 0.7rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.gallery *) .pageBody {
    margin: 0.42rem 0 0;
  }
}
.main:is(body.gallery *) .pageBody .wrap {
  max-width: 10rem;
}
.main:is(body.gallery *) .pageBody .wrap .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.52rem 0.35rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.gallery *) .pageBody .wrap .list {
    flex-direction: column;
    gap: 0.32rem;
  }
}
.main:is(body.gallery *) .pageBody .wrap .list.scrollIn li {
  opacity: 1;
}
.main:is(body.gallery *) .pageBody .wrap .list li {
  width: calc((100% - 0.7rem) / 3);
}
@media screen and (max-width: 750px) {
  .main:is(body.gallery *) .pageBody .wrap .list li {
    width: auto;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .main:is(body.gallery *) .pageBody .wrap .list li {
    opacity: 0;
    transition: opacity 0.4s;
  }
  .main:is(body.gallery *) .pageBody .wrap .list li:nth-child(2) {
    transition-delay: 0.2s;
  }
  .main:is(body.gallery *) .pageBody .wrap .list li:nth-child(3) {
    transition-delay: 0.4s;
  }
  .main:is(body.gallery *) .pageBody .wrap .list li:nth-child(4) {
    transition-delay: 0.6s;
  }
  .main:is(body.gallery *) .pageBody .wrap .list li:nth-child(5) {
    transition-delay: 0.8s;
  }
  .main:is(body.gallery *) .pageBody .wrap .list li:nth-child(6) {
    transition-delay: 1s;
  }
  .main:is(body.gallery *) .pageBody .wrap .list li:nth-child(7) {
    transition-delay: 1.2s;
  }
  .main:is(body.gallery *) .pageBody .wrap .list li:nth-child(8) {
    transition-delay: 1.4s;
  }
  .main:is(body.gallery *) .pageBody .wrap .list li:nth-child(9) {
    transition-delay: 1.6s;
  }
}
.main:is(body.gallery *) .pageBody .wrap .list a {
  display: block;
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.gallery *) .pageBody .wrap .list a .image .inner .plus {
    transition: 0.4s;
    transition-property: background-color, #1f871f;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.gallery *) .pageBody .wrap .list a:hover .image .inner .plus {
    background-color: #fff;
    color: #1f871f;
  }
}
.main:is(body.gallery *) .pageBody .wrap .list .image .inner {
  position: relative;
}
.main:is(body.gallery *) .pageBody .wrap .list .image .inner .plus {
  box-sizing: border-box;
  width: 0.25rem;
  height: 0.25rem;
  border: 0.02rem solid #1f871f;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #1f871f;
  color: #fff;
}
@media screen and (max-width: 750px) {
  .main:is(body.gallery *) .pageBody .wrap .list .image .inner .plus {
    width: 0.35rem;
    height: 0.35rem;
  }
}
.main:is(body.gallery *) .pageBody .wrap .list .image .inner .plus::before, .main:is(body.gallery *) .pageBody .wrap .list .image .inner .plus::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background: currentColor;
}
.main:is(body.gallery *) .pageBody .wrap .list .image .inner .plus::before {
  width: 0.02rem;
  height: 0.1rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.gallery *) .pageBody .wrap .list .image .inner .plus::before {
    height: 0.14rem;
  }
}
.main:is(body.gallery *) .pageBody .wrap .list .image .inner .plus::after {
  width: 0.1rem;
  height: 0.02rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.gallery *) .pageBody .wrap .list .image .inner .plus::after {
    width: 0.14rem;
  }
}
.main:is(body.gallery *) .pageBody .wrap .list .image figcaption {
  padding: 0.14rem 0 0;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.gallery *) .pageBody .wrap .list .image figcaption {
    font-size: 0.15rem;
  }
}
.main:is(body.policy *) {
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.policy *) {
    padding-bottom: 0.1rem;
  }
}
.main:is(body.policy *) .pageTitle {
  color: #1f871f;
}
.main:is(body.policy *) .section {
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.policy *) .section {
    margin: 0.5rem 0 0;
  }
}
.main:is(body.policy *) .section:first-of-type {
  margin: 0.56rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.policy *) .section:first-of-type {
    margin: 0.45rem 0 0;
  }
}
.main:is(body.policy *) .section .wrap {
  max-width: 10rem;
}
.main:is(body.policy *) .section .sectionTitle {
  color: #1f871f;
}
.main:is(body.policy *) .section p {
  padding: 0.35rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.policy *) .section p {
    padding: 0.2rem 0 0;
  }
}
.main:is(body.policy *) .section .sttl {
  margin: 0.47rem 0 0;
  font-size: 0.18rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.policy *) .section .sttl {
    margin: 0.35rem 0 0;
    font-size: 0.16rem;
  }
}
.main:is(body.policy *) .section .sttl::before {
  content: "＜";
}
.main:is(body.policy *) .section .sttl::after {
  content: "＞";
}
.main:is(body.policy *) .section .sttl + p {
  padding: 0.2rem 0 0;
}
.main:is(body.news *) {
  padding-bottom: 0.9rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) {
    padding-bottom: 0.1rem;
  }
}
.main:is(body.news *) .pageBody {
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) .pageBody {
    margin: 0.44rem 0 0;
  }
}
.main:is(body.news *) .pageBody .wrap {
  max-width: 10rem;
}
.main:is(body.news *) .pageBody .list {
  display: flex;
  flex-direction: column;
  gap: 0.09rem;
}
.main:is(body.news *) .pageBody .list li {
  display: grid;
  grid-template-columns: 1.2rem 0.9rem 1fr;
  align-items: center;
  box-sizing: border-box;
  border: 0.01rem solid #1f871f;
  border-radius: 0.05rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) .pageBody .list li {
    padding: 0.14rem 0 0 0.15rem;
    grid-template-rows: auto auto;
    grid-template-columns: 0.8rem 0.84rem 1fr;
    gap: 0.07rem 0;
  }
}
.main:is(body.news *) .pageBody .list li .date {
  grid-row: 1/2;
  grid-column: 1/2;
  padding-left: 0.28rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) .pageBody .list li .date {
    padding-left: 0;
  }
}
.main:is(body.news *) .pageBody .list li .category {
  grid-row: 1/2;
  grid-column: 2/3;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  border: 0.01rem solid currentColor;
  height: 0.27rem;
  font-size: 0.13rem;
  border-radius: 0.135rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) .pageBody .list li .category {
    height: 0.25rem;
    font-size: 0.12rem;
    border-radius: 0.125rem;
  }
}
.main:is(body.news *) .pageBody .list li .text {
  grid-row: 1/2;
  grid-column: 3/4;
  padding-left: 0.18rem;
  font-size: 0.17rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) .pageBody .list li .text {
    grid-row: 2/3;
    grid-column: 1/4;
    padding-left: 0;
    font-size: 0.15rem;
    line-height: 1.6666666667;
  }
}
.main:is(body.news *) .pageBody .list li .text a {
  display: grid;
  place-items: center start;
  box-sizing: border-box;
  min-height: 0.9rem;
  padding: 0.2rem 0.6rem 0.2rem 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) .pageBody .list li .text a {
    min-height: 0;
    padding: 0 0.6rem 0.12rem 0;
  }
}
.main:is(body.news *) .pageBody .list li .text a::before, .main:is(body.news *) .pageBody .list li .text a::after {
  content: "";
  display: block;
  width: 0.41rem;
  height: 0.28rem;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 0.05rem 0 0.04rem 0;
}
.main:is(body.news *) .pageBody .list li .text a::before {
  background: #1f871f;
}
.main:is(body.news *) .pageBody .list li .text a::after {
  background: #fff;
  -webkit-mask: url(../imgs/arw05.svg) center/0.15rem auto no-repeat;
          mask: url(../imgs/arw05.svg) center/0.15rem auto no-repeat;
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.news *) .pageBody .list li .text a::after {
    transition: translate 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.news *) .pageBody .list li .text a:hover::after {
    translate: 0.08rem 0 0;
  }
}
.main:is(body.news *) .pageBody .pagination {
  margin: 0.5rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) .pageBody .pagination {
    margin: 0.3rem 0 0;
  }
}
.main:is(body.news *) .pageBody .pagination .nav-links {
  display: flex;
  gap: 0.05rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 0.12rem 0.28rem;
  position: relative;
  background: #1f871f;
  border-radius: 0.27rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) .pageBody .pagination .nav-links {
    gap: 0.04rem;
    padding: 0.1rem 0.22rem;
    border-radius: 0.22rem;
  }
}
.main:is(body.news *) .pageBody .pagination .nav-links .page-numbers {
  display: grid;
  place-items: center;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) .pageBody .pagination .nav-links .page-numbers {
    width: 0.24rem;
    height: 0.24rem;
    font-size: 0.15rem;
  }
}
.main:is(body.news *) .pageBody .pagination .nav-links .page-numbers.current {
  background: #fff;
  color: #1f871f;
}
.main:is(body.news *) .pageBody .pagination .nav-links .page-numbers.prev, .main:is(body.news *) .pageBody .pagination .nav-links .page-numbers.next {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  top: 0.07rem;
  background: #1f871f;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) .pageBody .pagination .nav-links .page-numbers.prev, .main:is(body.news *) .pageBody .pagination .nav-links .page-numbers.next {
    width: 0.32rem;
    height: 0.32rem;
    top: 0.06rem;
  }
}
.main:is(body.news *) .pageBody .pagination .nav-links .page-numbers.prev::before, .main:is(body.news *) .pageBody .pagination .nav-links .page-numbers.next::before {
  content: "";
  display: block;
  width: 0.07rem;
  aspect-ratio: 7/13;
  background: #fff;
  -webkit-mask: url(../imgs/arw04.svg) center/contain no-repeat;
          mask: url(../imgs/arw04.svg) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) .pageBody .pagination .nav-links .page-numbers.prev::before, .main:is(body.news *) .pageBody .pagination .nav-links .page-numbers.next::before {
    width: 0.06rem;
  }
}
.main:is(body.news *) .pageBody .pagination .nav-links .page-numbers.prev {
  left: -0.56rem;
  scale: -1 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) .pageBody .pagination .nav-links .page-numbers.prev {
    left: -0.44rem;
  }
}
.main:is(body.news *) .pageBody .pagination .nav-links .page-numbers.next {
  right: -0.56rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.news *) .pageBody .pagination .nav-links .page-numbers.next {
    right: -0.44rem;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.news *) .pageBody .pagination .nav-links a.page-numbers {
    transition: 0.4s;
    transition-property: background-color, color;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.news *) .pageBody .pagination .nav-links a.page-numbers:hover {
    background: #fff;
    color: #1f871f;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.news *) .pageBody .pagination .nav-links a.page-numbers.prev::before, .main:is(body.news *) .pageBody .pagination .nav-links a.page-numbers.next::before {
    transition: translate 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.news *) .pageBody .pagination .nav-links a.page-numbers.prev:hover, .main:is(body.news *) .pageBody .pagination .nav-links a.page-numbers.next:hover {
    background: #1f871f;
  }
  .main:is(body.news *) .pageBody .pagination .nav-links a.page-numbers.prev:hover::before, .main:is(body.news *) .pageBody .pagination .nav-links a.page-numbers.next:hover::before {
    translate: 100% 0 0;
  }
}
.main:is(body.single *) {
  padding-bottom: 1.3rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.single *) {
    padding-bottom: 0.1rem;
  }
}
.main:is(body.single *) .pageBody {
  margin: 0.75rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.single *) .pageBody {
    margin: 0.44rem 0 0;
  }
}
.main:is(body.single *) .pageBody .wrap {
  max-width: 10rem;
}
.main:is(body.single *) .pageBody .prepend {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr;
  gap: 0.18rem 0.28rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.single *) .pageBody .prepend {
    gap: 0.18rem;
  }
}
.main:is(body.single *) .pageBody .prepend .date {
  grid-row: 1/2;
  grid-column: 1/2;
  align-self: center;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.single *) .pageBody .prepend .date {
    font-size: 0.12rem;
    font-weight: 400;
  }
}
.main:is(body.single *) .pageBody .prepend .category {
  grid-row: 1/2;
  grid-column: 2/3;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 0.9rem;
  height: 0.27rem;
  border: 0.01rem solid currentColor;
  border-radius: 0.135rem;
  color: #1f871f;
  font-size: 0.13rem;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .main:is(body.single *) .pageBody .prepend .category {
    width: 0.84rem;
    height: 0.25rem;
    border-radius: 0.125rem;
    font-size: 0.12rem;
    font-weight: 400;
  }
}
.main:is(body.single *) .pageBody .prepend .sectionTitle {
  grid-row: 2/3;
  grid-column: 1/3;
  color: #1f871f;
}
.main:is(body.single *) .pageBody .body {
  margin: 0.25rem 0 0;
  line-height: 2.3125;
}
@media screen and (max-width: 750px) {
  .main:is(body.single *) .pageBody .body {
    margin: 0.14rem 0 0;
    line-height: 1.8571428571;
  }
}
.main:is(body.single *) .pageBody .body .wp-block-image {
  margin: 0.24rem 0;
  text-align: center;
}
@media (prefers-reduced-motion: no-preference) {
  .main:is(body.single *) .pageBody .body .wp-block-image {
    opacity: 0;
  }
  .main:is(body.single *) .pageBody .body .wp-block-image.scrollIn {
    opacity: 1;
  }
}
.main:is(body.single *) .pageBody .body .wp-block-image:last-child {
  margin-bottom: 0;
}
.main:is(body.contact *) .contact .wrap, .main:is(body.recruit *) .contact .wrap {
  max-width: 10rem;
}
.main:is(body.contact *) .contact .attention, .main:is(body.recruit *) .contact .attention {
  margin: 0.18rem 0 0;
  color: #f42413;
  font-size: 0.14rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .attention, .main:is(body.recruit *) .contact .attention {
    font-size: 0.12rem;
  }
}
.main:is(body.contact *) .contact .list, .main:is(body.recruit *) .contact .list {
  margin: 0.86rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .list, .main:is(body.recruit *) .contact .list {
    margin: 0.38rem 0 0;
  }
}
.main:is(body.contact *) .contact .list dt, .main:is(body.recruit *) .contact .list dt {
  display: flex;
  align-items: flex-end;
  gap: 0.06rem;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .list dt, .main:is(body.recruit *) .contact .list dt {
    gap: 0.05rem;
    font-size: 0.16rem;
  }
}
.main:is(body.contact *) .contact .list dt.required::after, .main:is(body.recruit *) .contact .list dt.required::after {
  content: "※必須";
  color: #f42413;
  font-size: 0.12rem;
  font-weight: 400;
}
.main:is(body.contact *) .contact .list dd, .main:is(body.recruit *) .contact .list dd {
  margin: 0.15rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .list dd, .main:is(body.recruit *) .contact .list dd {
    margin: 0.12rem 0 0;
  }
}
.main:is(body.contact *) .contact .list dd + dt, .main:is(body.recruit *) .contact .list dd + dt {
  margin: 0.36rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .list dd + dt, .main:is(body.recruit *) .contact .list dd + dt {
    margin: 0.28rem 0 0;
  }
}
.main:is(body.contact *) .contact .list dd input[type=text],
.main:is(body.contact *) .contact .list dd input[type=email],
.main:is(body.contact *) .contact .list dd input[type=date],
.main:is(body.contact *) .contact .list dd select,
.main:is(body.contact *) .contact .list dd textarea, .main:is(body.recruit *) .contact .list dd input[type=text],
.main:is(body.recruit *) .contact .list dd input[type=email],
.main:is(body.recruit *) .contact .list dd input[type=date],
.main:is(body.recruit *) .contact .list dd select,
.main:is(body.recruit *) .contact .list dd textarea {
  display: block;
  box-sizing: border-box;
  border: 0.01rem solid #ccc;
  background: #fff;
  border-radius: 0.04rem;
  outline-color: #1f871f;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .list dd input[type=text],
.main:is(body.contact *) .contact .list dd input[type=email],
.main:is(body.contact *) .contact .list dd input[type=date],
.main:is(body.contact *) .contact .list dd select,
.main:is(body.contact *) .contact .list dd textarea, .main:is(body.recruit *) .contact .list dd input[type=text],
.main:is(body.recruit *) .contact .list dd input[type=email],
.main:is(body.recruit *) .contact .list dd input[type=date],
.main:is(body.recruit *) .contact .list dd select,
.main:is(body.recruit *) .contact .list dd textarea {
    font-size: 16px;
    line-height: 1.5;
  }
}
.main:is(body.contact *) .contact .list dd input[type=text],
.main:is(body.contact *) .contact .list dd input[type=email],
.main:is(body.contact *) .contact .list dd input[type=date],
.main:is(body.contact *) .contact .list dd select, .main:is(body.recruit *) .contact .list dd input[type=text],
.main:is(body.recruit *) .contact .list dd input[type=email],
.main:is(body.recruit *) .contact .list dd input[type=date],
.main:is(body.recruit *) .contact .list dd select {
  width: 6rem;
  height: 0.6rem;
  padding: 0 1em;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .list dd input[type=text],
.main:is(body.contact *) .contact .list dd input[type=email],
.main:is(body.contact *) .contact .list dd input[type=date],
.main:is(body.contact *) .contact .list dd select, .main:is(body.recruit *) .contact .list dd input[type=text],
.main:is(body.recruit *) .contact .list dd input[type=email],
.main:is(body.recruit *) .contact .list dd input[type=date],
.main:is(body.recruit *) .contact .list dd select {
    width: 100%;
    height: 0.5rem;
  }
}
.main:is(body.contact *) .contact .list dd input[type=text].middle,
.main:is(body.contact *) .contact .list dd input[type=email].middle,
.main:is(body.contact *) .contact .list dd input[type=date].middle,
.main:is(body.contact *) .contact .list dd select.middle, .main:is(body.recruit *) .contact .list dd input[type=text].middle,
.main:is(body.recruit *) .contact .list dd input[type=email].middle,
.main:is(body.recruit *) .contact .list dd input[type=date].middle,
.main:is(body.recruit *) .contact .list dd select.middle {
  width: 3rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .list dd input[type=text].middle,
.main:is(body.contact *) .contact .list dd input[type=email].middle,
.main:is(body.contact *) .contact .list dd input[type=date].middle,
.main:is(body.contact *) .contact .list dd select.middle, .main:is(body.recruit *) .contact .list dd input[type=text].middle,
.main:is(body.recruit *) .contact .list dd input[type=email].middle,
.main:is(body.recruit *) .contact .list dd input[type=date].middle,
.main:is(body.recruit *) .contact .list dd select.middle {
    width: 100%;
  }
}
.main:is(body.contact *) .contact .list dd input[type=text].small,
.main:is(body.contact *) .contact .list dd input[type=email].small,
.main:is(body.contact *) .contact .list dd input[type=date].small,
.main:is(body.contact *) .contact .list dd select.small, .main:is(body.recruit *) .contact .list dd input[type=text].small,
.main:is(body.recruit *) .contact .list dd input[type=email].small,
.main:is(body.recruit *) .contact .list dd input[type=date].small,
.main:is(body.recruit *) .contact .list dd select.small {
  width: 2.14rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .list dd input[type=text].small,
.main:is(body.contact *) .contact .list dd input[type=email].small,
.main:is(body.contact *) .contact .list dd input[type=date].small,
.main:is(body.contact *) .contact .list dd select.small, .main:is(body.recruit *) .contact .list dd input[type=text].small,
.main:is(body.recruit *) .contact .list dd input[type=email].small,
.main:is(body.recruit *) .contact .list dd input[type=date].small,
.main:is(body.recruit *) .contact .list dd select.small {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .list dd select, .main:is(body.recruit *) .contact .list dd select {
    font-size: 14px;
  }
}
.main:is(body.contact *) .contact .list dd textarea, .main:is(body.recruit *) .contact .list dd textarea {
  width: 100%;
  min-height: 3rem;
  padding: 0.5em 1em;
}
.main:is(body.contact *) .contact .list dd span:has(select), .main:is(body.recruit *) .contact .list dd span:has(select) {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .list dd span:has(select), .main:is(body.recruit *) .contact .list dd span:has(select) {
    width: 100%;
  }
}
.main:is(body.contact *) .contact .list dd span:has(select)::after, .main:is(body.recruit *) .contact .list dd span:has(select)::after {
  content: "";
  display: block;
  width: 0.1rem;
  aspect-ratio: 1.4285714286;
  position: absolute;
  top: 50%;
  right: 0.24rem;
  background: currentColor;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  translate: 0 -50% 0;
  pointer-events: none;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .list dd span:has(select)::after, .main:is(body.recruit *) .contact .list dd span:has(select)::after {
    right: 0.16rem;
  }
}
.main:is(body.contact *) .contact .submit, .main:is(body.recruit *) .contact .submit {
  width: 3.5rem;
  margin: 0.5rem auto 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .submit, .main:is(body.recruit *) .contact .submit {
    width: 2.45rem;
    margin: 0.25rem auto 0;
  }
}
.main:is(body.contact *) .contact .submit input[type=submit], .main:is(body.recruit *) .contact .submit input[type=submit] {
  box-sizing: border-box;
  width: 100%;
  height: 0.7rem;
  border: 0.01rem solid;
  padding: 0;
  border-radius: 0.1rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .submit input[type=submit], .main:is(body.recruit *) .contact .submit input[type=submit] {
    height: 0.49rem;
    border-radius: 0.08 rem;
    font-size: 0.14rem;
  }
}
.main:is(body.contact *) .contact .submit::before, .main:is(body.recruit *) .contact .submit::before {
  content: "";
  display: block;
  width: 0.08rem;
  aspect-ratio: 7/13;
  position: absolute;
  top: 50%;
  right: 0.21rem;
  background: #fff;
  -webkit-mask: url(../imgs/arw04.svg) center/contain no-repeat;
          mask: url(../imgs/arw04.svg) center/contain no-repeat;
  translate: 0 -50% 0;
  pointer-events: none;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact .submit::before, .main:is(body.recruit *) .contact .submit::before {
    width: 0.06rem;
    right: 0.15rem;
  }
}
.main:is(body.contact *) .contact .submit .wpcf7-spinner, .main:is(body.recruit *) .contact .submit .wpcf7-spinner {
  display: none !important;
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.contact *) .contact .submit input[type=submit], .main:is(body.recruit *) .contact .submit input[type=submit] {
    transition: 0.4s;
    transition-property: background-color, color;
  }
  .main:is(body.contact *) .contact .submit::before, .main:is(body.recruit *) .contact .submit::before {
    transition: background-color 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.contact *) .contact .submit:hover input[type=submit], .main:is(body.recruit *) .contact .submit:hover input[type=submit] {
    background: #fff;
  }
}
.main:is(body.contact *) {
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) {
    padding-bottom: 0.1rem;
  }
}
.main:is(body.contact *) .pageTitle {
  color: #1f871f;
}
.main:is(body.contact *) .contact {
  margin: 0.6rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.contact *) .contact {
    margin: 0.24rem 0 0;
  }
}
.main:is(body.contact *) .contact .submit input[type=submit] {
  border-color: #1f871f;
  background: #1f871f;
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.contact *) .contact .submit:hover input[type=submit] {
    color: #1f871f;
  }
  .main:is(body.contact *) .contact .submit:hover::before {
    background-color: #1f871f;
  }
}
.main:is(body.recruit *) {
  padding-bottom: 0.9rem;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) {
    padding-bottom: 0.1rem;
  }
}
.main:is(body.recruit *) .pageHeader {
  position: relative;
  background-image: linear-gradient(#f4efe2, #f4efe2), linear-gradient(90deg, #f3f3d6, #f3f3d6 calc(50% - 6rem), #c4ddb0 50%, #b7daaa calc(50% + 6rem), #b7daaa);
  background-position: 0 100%, 0 0;
  background-size: 100% 4.8rem, cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader {
    background-image: linear-gradient(#f4efe2, #f4efe2), linear-gradient(90deg, #f3f3d6, #c4ddb0 50%, #b7daaa);
  }
}
.main:is(body.recruit *) .pageHeader .hero {
  padding: 1rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .hero {
    padding: 1.04rem 0 0;
    position: relative;
  }
}
.main:is(body.recruit *) .pageHeader .hero .bg {
  position: absolute;
  background: center/contain no-repeat;
}
.main:is(body.recruit *) .pageHeader .hero .bg--01, .main:is(body.recruit *) .pageHeader .hero .bg--02 {
  aspect-ratio: 560/479;
  background-image: url(../imgs/recruit/bg01.svg);
}
.main:is(body.recruit *) .pageHeader .hero .bg--01 {
  width: 4rem;
  top: 1.17rem;
  left: calc(50% - 7rem);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .hero .bg--01 {
    width: 1.71rem;
    top: 1.47 rem;
    left: -0.75rem;
  }
}
.main:is(body.recruit *) .pageHeader .hero .bg--02 {
  width: 6rem;
  top: 1.11rem;
  right: calc(50% - 7.48rem);
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .hero .bg--02 {
    width: 2.21rem;
    top: 2.08rem;
    right: -0.67rem;
  }
}
.main:is(body.recruit *) .pageHeader .hero .bg--03 {
  width: 10.48rem;
  aspect-ratio: 1048/289;
  top: 2.74rem;
  left: calc(50% - 4.67rem);
  background-image: url(../imgs/recruit/bg02.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .hero .bg--03 {
    width: 3.2rem;
    aspect-ratio: 320/147;
    top: 0.84rem;
    left: 0.55rem;
    background-image: url(../imgs/recruit/bg02_sp.svg);
  }
}
.main:is(body.recruit *) .pageHeader .hero .bg--04 {
  width: 19.69rem;
  aspect-ratio: 1969/598;
  top: 4.54rem;
  left: calc(50% - 9.85rem);
  background-image: url(../imgs/recruit/bg03.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .hero .bg--04 {
    width: 6.15rem;
    aspect-ratio: 375/68;
    aspect-ratio: 615/187;
    top: auto;
    bottom: -1.52rem;
    left: -1.2rem;
    background-image: url(../imgs/recruit/bg03_sp.svg);
  }
}
.main:is(body.recruit *) .pageHeader .hero .wrap {
  display: grid;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .hero .wrap {
    display: block;
  }
}
.main:is(body.recruit *) .pageHeader .hero .text {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  gap: 0.04rem;
  padding: 0.29rem 0 0;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .hero .text {
    padding: 0;
    gap: 0.12rem;
  }
}
.main:is(body.recruit *) .pageHeader .hero .text .ja,
.main:is(body.recruit *) .pageHeader .hero .text .en {
  white-space: nowrap;
}
@media (prefers-reduced-motion: no-preference) {
  .main:is(body.recruit *) .pageHeader .hero .text .ja,
.main:is(body.recruit *) .pageHeader .hero .text .en {
    visibility: hidden;
  }
  .main:is(body.recruit *) .pageHeader .hero .text .ja span,
.main:is(body.recruit *) .pageHeader .hero .text .en span {
    opacity: 0;
    transition: opacity 0.4s;
  }
}
.main:is(body.recruit *) .pageHeader .hero .text .ja {
  font-size: 0.18rem;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .hero .text .ja {
    font-size: 0.14rem;
  }
}
.main:is(body.recruit *) .pageHeader .hero .text .en {
  color: #1f871f;
  font-family: "M PLUS 1p", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  scale: 0.85 1;
  transform-origin: left;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .hero .text .en {
    font-size: 0.55rem;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .main:is(body.recruit *) .pageHeader .hero .text.scrollIn .ja,
.main:is(body.recruit *) .pageHeader .hero .text.scrollIn .en {
    visibility: visible;
  }
  .main:is(body.recruit *) .pageHeader .hero .text.scrollIn .ja span,
.main:is(body.recruit *) .pageHeader .hero .text.scrollIn .en span {
    opacity: 1;
  }
}
.main:is(body.recruit *) .pageHeader .hero .image {
  grid-area: 1/1;
  width: 8.56rem;
  margin-right: -0.93rem;
  justify-self: end;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .hero .image {
    width: 3.95rem;
    margin: 0.18rem -0.36rem 0 -0.24rem;
  }
}
.main:is(body.recruit *) .pageHeader .breadCrumb {
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .breadCrumb {
    margin: -0.03rem 0 0;
    padding: 0;
  }
}
.main:is(body.recruit *) .pageHeader .breadCrumb + .wrap {
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .breadCrumb + .wrap {
    background: #f4efe2;
  }
}
.main:is(body.recruit *) .pageHeader .lead {
  padding: 0.56rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .lead {
    padding: 0.42rem 0 0;
  }
}
.main:is(body.recruit *) .pageHeader .sNav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem;
  width: 10.04rem;
  margin: 0.64rem auto 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav {
    width: auto;
    margin: 0.24rem 0 0;
    gap: 0.07rem 0.09rem;
  }
}
.main:is(body.recruit *) .pageHeader .sNav li {
  width: calc((100% - 0.3rem) / 3);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav li {
    width: calc(50% - 0.045rem);
  }
}
.main:is(body.recruit *) .pageHeader .sNav li a {
  display: grid;
  place-items: center left;
  box-sizing: border-box;
  height: 1.55rem;
  border: 0.02rem solid #70b270;
  padding: 0 0 0 0.17rem;
  position: relative;
  background-color: #70b270;
  background-repeat: no-repeat;
  border-radius: 0.07rem;
  color: #fff;
  font-size: 0.22rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav li a {
    height: 0.69rem;
    padding: 0 0 0 0.08rem;
    border-radius: 0.05rem;
    font-size: 0.14rem;
  }
}
.main:is(body.recruit *) .pageHeader .sNav li a::before, .main:is(body.recruit *) .pageHeader .sNav li a::after {
  content: "";
  display: block;
  width: 0.41rem;
  height: 0.28rem;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 0.05rem 0.02rem 0.05rem 0.02rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav li a::before, .main:is(body.recruit *) .pageHeader .sNav li a::after {
    width: 0.29rem;
    height: 0.2rem;
    border-radius: 0.03rem 0 0.03rem 0;
  }
}
.main:is(body.recruit *) .pageHeader .sNav li a::before {
  background: #fff;
}
.main:is(body.recruit *) .pageHeader .sNav li a::after {
  background: #70b270;
  -webkit-mask: url(../imgs/arw07.svg) center/auto 0.13rem no-repeat;
          mask: url(../imgs/arw07.svg) center/auto 0.13rem no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav li a::after {
    -webkit-mask-size: auto 0.09rem;
            mask-size: auto 0.09rem;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.recruit *) .pageHeader .sNav li a::after {
    transition: translate 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.recruit *) .pageHeader .sNav li a:hover::after {
    translate: 0 0.04rem 0;
  }
}
.main:is(body.recruit *) .pageHeader .sNav li.item--01 a {
  background-image: linear-gradient(135deg, #e9c7a1 50%, transparent 50%), url(../imgs/recruit/nav01.png);
  background-position: 0 0, 1.34rem 0.13rem;
  background-size: 0.43rem 0.43rem, 1.62rem auto;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav li.item--01 a {
    background-position: 0 0, 0.77rem 0.03rem;
    background-size: 0.25rem 0.25rem, 0.72rem auto;
  }
}
.main:is(body.recruit *) .pageHeader .sNav li.item--02 a {
  background-image: linear-gradient(135deg, #a0dfa9 50%, transparent 50%), url(../imgs/recruit/nav02.png);
  background-position: 0 0, 1.62rem 0.07rem;
  background-size: 0.43rem 0.43rem, 1.4rem auto;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav li.item--02 a {
    background-position: 0 0, 0.93rem 0.03rem;
    background-size: 0.25rem 0.25rem, 0.62rem auto;
  }
}
.main:is(body.recruit *) .pageHeader .sNav li.item--03 a {
  background-image: linear-gradient(135deg, #cbb4e2 50%, transparent 50%), url(../imgs/recruit/nav03.png);
  background-position: 0 0, 1.51rem 0.05rem;
  background-size: 0.43rem 0.43rem, 1.33rem auto;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav li.item--03 a {
    background-position: 0 0, 0.82rem 0.03rem;
    background-size: 0.25rem 0.25rem, 0.6rem auto;
  }
}
.main:is(body.recruit *) .pageHeader .sNav li.item--04 a {
  background-image: linear-gradient(135deg, #edbbbb 50%, transparent 50%), url(../imgs/recruit/nav04.png);
  background-position: 0 0, 1.6rem 0.09rem;
  background-size: 0.43rem 0.43rem, 1.4rem auto;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav li.item--04 a {
    background-position: 0 0, 0.91rem 0.03rem;
    background-size: 0.25rem 0.25rem, 0.59rem auto;
  }
}
.main:is(body.recruit *) .pageHeader .sNav li.item--05 a {
  background-image: linear-gradient(135deg, #abbaf7 50%, transparent 50%), url(../imgs/recruit/nav05.png);
  background-position: 0 0, 1.3rem 0.14rem;
  background-size: 0.43rem 0.43rem, 1.62rem auto;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav li.item--05 a {
    background-position: 0 0, 0.71rem 0.03rem;
    background-size: 0.25rem 0.25rem, 0.72rem auto;
  }
}
.main:is(body.recruit *) .pageHeader .sNav li.item--06 a {
  background-image: linear-gradient(135deg, #abbaf7 50%, transparent 50%), url(../imgs/recruit/nav06.png);
  background-position: 0 0, 1.45rem 0.1rem;
  background-size: 0.43rem 0.43rem, 1.36rem auto;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav li.item--06 a {
    background-position: 0 0, 0.84rem 0.04rem;
    background-size: 0.25rem 0.25rem, 0.59rem auto;
  }
}
.main:is(body.recruit *) .pageHeader .sNav li.item--07 a {
  background-image: linear-gradient(135deg, #b0d4a6 50%, transparent 50%), url(../imgs/recruit/nav07.png);
  background-position: 0 0, 1.48rem 0.1rem;
  background-size: 0.43rem 0.43rem, 1.44rem auto;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav li.item--07 a {
    background-position: 0 0, 0.81rem 0.03rem;
    background-size: 0.25rem 0.25rem, 0.64rem auto;
  }
}
.main:is(body.recruit *) .pageHeader .sNav li.item--08 a {
  background-image: linear-gradient(135deg, #98cbce 50%, transparent 50%), url(../imgs/recruit/nav08.png);
  background-position: 0 0, 1.43rem 0.14rem;
  background-size: 0.43rem 0.43rem, 1.62rem auto;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav li.item--08 a {
    background-position: 0 0, 0.79rem 0.05rem;
    background-size: 0.25rem 0.25rem, 0.72rem auto;
  }
}
.main:is(body.recruit *) .pageHeader .sNav li.item--09 a {
  background-image: linear-gradient(135deg, #e6c274 50%, transparent 50%), url(../imgs/recruit/nav09.png);
  background-position: 0 0, 1.48rem 0.12rem;
  background-size: 0.43rem 0.43rem, 1.34rem auto;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .pageHeader .sNav li.item--09 a {
    background-position: 0 0, 0.83rem 0.05rem;
    background-size: 0.25rem 0.25rem, 0.6rem auto;
  }
}
.main:is(body.recruit *) .section {
  position: relative;
}
.main:is(body.recruit *) .section .bg {
  position: absolute;
  background: center/contain no-repeat;
}
.main:is(body.recruit *) .section .wrap {
  max-width: 10rem;
  position: relative;
}
.main:is(body.recruit *) .section .title:has(.en) {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section .title:has(.en) {
    gap: 0.19rem;
  }
}
.main:is(body.recruit *) .section .title:has(.en) .en {
  font-family: "M PLUS 1p", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 0.6rem;
  transform-origin: left;
  scale: 0.85 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section .title:has(.en) .en {
    font-size: 0.55rem;
    line-height: 0.41rem;
  }
}
.main:is(body.recruit *) .section .title:has(.en) .ja {
  font-size: 0.24rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section .title:has(.en) .ja {
    font-size: 0.18rem;
  }
}
.main:is(body.recruit *) .section p {
  font-feature-settings: "palt";
}
.main:is(body.recruit *) .section.message {
  margin: 0.65rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.message {
    margin: 0.4rem 0 0;
  }
}
.main:is(body.recruit *) .section.message .wrap {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: 1fr 4.5rem;
  gap: 0 0.5rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.message .wrap {
    display: block;
  }
}
.main:is(body.recruit *) .section.message .title {
  grid-row: 1/2;
  grid-column: 1/3;
  font-size: 0.32rem;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.message .title {
    font-size: 0.24rem;
    line-height: 1.5416666667;
  }
}
.main:is(body.recruit *) .section.message .text--01 {
  grid-row: 2/3;
  grid-column: 1/3;
  padding: 0.3rem 0 0.5rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.message .text--01 {
    padding: 0.26rem 0 0;
  }
}
.main:is(body.recruit *) .section.message .text--02 {
  grid-row: 3/4;
  grid-column: 1/2;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.message .text--02 {
    padding: 0.32rem 0 0;
  }
}
.main:is(body.recruit *) .section.message .signature {
  grid-row: 3/4;
  grid-column: 1/2;
  align-self: end;
  justify-self: end;
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
  line-height: 1;
  text-align: right;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.message .signature {
    margin: 0.28rem 0 0;
  }
}
.main:is(body.recruit *) .section.message .signature .job {
  font-size: 0.14rem;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.message .signature .job {
    font-size: 0.15rem;
  }
}
.main:is(body.recruit *) .section.message .signature .name {
  font-size: 0.28rem;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.message .signature .name {
    font-size: 0.27rem;
  }
}
.main:is(body.recruit *) .section.message .image {
  grid-row: 3/4;
  grid-column: 2/3;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.message .image {
    margin: 0.22rem -0.2rem 0;
  }
}
.main:is(body.recruit *) .section.voice {
  margin: 0.7rem 0 0;
  background-image: url(../imgs/recruit/bg06.svg), url(../imgs/recruit/bg06.svg);
  background-position: calc(50% + 0.15rem - 5.52rem) 2.42rem, calc(50% - 0.15rem + 4.74rem) 4.72rem;
  background-size: 0.3rem 0.3rem;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.voice {
    margin: 0.55rem 0 0;
    padding: 0 0 0.34rem;
    background-position: 0.16rem 2.2rem, calc(100% - 0.06rem) 100%;
    background-size: 0.2rem 0.2rem;
  }
}
.main:is(body.recruit *) .section.voice .bg--01, .main:is(body.recruit *) .section.voice .bg--02 {
  aspect-ratio: 560/479;
  background-image: url(../imgs/recruit/bg04.svg);
}
.main:is(body.recruit *) .section.voice .bg--01 {
  width: 5.6rem;
  top: -0.3rem;
  left: calc(50% - 7.76rem);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.voice .bg--01 {
    width: 2.35rem;
    top: 0.76rem;
    left: -0.64rem;
  }
}
.main:is(body.recruit *) .section.voice .bg--02 {
  width: 5rem;
  bottom: -0.45rem;
  right: calc(50% - 8.1rem);
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.voice .bg--02 {
    width: 2.1rem;
    bottom: -0.68r em;
    right: -1.5rem;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
  }
}
.main:is(body.recruit *) .section.voice .bg--03 {
  width: 10.19rem;
  aspect-ratio: 1019/251;
  top: 2.67rem;
  left: calc(50% - 5.1rem);
  background-image: url(../imgs/recruit/bg05.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.voice .bg--03 {
    width: 3.18rem;
    aspect-ratio: 318/230;
    top: 2.23rem;
    left: 0.46rem;
    background-image: url(../imgs/recruit/bg05_sp.svg);
  }
}
.main:is(body.recruit *) .section.voice .title .en {
  color: #e1b27e;
}
.main:is(body.recruit *) .section.voice .text {
  padding: 0.35rem 0 0;
}
.main:is(body.recruit *) .section.voice .movieHolder {
  margin: 0.46rem auto 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.voice .movieHolder {
    margin: 0.48rem 0 0;
  }
}
.main:is(body.recruit *) .section.voice .movieHolder .balloon {
  width: 1.67rem;
  position: absolute;
  top: -1.76rem;
  right: -0.88rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.voice .movieHolder .balloon {
    width: 0.84rem;
    top: -0.87rem;
    right: 0.04rem;
  }
}
.main:is(body.recruit *) .section.voice .movieHolder .cover {
  background-image: url(../imgs/th-movie01.jpg);
}
.main:is(body.recruit *) .section.goodfit {
  margin: 1rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.goodfit {
    margin: 0.22rem 0 0;
  }
}
.main:is(body.recruit *) .section.goodfit .bg {
  width: 3.24rem;
  aspect-ratio: 324/296;
  top: -0.1rem;
  right: calc(50% - 5.36rem);
  background-image: url(../imgs/recruit/bg07.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.goodfit .bg {
    width: 2.49rem;
    top: auto;
    right: 0.44rem;
    bottom: 0.33rem;
  }
}
.main:is(body.recruit *) .section.goodfit .wrap {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 3.45rem;
  gap: 0.36rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.goodfit .wrap {
    display: block;
  }
}
.main:is(body.recruit *) .section.goodfit .title {
  grid-row: 1/2;
  grid-column: 1/2;
}
.main:is(body.recruit *) .section.goodfit .title .en {
  color: #8ec899;
}
.main:is(body.recruit *) .section.goodfit .text {
  grid-row: 2/3;
  grid-column: 1/2;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.goodfit .text {
    padding: 0.35rem 0 0;
  }
}
.main:is(body.recruit *) .section.goodfit .text a {
  color: #8ec899;
  text-decoration: underline;
}
.main:is(body.recruit *) .section.goodfit .image {
  grid-row: 1/3;
  grid-column: 2/3;
  width: 3.11rem;
  margin: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.goodfit .image {
    width: 2.39rem;
    margin: 0.36rem 0 0 0.18rem;
  }
}
.main:is(body.recruit *) .section.benefits {
  margin: 0.7rem 0 0;
  background-image: url(../imgs/recruit/bg10.svg), url(../imgs/recruit/bg10.svg);
  background-position: calc(50% + 0.15rem - 5.12rem) calc(100% - 0.9rem), calc(50% - 0.15rem + 4.7rem) calc(100% - 3.24rem);
  background-size: 0.3rem 0.3rem;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits {
    margin: 0.55rem 0 0;
    padding-bottom: 0.42rem;
    background-position: 0.12rem calc(100% - 2.53rem), calc(100% - 0.11rem) 100%;
    background-size: 0.2rem 0.2rem;
  }
}
.main:is(body.recruit *) .section.benefits .bg {
  width: 2.89rem;
  aspect-ratio: 289/303;
  top: -0.16rem;
  right: calc(50% - 4.83rem);
  background-image: url(../imgs/recruit/bg08.svg);
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits .bg {
    width: 2.23rem;
    aspect-ratio: 223/233;
    top: 2.26rem;
    right: auto;
    left: 0.3rem;
  }
}
.main:is(body.recruit *) .section.benefits .title .en {
  color: #cbb4e2;
}
.main:is(body.recruit *) .section.benefits .text--01 {
  width: 6.17rem;
  padding: 0.35rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits .text--01 {
    width: auto;
  }
}
.main:is(body.recruit *) .section.benefits .text--02 {
  width: 5.99rem;
  padding: 0.5rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits .text--02 {
    width: auto;
    padding: 0.25rem 0 0;
  }
}
.main:is(body.recruit *) .section.benefits .image--01 {
  width: 3.19rem;
  position: absolute;
  top: -0.04rem;
  right: -0.55rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits .image--01 {
    width: 2.45rem;
    margin: 0.28rem 0 0 0.44rem;
    position: relative;
    top: 0;
    right: 0;
  }
}
.main:is(body.recruit *) .section.benefits .image--02 {
  display: flex;
  gap: 0.08rem;
  margin: 0.52rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits .image--02 {
    flex-direction: column;
    width: 3rem;
    margin: 0.35rem auto 0;
  }
}
.main:is(body.recruit *) .section.benefits .image--02 picture {
  width: 3.28rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits .image--02 picture {
    width: auto;
  }
}
.main:is(body.recruit *) .section.benefits .dormitory {
  margin: 0.98rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits .dormitory {
    margin: 0.44rem 0 0;
  }
}
.main:is(body.recruit *) .section.benefits .dormitory .bg--01, .main:is(body.recruit *) .section.benefits .dormitory .bg--02 {
  aspect-ratio: 560/479;
  background-image: url(../imgs/recruit/bg09.svg);
}
.main:is(body.recruit *) .section.benefits .dormitory .bg--01 {
  width: 5.6rem;
  top: 1.04rem;
  right: auto;
  left: calc(50% - 7.76rem);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits .dormitory .bg--01 {
    width: 1.92rem;
    top: -0.11rem;
    right: auto;
    left: -1.19rem;
  }
}
.main:is(body.recruit *) .section.benefits .dormitory .bg--02 {
  width: 5rem;
  top: -1.46rem;
  right: calc(50% - 8.11rem);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits .dormitory .bg--02 {
    width: 2.45rem;
    top: 1.55rem;
    right: -1.91rem;
    left: auto;
  }
}
.main:is(body.recruit *) .section.benefits .dormitory .bg--03 {
  width: 9.67rem;
  aspect-ratio: 967/690;
  top: -0.64rem;
  right: auto;
  left: calc(50% - 5.1rem);
  background-image: url(../imgs/recruit/bg11.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits .dormitory .bg--03 {
    width: 3.4rem;
    aspect-ratio: 340/232;
    top: 0.46rem;
    right: auto;
    left: 0.21rem;
    background-image: url(../imgs/recruit/bg11_sp.svg);
  }
}
.main:is(body.recruit *) .section.benefits .dormitory .sttl {
  color: #1f871f;
  font-family: "M PLUS 1p", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
  font-size: 0.4rem;
  font-weight: 700;
  text-align: center;
  scale: 0.85 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits .dormitory .sttl {
    font-size: 0.22rem;
    line-height: 1.2727272727;
  }
}
.main:is(body.recruit *) .section.benefits .dormitory .movieHolder {
  margin: 0.24rem auto 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits .dormitory .movieHolder {
    margin: 0.19rem auto 0;
  }
}
.main:is(body.recruit *) .section.benefits .dormitory .movieHolder .balloon {
  width: 1.67rem;
  position: absolute;
  top: -1.76rem;
  right: -0.88rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.benefits .dormitory .movieHolder .balloon {
    width: 0.84rem;
    top: -0.91rem;
    right: 0.04rem;
  }
}
.main:is(body.recruit *) .section.benefits .dormitory .movieHolder .cover {
  background-image: url(../imgs/recruit/th-movie02.jpg);
}
.main:is(body.recruit *) .section.daylife {
  margin: 1rem 0 0;
  background-image: url(../imgs/recruit/bg14.svg), url(../imgs/recruit/bg14.svg);
  background-position: calc(50% - 0.15rem + 1.51rem) 0.66rem, calc(50% - 0.15rem + 5.08rem) 1.68rem;
  background-size: 0.3rem 0.3rem;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife {
    margin: 0.14rem 0 0;
    background-position: 2.76rem 0.82rem, 100% 1.54rem;
    background-size: 0.22rem 0.22rem;
  }
}
.main:is(body.recruit *) .section.daylife .bg--01 {
  width: 5.6rem;
  aspect-ratio: 560/479;
  top: -0.38rem;
  right: calc(50% - 7rem);
  background-image: url(../imgs/recruit/bg13.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .bg--01 {
    width: 2.74rem;
    aspect-ratio: 560/479;
    top: 0.82rem;
    right: -1.67rem;
  }
}
.main:is(body.recruit *) .section.daylife .bg--02 {
  width: 1.92rem;
  aspect-ratio: 192/175;
  top: 1.13rem;
  right: calc(50% - 2.26rem);
  background-image: url(../imgs/recruit/bg15.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .bg--02 {
    width: 0.94rem;
    top: 1.37rem;
    right: 0.66rem;
  }
}
.main:is(body.recruit *) .section.daylife .title .en {
  color: #eaaab5;
}
.main:is(body.recruit *) .section.daylife .text {
  padding: 0.35rem 0 0;
}
.main:is(body.recruit *) .section.daylife .tabNav {
  display: flex;
  justify-content: space-between;
  margin: 0.4rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabNav {
    margin: 0.22rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabNav .btn {
  box-sizing: border-box;
  width: 3.24rem;
  height: 0.9rem;
  border: 0.02rem solid #eaaab5;
  padding: 0 0.17rem;
  position: relative;
  background: #fff;
  border-radius: 0.07rem;
  color: #eaaab5;
  font-weight: 700;
  text-align: left;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabNav .btn {
    width: 1.08rem;
    height: 0.63rem;
    padding: 0 0.09rem;
    border-radius: 0.05rem;
  }
}
.main:is(body.recruit *) .section.daylife .tabNav .btn .job,
.main:is(body.recruit *) .section.daylife .tabNav .btn .name {
  display: block;
  line-height: 1;
}
.main:is(body.recruit *) .section.daylife .tabNav .btn .job {
  font-size: 0.15rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabNav .btn .job {
    display: flex;
    align-items: center;
    height: 0.26rem;
    font-size: 0.11rem;
    line-height: 0.13rem;
  }
}
.main:is(body.recruit *) .section.daylife .tabNav .btn .name {
  margin: 0.12rem 0 0;
  font-size: 0.24rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabNav .btn .name {
    margin: 0.05rem 0 0;
    font-size: 0.16rem;
  }
}
.main:is(body.recruit *) .section.daylife .tabNav .btn::after {
  content: "";
  display: block;
  width: 0.14rem;
  aspect-ratio: 2/1;
  position: absolute;
  top: 50%;
  right: 0.22rem;
  background: currentColor;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  translate: 0 -50% 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabNav .btn::after {
    width: 0.1rem;
    top: 0.4rem;
    right: 0.1rem;
    translate: none;
  }
}
.main:is(body.recruit *) .section.daylife .tabNav .btn.active {
  background-color: #eaaab5;
  color: #fff;
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.recruit *) .section.daylife .tabNav .btn {
    transition: 0.4s;
    transition-property: background-color, color;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.recruit *) .section.daylife .tabNav .btn:hover {
    background-color: #eaaab5;
    color: #fff;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel {
  margin: 0.33rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel {
    margin: 0.14rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab {
  display: none;
  padding: 0.15rem 0.2rem 0.5rem;
  background: #fff url(../imgs/recruit/bg12.svg) 50% 0/100% auto no-repeat;
  border-radius: 0.15rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab {
    padding: 0.1rem 0.1rem 0.2rem;
    background-image: url(../imgs/recruit/bg12_sp.svg);
    border-radius: 0.1rem;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab.active {
  display: block;
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab .headline {
  display: grid;
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab .headline picture,
.main:is(body.recruit *) .section.daylife .tabPanel .tab .headline figcaption {
  grid-area: 1/1;
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab .headline figcaption {
  width: 2.49rem;
  margin: 0.69rem 0.7rem 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab .headline figcaption {
    width: 1.21rem;
    margin: 0.27rem 0.2rem 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab .timeline {
  display: grid;
  grid-template-columns: 0.93rem 1fr;
  gap: 0.15rem 0.32rem;
  margin: 0.38rem 0.5rem 0 0.37rem;
  background: linear-gradient(#dbdcdc, #dbdcdc);
  background-position: 0.45rem 0.45rem;
  background-size: 0.03rem calc(100% - 0.9rem);
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab .timeline {
    grid-template-columns: 0.65rem 1fr;
    gap: 0.1rem 0.2rem;
    margin: 0.2rem 0.1rem 0;
    background-position: 0.315rem 0.3rem;
    background-size: 0.02rem calc(100% - 0.6rem);
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab .timeline dt {
  grid-column: 1/2;
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab .timeline dt:has(.break) {
  position: relative;
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab .timeline dt:has(.break) .break {
  width: 0.68rem;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% calc(-50% + 0.47rem) 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab .timeline dt:has(.break) .break {
    width: 0.48rem;
    translate: -50% calc(-50% + 0.33rem) 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab .timeline dd {
  grid-column: 2/3;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab .timeline dd .text {
    font-size: 0.11rem;
    line-height: 1.5454545455;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab .timeline dd .image {
  width: 6.36rem;
  margin: 0.24rem auto 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab .timeline dd .image {
    width: auto;
    margin: 0.15rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab .timeline dd .balloon img {
  width: 100%;
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .text--01 {
  padding: 0.24rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .text--01 {
    padding: 0.1rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .text--02 {
  padding: 0.18rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .text--02 {
    padding: 0.06rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .text--03 {
  padding: 0.26rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .text--03 {
    padding: 0.15rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .text--04 {
  padding: 0.38rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .text--04 {
    padding: 0.3rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .image--01 {
  margin-bottom: 0.1rem;
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .image--02 {
  margin-bottom: -0.27rem;
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .balloon--01 {
  width: 4.06rem;
  margin: 0 0 0 1.2rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .balloon--01 {
    width: auto;
    margin: 0 0 -0.14rem;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .balloon--02 {
  width: 3.57rem;
  margin: 0 0 0 1.5rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--01 .timeline dd .balloon--02 {
    width: auto;
    margin: 0.05rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .text--01 {
  padding: 0.24rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .text--01 {
    padding: 0.1rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .text--02 {
  padding: 0.18rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .text--02 {
    padding: 0.09rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .text--03 {
  padding: 0.26rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .text--03 {
    padding: 0.06rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .text--04 {
  padding: 0.38rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .text--04 {
    padding: 0.2rem 0 -0.05rem;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .image--01 {
  margin-bottom: 0.04rem;
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .image--02 {
  margin-bottom: 0.27rem;
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .balloon--01 {
  width: 4.06rem;
  margin: 0 0 0 1.2rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .balloon--01 {
    width: auto;
    margin: 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .balloon--02 {
  width: 4.57rem;
  margin: 0 0 0 0.96rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--02 .timeline dd .balloon--02 {
    width: auto;
    margin: -0.14rem 0 -0.15rem;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .headline figcaption {
  justify-self: end;
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline {
  background-size: 0.03rem calc(100% - 1.9rem);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline {
    background-size: 0.02rem calc(100% - 0.6rem);
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .text--01 {
  padding: 0.24rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .text--01 {
    padding: 0.09rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .text--02 {
  padding: 0.18rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .text--02 {
    padding: 0.09rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .text--03 {
  padding: 0.38rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .text--03 {
    padding: 0.25rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .text--04 {
  padding: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .text--04 {
    padding: 0.19rem 0 0;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .image--02 {
  margin-top: -0.28rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .image--02 {
    margin-top: -0.07rem;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .image--03 {
  margin-top: -0.32rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .image--03 {
    margin-top: -0.17rem;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .balloon--01 {
  width: 4.06rem;
  margin: 0.52rem 0 0 1.3rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .balloon--01 {
    width: auto;
    margin: 0.14rem 0 -0.15rem;
  }
}
.main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .balloon--02 {
  width: 5.57rem;
  margin: 0.48rem 0 0 0.42rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.daylife .tabPanel .tab--03 .timeline dd .balloon--02 {
    width: auto;
    margin: 0.14rem 0 -0.1rem;
  }
}
.main:is(body.recruit *) .section.culture {
  margin: 0.8rem 0 0;
  background-image: url(../imgs/recruit/bg17.svg), url(../imgs/recruit/bg17.svg);
  background-position: calc(50% - 0.15rem + 1.63rem) 0.36rem, calc(50% - 0.15rem + 5.21rem) 1.4rem;
  background-size: 0.3rem 0.3rem;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture {
    margin: 0.55rem 0 0;
    background-position: 3rem 0.61rem, 3.38rem 1.66rem;
    background-size: 0.2rem 0.2rem;
  }
}
.main:is(body.recruit *) .section.culture .bg--01 {
  width: 5.6rem;
  aspect-ratio: 560/479;
  top: -0.4em;
  right: calc(50% - 7.15rem);
  background-image: url(../imgs/recruit/bg16.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .bg--01 {
    width: 2.74rem;
    top: 0.92rem;
    right: -1.5rem;
  }
}
.main:is(body.recruit *) .section.culture .bg--02 {
  width: 1.92rem;
  aspect-ratio: 192/175;
  top: 1.04rem;
  right: calc(50% - 2.13rem);
  background-image: url(../imgs/recruit/bg15.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .bg--02 {
    width: 0.94rem;
    top: 1.63rem;
    right: 0.97rem;
  }
}
.main:is(body.recruit *) .section.culture .title .en {
  color: #abbae2;
}
.main:is(body.recruit *) .section.culture .text {
  padding: 0.35rem 0 0;
}
.main:is(body.recruit *) .section.culture .list {
  margin: 0.3rem 0 0;
  padding: 0.37rem 0.46rem 0.56rem 0.44rem;
  background: #fff;
  border-radius: 0.15rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list {
    margin: 0.25rem 0 0;
    padding: 0.2rem 0.2rem 0.4rem;
    border-radius: 0.1rem;
  }
}
.main:is(body.recruit *) .section.culture .list .item {
  display: grid;
  grid-template-columns: 1.44rem 1fr;
  gap: 0.28rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item {
    display: block;
  }
}
.main:is(body.recruit *) .section.culture .list .item .num {
  grid-row: 1/2;
  grid-column: 1/2;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item .num {
    width: 1.08rem;
    margin: 0 auto;
  }
  .main:is(body.recruit *) .section.culture .list .item .num img {
    width: 100%;
  }
}
.main:is(body.recruit *) .section.culture .list .item .text {
  grid-row: 1/2;
  grid-column: 2/3;
  display: grid;
  padding: 0.34rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item .text {
    display: block;
    padding: 0.06rem 0 0;
  }
}
.main:is(body.recruit *) .section.culture .list .item .text .headline {
  grid-row: 1/2;
  grid-column: 1/3;
}
.main:is(body.recruit *) .section.culture .list .item .text .headline .sttl {
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item .text .headline .sttl {
    font-size: 0.16rem;
  }
}
.main:is(body.recruit *) .section.culture .list .item .text .headline .catch {
  padding: 0.1rem 0 0;
  font-size: 0.38rem;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item .text .headline .catch {
    font-size: 0.3rem;
  }
}
.main:is(body.recruit *) .section.culture .list .item .text .headline .catch strong {
  font-weight: inherit;
}
.main:is(body.recruit *) .section.culture .list .item--01 .text {
  grid-template-rows: repeat(3, auto);
  grid-template-columns: 1fr 2.75rem;
  gap: 0 0.28rem;
}
.main:is(body.recruit *) .section.culture .list .item--01 .text .headline .catch strong {
  color: #00adc3;
}
.main:is(body.recruit *) .section.culture .list .item--01 .text p {
  grid-row: 2/3;
  grid-column: 1/2;
  padding: 0.18rem 0 0;
  line-height: 1.875;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--01 .text p {
    padding: 0.16rem 0 0;
    line-height: 1.8571428571;
  }
}
.main:is(body.recruit *) .section.culture .list .item--01 .text .balloon {
  grid-row: 2/3;
  grid-column: 2/3;
  margin: 0.28rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--01 .text .balloon {
    width: 2.31rem;
    margin: 0.08rem auto 0;
  }
}
.main:is(body.recruit *) .section.culture .list .item--01 .text .balloon img {
  width: 100%;
}
.main:is(body.recruit *) .section.culture .list .item--01 .text .figure {
  grid-row: 3/4;
  grid-column: 1/3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.16rem;
  margin: 0.26rem 0 0;
  padding: 0.16rem 0;
  background: #a8e3eb;
  border-radius: 0.25rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--01 .text .figure {
    margin: 0.22rem 0 0;
    padding: 0.2rem 0;
    border-radius: 0.16rem;
  }
}
.main:is(body.recruit *) .section.culture .list .item--01 .text .figure picture {
  width: 6.5rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--01 .text .figure picture {
    width: 2.49rem;
  }
}
.main:is(body.recruit *) .section.culture .list .item--01 .text .figure picture img {
  width: 100%;
}
.main:is(body.recruit *) .section.culture .list .item--01 .text .figure figcaption {
  font-size: 0.18rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--01 .text .figure figcaption {
    font-size: 0.15rem;
    line-height: 1.6666666667;
  }
}
.main:is(body.recruit *) .section.culture .list .item--02 {
  margin: 0.18rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--02 {
    margin: 0.25rem 0 0;
  }
}
.main:is(body.recruit *) .section.culture .list .item--02 .text {
  grid-template-rows: repeat(3, auto);
  grid-template-columns: 1fr 2.5rem;
  gap: 0 0.2rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--02 .text .headline .catch {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.main:is(body.recruit *) .section.culture .list .item--02 .text .headline .catch strong {
  color: #e95513;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--02 .text .headline .catch strong {
    font-size: 0.3rem;
  }
}
.main:is(body.recruit *) .section.culture .list .item--02 .text p {
  grid-row: 2/3;
  grid-column: 1/3;
  padding: 0.24rem 0 0.22rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--02 .text p {
    padding: 0.2rem 0;
  }
}
.main:is(body.recruit *) .section.culture .list .item--02 .text table {
  grid-row: 3/4;
  grid-column: 1/2;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--02 .text table {
    width: 100%;
  }
}
.main:is(body.recruit *) .section.culture .list .item--02 .text table th,
.main:is(body.recruit *) .section.culture .list .item--02 .text table td {
  box-sizing: border-box;
  width: 50%;
  border: 0.01rem solid #717071;
  font-weight: 400;
  vertical-align: middle;
  text-align: center;
}
.main:is(body.recruit *) .section.culture .list .item--02 .text table thead {
  color: #fff;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--02 .text table thead th {
    height: 0.28rem;
    font-size: 0.13rem;
  }
}
.main:is(body.recruit *) .section.culture .list .item--02 .text table thead th:first-child {
  background: #e95513;
  letter-spacing: 0.36em;
}
.main:is(body.recruit *) .section.culture .list .item--02 .text table thead th:last-child {
  background: #f29600;
  letter-spacing: 0.16em;
}
.main:is(body.recruit *) .section.culture .list .item--02 .text table tbody {
  letter-spacing: 0.1em;
}
.main:is(body.recruit *) .section.culture .list .item--02 .text table tbody th {
  font-size: 0.14rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--02 .text table tbody th {
    padding: 0.05rem 0;
    font-size: 0.12rem;
    line-height: 1.25;
  }
}
.main:is(body.recruit *) .section.culture .list .item--02 .text table tbody th .small {
  font-size: 0.8em;
}
.main:is(body.recruit *) .section.culture .list .item--02 .text table tbody td {
  font-size: 0.12rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--02 .text table tbody td {
    font-size: 0.1rem;
  }
}
.main:is(body.recruit *) .section.culture .list .item--02 .text .image {
  grid-row: 3/4;
  grid-column: 2/3;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--02 .text .image {
    margin: 0.18rem 0 0;
  }
}
.main:is(body.recruit *) .section.culture .list .item--03 {
  margin: 0.24rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--03 {
    margin: 0.35rem 0 0;
  }
}
.main:is(body.recruit *) .section.culture .list .item--03 .text {
  grid-template-rows: repeat(2, auto);
  grid-template-columns: 1fr 3.5rem;
  gap: 0.15rem 0.3rem;
}
.main:is(body.recruit *) .section.culture .list .item--03 .text .headline .catch strong {
  color: #e74b94;
}
.main:is(body.recruit *) .section.culture .list .item--03 .text p {
  grid-row: 2/3;
  grid-column: 1/2;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--03 .text p {
    padding: 0.15rem 0 0;
  }
}
.main:is(body.recruit *) .section.culture .list .item--03 .text .image {
  grid-row: 2/3;
  grid-column: 2/3;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.culture .list .item--03 .text .image {
    margin: 0.25rem 0 0;
  }
}
.main:is(body.recruit *) .section.event {
  margin: 0.8rem 0 0;
  background-image: url(../imgs/recruit/bg19.svg);
  background-position: calc(50% - 0.15rem + 5.08rem) 0.83rem;
  background-size: 0.3rem 0.3rem;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.event {
    margin: 0.55rem 0 0;
    background-position: 3.18rem 1.8rem;
    background-size: 0.2rem 0.2rem;
  }
}
.main:is(body.recruit *) .section.event .bg--01 {
  width: 5.6rem;
  aspect-ratio: 560/479;
  top: -0.42em;
  right: calc(50% - 7.01rem);
  background-image: url(../imgs/recruit/bg18.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.event .bg--01 {
    width: 3.92rem;
    top: -0.16em;
    right: -2.58rem;
  }
}
.main:is(body.recruit *) .section.event .bg--02 {
  width: 1.92rem;
  aspect-ratio: 192/175;
  top: 0.44rem;
  right: calc(50% - 2.26rem);
  background-image: url(../imgs/recruit/bg15.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.event .bg--02 {
    width: 1.35rem;
    top: 0.35rem;
    right: 0.75rem;
  }
}
.main:is(body.recruit *) .section.event .bg--03 {
  width: 0.3rem;
  aspect-ratio: 1;
  top: -0.22rem;
  right: calc(50% - 1.51rem);
  background-image: url(../imgs/recruit/bg19.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.event .bg--03 {
    display: none;
  }
}
.main:is(body.recruit *) .section.event .title .en {
  color: #75b463;
}
.main:is(body.recruit *) .section.event .text {
  padding: 0.35rem 0 0;
}
.main:is(body.recruit *) .section.event .list {
  display: flex;
  flex-wrap: wrap;
  width: 9.95rem;
  margin: 0.64rem auto 0;
  gap: 0.4rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.event .list {
    flex-direction: column;
    width: 3rem;
    margin: 0.52rem auto 0;
    gap: 0.32rem;
  }
}
.main:is(body.recruit *) .section.event .list .item {
  width: calc((100% - 0.8rem) / 3);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.event .list .item {
    width: auto;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .main:is(body.recruit *) .section.event .list .item {
    opacity: 0;
    transition: opacity 0.4s;
  }
  .main:is(body.recruit *) .section.event .list .item:nth-child(2) {
    transition-delay: 0.2s;
  }
  .main:is(body.recruit *) .section.event .list .item:nth-child(3) {
    transition-delay: 0.4s;
  }
  .main:is(body.recruit *) .section.event .list .item:nth-child(4) {
    transition-delay: 0.6s;
  }
  .main:is(body.recruit *) .section.event .list .item:nth-child(5) {
    transition-delay: 0.8s;
  }
  .main:is(body.recruit *) .section.event .list .item:nth-child(6) {
    transition-delay: 1s;
  }
}
.main:is(body.recruit *) .section.event .list .item figure figcaption {
  color: #75b463;
  font-size: 0.22rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.event .list .item figure figcaption {
    font-size: 0.2rem;
  }
}
.main:is(body.recruit *) .section.event .list .item figure img {
  display: block;
  margin: 0.12rem 0 0;
  border-radius: 0.1rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.event .list .item figure img {
    margin: 0.14rem 0 0;
  }
}
.main:is(body.recruit *) .section.event .list .item p {
  padding: 0.14rem 0 0;
  font-size: 0.14rem;
  line-height: 1.7142857143;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.event .list .item p {
    line-height: 1.8571428571;
  }
}
.main:is(body.recruit *) .section.event .list.scrollIn .item {
  opacity: 1;
}
.main:is(body.recruit *) .section.faq {
  margin: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.faq {
    margin: 0.55rem 0 0;
  }
}
.main:is(body.recruit *) .section.faq .title .en {
  color: #81bbd8;
}
.main:is(body.recruit *) .section.faq details {
  margin: 0.45rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.faq details {
    margin: 0.22rem 0 0;
  }
}
.main:is(body.recruit *) .section.faq details::details-content {
  content-visibility: unset;
  display: block grid;
}
@media (prefers-reduced-motion: no-preference) {
  .main:is(body.recruit *) .section.faq details::details-content {
    transition: grid-template-rows 0.4s;
  }
}
.main:is(body.recruit *) .section.faq details:not([open])::details-content {
  grid-template-rows: 0fr;
}
.main:is(body.recruit *) .section.faq details[open]::details-content {
  grid-template-rows: 1fr;
}
.main:is(body.recruit *) .section.faq details[open] summary::after {
  scale: 1 0;
}
.main:is(body.recruit *) .section.faq details summary {
  background: #81bbd8 linear-gradient(#fff, #fff) calc(100% - 0.27rem) 50%/0.32rem 0.03rem no-repeat;
  padding: 0 0.24rem;
  position: relative;
  color: #fff;
  font-size: 0.3rem;
  font-weight: 700;
  line-height: 0.72rem;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.faq details summary {
    background-position: calc(100% - 0.12rem) 50%;
    background-size: 0.23rem 0.02rem;
    padding: 0 0.17rem;
    font-size: 0.2rem;
    line-height: 0.5rem;
  }
}
.main:is(body.recruit *) .section.faq details summary::after {
  content: "";
  display: block;
  width: 0.03rem;
  height: 0.32rem;
  position: absolute;
  top: 0.2rem;
  right: 0.415rem;
  background: #fff;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.faq details summary::after {
    width: 0.02rem;
    height: 0.23rem;
    top: 0.135rem;
    right: 0.225rem;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .main:is(body.recruit *) .section.faq details summary::after {
    transition: scale 0.4s;
  }
}
.main:is(body.recruit *) .section.faq details .detail {
  overflow: hidden;
}
.main:is(body.recruit *) .section.faq details .detail .inner {
  display: flex;
  flex-direction: column;
  gap: 0.72rem;
  padding: 0.6rem 0.2rem 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.faq details .detail .inner {
    gap: 0.3rem;
    padding: 0.34rem 0 0;
  }
}
.main:is(body.recruit *) .section.faq details .detail .section .sttl {
  font-size: 0.22rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.faq details .detail .section .sttl {
    font-size: 0.18rem;
  }
}
.main:is(body.recruit *) .section.faq details .detail .section .sttl::before {
  content: "＜";
}
.main:is(body.recruit *) .section.faq details .detail .section .sttl::after {
  content: "＞";
}
.main:is(body.recruit *) .section.faq details .detail .section .list {
  margin: 0.1rem 0 0;
}
.main:is(body.recruit *) .section.faq details .detail .section .list dt,
.main:is(body.recruit *) .section.faq details .detail .section .list dd {
  position: relative;
}
.main:is(body.recruit *) .section.faq details .detail .section .list dt::before,
.main:is(body.recruit *) .section.faq details .detail .section .list dd::before {
  position: absolute;
}
.main:is(body.recruit *) .section.faq details .detail .section .list dt {
  padding: 0.24rem 0 0 0.4rem;
  color: #81bbd8;
  font-size: 0.24rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.faq details .detail .section .list dt {
    padding: 0.16rem 0 0 0.32rem;
    font-size: 0.18rem;
    line-height: 1.4444444444;
  }
}
.main:is(body.recruit *) .section.faq details .detail .section .list dt::before {
  content: "Q.";
  top: 0.24rem;
  left: 0.04rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.faq details .detail .section .list dt::before {
    top: 0.16rem;
    left: 0.07rem;
  }
}
.main:is(body.recruit *) .section.faq details .detail .section .list dd {
  border-bottom: 0.01rem solid #81bbd8;
  padding: 0.14rem 0 0.26rem 0.4rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.faq details .detail .section .list dd {
    padding: 0.16rem 0 0.14rem 0.32rem;
  }
}
.main:is(body.recruit *) .section.faq details .detail .section .list dd::before {
  content: "A.";
  top: 0;
  left: 0.06rem;
  font-size: 0.22rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.faq details .detail .section .list dd::before {
    top: 0.06rem;
    left: 0.08rem;
    font-size: 0.18rem;
  }
}
.main:is(body.recruit *) .section.faq details .detail .section .list dd p + p,
.main:is(body.recruit *) .section.faq details .detail .section .list dd p + ul {
  margin: 0.22rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.faq details .detail .section .list dd p + p,
.main:is(body.recruit *) .section.faq details .detail .section .list dd p + ul {
    margin: 0.1rem 0 0;
  }
}
.main:is(body.recruit *) .section.faq details .detail .section .list dd ul {
  font-feature-settings: "palt";
}
.main:is(body.recruit *) .section.faq details .detail .section .list dd ul li::before {
  content: "・";
}
.main:is(body.recruit *) .section.faq details .detail .section .list dd a {
  color: #345ca3;
  text-decoration: underline;
}
.main:is(body.recruit *) .section.infromation {
  margin: 1rem 0 0;
  background-image: url(../imgs/recruit/bg21.svg), url(../imgs/recruit/bg21.svg);
  background-position: calc(50% - 0.15rem + 1.64rem) 0.2rem, calc(50% - 0.15rem + 5.21rem) 1.29rem;
  background-size: 0.3rem 0.3rem;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.infromation {
    margin: 0.55rem 0 0;
    background-position: 2.68rem 0.6rem, 3.35rem 1.93rem;
    background-size: 0.2rem 0.2rem;
  }
}
.main:is(body.recruit *) .section.infromation .bg--01 {
  width: 5.6rem;
  aspect-ratio: 560/479;
  top: 0;
  right: calc(50% - 7.15rem);
  background-image: url(../imgs/recruit/bg20.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.infromation .bg--01 {
    width: 3.92rem;
    top: -0.21rem;
    right: -2.77rem;
  }
}
.main:is(body.recruit *) .section.infromation .bg--02 {
  width: 1.92rem;
  aspect-ratio: 192/175;
  top: 0.44rem;
  right: calc(50% - 2.26rem);
  background-image: url(../imgs/recruit/bg15.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.infromation .bg--02 {
    width: 1.35rem;
    top: 0.46rem;
    right: 0.74rem;
  }
}
.main:is(body.recruit *) .section.infromation .title .en {
  color: #6ab5b9;
}
.main:is(body.recruit *) .section.infromation .tabNav {
  display: flex;
  justify-content: center;
  gap: 0.16rem;
  margin: 0.4rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.infromation .tabNav {
    gap: 0.1rem;
    margin: 0.24rem 0 0;
  }
}
.main:is(body.recruit *) .section.infromation .tabNav .btn {
  box-sizing: border-box;
  width: 3.24rem;
  height: 0.7rem;
  border: 0.02rem solid #6ab5b9;
  position: relative;
  background: #fff;
  border-radius: 0.07rem;
  font-size: 0.24rem;
  color: #6ab5b9;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.infromation .tabNav .btn {
    width: 1.58rem;
    height: 0.5rem;
    font-size: 0.16rem;
  }
}
.main:is(body.recruit *) .section.infromation .tabNav .btn::after {
  content: "";
  display: block;
  width: 0.14rem;
  aspect-ratio: 2/1;
  position: absolute;
  top: 50%;
  right: 0.22rem;
  background: currentColor;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  translate: 0 -50% 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.infromation .tabNav .btn::after {
    width: 0.1rem;
    right: 0.16rem;
  }
}
.main:is(body.recruit *) .section.infromation .tabNav .btn.active {
  background-color: #6ab5b9;
  color: #fff;
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main:is(body.recruit *) .section.infromation .tabNav .btn {
    transition: 0.4s;
    transition-property: background-color, color;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.recruit *) .section.infromation .tabNav .btn:hover {
    background-color: #6ab5b9;
    color: #fff;
  }
}
.main:is(body.recruit *) .section.infromation .tabPanel {
  margin: 0.74rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.infromation .tabPanel {
    margin: 0.3rem 0 0;
  }
}
.main:is(body.recruit *) .section.infromation .tabPanel .tab {
  display: none;
}
.main:is(body.recruit *) .section.infromation .tabPanel .tab.active {
  display: block;
}
.main:is(body.recruit *) .section.infromation .tabPanel section .sectionTitle {
  color: #6ab5b9;
}
.main:is(body.recruit *) .section.infromation .tabPanel section .list.dot li::before {
  content: "・";
}
.main:is(body.recruit *) .section.infromation .tabPanel section .list.note li::before {
  content: "※";
}
.main:is(body.recruit *) .section.infromation .tabPanel section > .list {
  padding: 0.35rem 0 0;
  font-size: 0.18rem;
  line-height: 2.0555555556;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.infromation .tabPanel section > .list {
    padding: 0.2rem 0 0;
    font-size: 0.14rem;
    line-height: 1.8571428571;
  }
  .main:is(body.recruit *) .section.infromation .tabPanel section > .list li {
    padding-left: 1em;
    text-indent: -1em;
  }
}
.main:is(body.recruit *) .section.infromation .tabPanel section table {
  width: 100%;
  margin: 0.22rem 0 0;
  line-height: 1.875;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.infromation .tabPanel section table {
    margin: 0.2rem 0 0;
    font-size: 0.12rem;
    line-height: 1.6666666667;
  }
}
.main:is(body.recruit *) .section.infromation .tabPanel section table th,
.main:is(body.recruit *) .section.infromation .tabPanel section table td {
  box-sizing: border-box;
  border-top: 0.01rem solid #dcdcdc;
  padding-block: 0.12rem;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.infromation .tabPanel section table th,
.main:is(body.recruit *) .section.infromation .tabPanel section table td {
    padding-block: 0.1rem;
  }
}
.main:is(body.recruit *) .section.infromation .tabPanel section table th:is(tr:first-child *),
.main:is(body.recruit *) .section.infromation .tabPanel section table td:is(tr:first-child *) {
  border-top: none;
}
.main:is(body.recruit *) .section.infromation .tabPanel section table th {
  width: 1.8rem;
  padding-inline: 0.2rem;
  background: #6ab5b9;
  color: #fff;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.infromation .tabPanel section table th {
    width: 1.08rem;
    padding-inline: 0.12rem;
  }
}
.main:is(body.recruit *) .section.infromation .tabPanel section table td {
  padding-inline: 0.16rem;
  background: #fff;
}
.main:is(body.recruit *) .section.infromation .tabPanel section > p {
  padding: 0.25rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.infromation .tabPanel section > p {
    padding: 0.14rem 0 0;
  }
}
.main:is(body.recruit *) .section.infromation .tabPanel section + section {
  margin: 0.62rem 0 0;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.infromation .tabPanel section + section {
    margin: 0.5rem 0 0;
  }
}
.main:is(body.recruit *) .section.entry {
  margin: 1rem 0 0;
  background-image: url(../imgs/recruit/bg23.svg), url(../imgs/recruit/bg23.svg);
  background-position: calc(50% - 0.15rem + 1.51rem) 0.15rem, calc(50% - 0.15rem + 5.08rem) 1.16rem;
  background-size: 0.3rem 0.3rem;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.entry {
    margin: 0.55rem 0 0;
    background-image: none;
  }
}
.main:is(body.recruit *) .section.entry .bg--01 {
  width: 5.6rem;
  aspect-ratio: 560/479;
  top: 0;
  right: calc(50% - 7.01rem);
  background-image: url(../imgs/recruit/bg22.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.entry .bg--01 {
    width: 3.92rem;
    top: -0.21rem;
    right: -2.69rem;
  }
}
.main:is(body.recruit *) .section.entry .bg--02 {
  width: 1.92rem;
  aspect-ratio: 192/175;
  top: 0.75rem;
  right: calc(50% - 2.26rem);
  background-image: url(../imgs/recruit/bg15.svg);
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.entry .bg--02 {
    width: 1.35rem;
    top: 0.32rem;
    right: 0.63rem;
  }
}
.main:is(body.recruit *) .section.entry .bg--03 {
  display: none;
}
@media screen and (max-width: 750px) {
  .main:is(body.recruit *) .section.entry .bg--03 {
    display: block;
    width: 0.2rem;
    aspect-ratio: 1;
    top: -0.13rem;
    right: 0.68rem;
    background-image: url(../imgs/recruit/bg23.svg);
  }
}
.main:is(body.recruit *) .section.entry .title .en {
  color: #e1b75b;
}
.main:is(body.recruit *) .section.entry .contact {
  padding: 0.35rem 0 0;
}
.main:is(body.recruit *) .section.entry .contact .submit input[type=submit] {
  border-color: 0.01rem solid #e1b75b;
  background: #e1b75b;
}
@media screen and (hover: hover) and (pointer: fine) {
  .main:is(body.recruit *) .section.entry .contact .submit:hover input[type=submit] {
    color: #e1b75b;
    background: #fff;
  }
  .main:is(body.recruit *) .section.entry .contact .submit:hover::before {
    background-color: #e1b75b;
  }
}

.gFooter {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 1fr auto;
  padding: 0.54rem 0.4rem 0.3rem;
}
@media screen and (max-width: 750px) {
  .gFooter {
    display: block;
    padding: 0.4rem 0.2rem 0.27rem;
    background: #f4efe2;
  }
}
.gFooter .logo {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 1.77rem;
  mix-blend-mode: multiply;
}
.gFooter .navigation {
  grid-row: 1/4;
  grid-column: 2/3;
}
@media screen and (max-width: 750px) {
  .gFooter .navigation {
    margin: 0.36rem 0 0;
  }
}
.gFooter .navigation .list {
  display: flex;
  gap: 0.8rem;
}
@media screen and (max-width: 750px) {
  .gFooter .navigation .list {
    display: grid;
    grid-template-rows: repeat(4, auto);
    grid-template-columns: 1.6rem 1fr;
    gap: 0;
  }
  .gFooter .navigation .list .top {
    grid-row: 1/2;
    grid-column: 1/2;
  }
  .gFooter .navigation .list .service {
    grid-row: 2/3;
    grid-column: 1/2;
    margin: 0.38rem 0 0;
  }
  .gFooter .navigation .list .company {
    grid-row: 2/3;
    grid-column: 2/3;
    margin: 0.38rem 0 0;
  }
  .gFooter .navigation .list .recruit {
    grid-row: 3/4;
    grid-column: 1/2;
    margin: 0.28rem 0 0;
  }
  .gFooter .navigation .list .news {
    grid-row: 3/4;
    grid-column: 2/3;
    margin: 0.28rem 0 0;
  }
  .gFooter .navigation .list .movie {
    grid-row: 4/5;
    grid-column: 1/2;
    margin: 0.26rem 0 0;
  }
}
.gFooter .navigation .list > li > a {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0 0 0.11rem;
  position: relative;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .gFooter .navigation .list > li > a {
    padding: 0;
  }
}
.gFooter .navigation .list > li > a .ja {
  font-size: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .gFooter .navigation .list > li > a .ja {
    font-size: 0.18rem;
  }
}
.gFooter .navigation .list > li > a .en {
  font-size: 0.09rem;
}
@media screen and (max-width: 750px) {
  .gFooter .navigation .list > li > a .en {
    font-size: 0.11rem;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .gFooter .navigation .list > li > a::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.01rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: currentColor;
    scale: 0 1;
    transform-origin: right;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .gFooter .navigation .list > li > a::after {
    transition: scale 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .gFooter .navigation .list > li > a:hover::after {
    scale: 1 1;
    transform-origin: left;
  }
}
.gFooter .navigation .list > li .child {
  display: flex;
  flex-direction: column;
  gap: 0.13rem;
  margin: 0.25rem -0.4rem 0 0;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .gFooter .navigation .list > li .child {
    margin: 0.22rem 0 0;
    gap: 0.02rem;
  }
}
.gFooter .navigation .list > li .child a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0 0.05rem;
  position: relative;
  font-size: 0.13rem;
}
@media screen and (max-width: 750px) {
  .gFooter .navigation .list > li .child a {
    display: flex;
    gap: 0.04rem;
    padding: 0;
    font-size: 0.15rem;
    line-height: 0.35rem;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .gFooter .navigation .list > li .child a::after {
    content: "";
    display: block;
    height: 0.01rem;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0.11rem;
    background: currentColor;
    scale: 0 1;
    transform-origin: right;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 750px) {
  .gFooter .navigation .list > li .child a::after {
    content: none;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .gFooter .navigation .list > li .child a::after {
    transition: scale 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .gFooter .navigation .list > li .child a:hover::after {
    scale: 1 1;
    transform-origin: left;
  }
}
.gFooter .navigation .list > li .child a::before {
  content: "-";
  margin: 0 0.5em 0 0;
}
@media screen and (max-width: 750px) {
  .gFooter .navigation .list > li .child a::before {
    margin: 0;
  }
}
.gFooter .access {
  grid-row: 2/3;
  grid-column: 1/2;
  margin: 0.2rem 0 0;
  font-size: 0.1rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .gFooter .access {
    margin: 0.48rem 0 0;
  }
}
@media screen and (max-width: 750px) {
  .gFooter .access .address {
    font-size: 0.15rem;
    line-height: 1.7333333333;
  }
}
.gFooter .access .phone {
  display: flex;
  gap: 2em;
  margin: 0.1rem 0 0;
}
@media screen and (max-width: 750px) {
  .gFooter .access .phone {
    display: block;
    margin: 0;
    font-size: 0.18rem;
    line-height: 1.7777777778;
  }
}
.gFooter .access .btn--gmaps {
  display: flex;
  align-items: center;
  gap: 0.08rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0.18rem 0 0;
  padding: 0 0 0.04rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .gFooter .access .btn--gmaps {
    gap: 0.16rem;
    margin: 0.2rem 0 0;
    padding: 0;
    font-size: 0.16rem;
    line-height: 1;
  }
}
.gFooter .access .btn--gmaps::after {
  content: "";
  display: block;
  width: 0.04rem;
  height: 0.07rem;
  background: currentColor;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 750px) {
  .gFooter .access .btn--gmaps::after {
    width: 0.07rem;
    height: 0.11rem;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .gFooter .access .btn--gmaps::before {
    content: "";
    display: block;
    height: 0.01rem;
    position: absolute;
    right: 0.12rem;
    bottom: 0;
    left: 0;
    background: currentColor;
    scale: 0 1;
    transform-origin: right;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .gFooter .access .btn--gmaps::before {
    transition: scale 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .gFooter .access .btn--gmaps:hover::before {
    scale: 1 1;
    transform-origin: left;
  }
}
.gFooter .contact {
  grid-row: 3/4;
  grid-column: 1/2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.14rem;
  width: 1.66rem;
  height: 0.45rem;
  margin: 0.26rem 0 0;
  background: #fff;
  border-radius: 0.225rem;
  font-size: 0.14rem;
  font-weight: 500;
}
.gFooter .contact::after {
  content: "";
  display: block;
  width: 0.11rem;
  aspect-ratio: 11/9;
  background: currentColor;
  -webkit-mask: url(../imgs/arw01.svg) center/contain no-repeat;
          mask: url(../imgs/arw01.svg) center/contain no-repeat;
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .gFooter .contact {
    transition: 0.4s;
    transition-property: background-color, color;
  }
  .gFooter .contact::after {
    transition: translate 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .gFooter .contact:hover {
    background-color: #005ca7;
    color: #fff;
  }
  .gFooter .contact:hover::after {
    translate: 50% 0 0;
  }
}
.gFooter .copyright {
  grid-row: 4/5;
  grid-column: 1/3;
  margin: 0.24rem 0 0;
  font-size: 0.1rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .gFooter .copyright {
    margin: 0.24rem 0 0;
    font-size: 0.12rem;
    line-height: 1.5833333333;
  }
}
.gFooter .pagetop {
  display: flex;
  gap: 0.1rem;
  box-sizing: border-box;
  width: 1.58rem;
  height: 0.78rem;
  padding: 0.39rem 0 0 0.4rem;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: url(../imgs/bg-pagetop.svg) 100% 100%/1.77rem auto no-repeat;
  color: #fff;
  font-size: 0.12rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .gFooter .pagetop {
    gap: 0.12rem;
    font-size: 0.14rem;
  }
}
.gFooter .pagetop::after {
  content: "";
  display: block;
  width: 0.15rem;
  height: 1em;
  background: url(../imgs/arw-pagetop.svg) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .gFooter .pagetop::after {
    width: 0.19rem;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .gFooter .pagetop {
    transition: opacity 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .gFooter .pagetop::after {
    transition: translate 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .gFooter .pagetop:hover::after {
    translate: 0 -50% 0;
  }
}
.gFooter .pagetop.off {
  pointer-events: none;
  opacity: 0;
}
/*# sourceMappingURL=common.css.map */