:root {
  --width: 80%;
  --width-sp: 90%;
  --w-logo: 30;
  --vpw: 393vh;
  --vph: 1080;
  --gap: 0;
  --bg: transparent;
  --c-primary: #008841;
  --c-secondary: #2A8DDD;
  --rnd: 0;
  --obj-x: 50%;
  --obj-y: 50%;
  --fs:20;
  --fs-sp:20;
  --ttl-fs: 25;
  --ttl-fs-sp: 40;
  --sb-ttl-fs: 25;
  --sb-ttl-fs-sp: 25;
  --g-nav-justify: space-between;
  --md-g-nav-justify: space-between;
  --jst: space-between;
  --items: center;
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
  --form-area:
      "f1     f2" auto
      "f3     f4" auto
      "f5     f5" auto
      "f6     f7" auto
      "f8     f9" auto
      "f10    f10" auto
    / auto auto;
  --form-area-sp:
      "f1" auto
      "f2" auto
      "f3" auto
      "f4" auto
      "f5" auto
      "f6" auto
      "f7" auto
      "f8" auto
      "f9" auto
      "f10" auto
    / 100%;
}

/* ============================================ */
/* Reset */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

/* Sections */
/* ============================================ */
body {
  margin: 0;
}

main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Interactive */
/* ============================================ */
details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

.site-container {
  width: 100%;
  height: auto;
  font-family: "Noto Sans JP", sans-serif;
}
.site-container__inner {
  width: 100%;
  height: auto;
  text-align: left;
}

.page-container {
  width: 100%;
  height: auto;
}
.page-container__inner {
  width: 100%;
  height: auto;
}

.img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: var(--obj-x) var(--obj-y);
     object-position: var(--obj-x) var(--obj-y);
  width: 100%;
  height: 100%;
  border-radius: calc(var(--rnd) * 1vw / 7.67);
}
@media (min-width: 768px) {
  .img {
    border-radius: calc(var(--rnd) * 1vw / 12);
  }
}

.read,
.read-span,
.list-text,
.number {
  font-size: calc(var(--fs-sp) * 1vw / 7.67);
  font-weight: 400;
  line-height: 1.5;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .read,
  .read-span,
  .list-text,
  .number {
    font-size: calc(var(--fs) * 1vw / 12);
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.title,
.list-title {
  font-size: calc(var(--ttl-fs-sp) * 1vw / 7.67);
  font-weight: 600;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .title,
  .list-title {
    font-size: calc(var(--ttl-fs) * 1vw / 12);
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.subtitle {
  font-size: calc(var(--sb-ttl-fs-sp) * 1vw / 7.67);
  font-weight: 600;
}
@media (min-width: 768px) {
  .subtitle {
    font-size: calc(var(--sb-ttl-fs) * 1vw / 12);
  }
}

.button-element {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--w-btn) * 1vw / 7.67);
  height: calc(var(--h-btn) * 1vw / 7.67);
  border-radius: calc(var(--rnd) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
  --w-btn: 0;
  --h-btn: 0;
  --rnd: 0;
}
@media (min-width: 768px) {
  .button-element {
    width: calc(var(--w-btn) * 1vw / 12);
    height: calc(var(--h-btn) * 1vw / 12);
    border-radius: calc(var(--rnd) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.button {
  color: var(--clr);
  font-size: calc(var(--fs) * 1vw / 7.67);
  font-size: calc(var(--fs) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .button {
    font-size: calc(var(--fs) * 1vw / 12);
    font-size: calc(var(--fs) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.logo-image-element-wrapper {
  width: 100%;
  height: auto;
}

.logo-image-element {
  width: calc(var(--w-logo) * 1vw / 7.67);
  height: auto;
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  --pb: 0;
}
@media (min-width: 768px) {
  .logo-image-element {
    width: calc(var(--w-logo) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
  }
}

.txt-element-wrapper,
.thumbnail-element-wrapper {
  width: 100%;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .txt-element-wrapper,
  .thumbnail-element-wrapper {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.txt-element {
  width: 100%;
  height: auto;
}

.thumbnail-element {
  border: solid 1px #f5f5f5;
  box-shadow: 1px 1px 10px #e2e2e2;
  border-radius: calc(var(--rnd) * 1vw / 7.67);
  width: 100%;
  height: auto;
  --rnd: 0;
}
@media (min-width: 768px) {
  .thumbnail-element {
    border-radius: calc(var(--rnd) * 1vw / 12);
  }
}

.image-element-wrapper {
  width: 100%;
  height: auto;
}

.br-sp {
  display: block;
}

.grid-area {
  grid-area: var(--area);
}

.header {
  position: sticky;
  top: 0;
  width: 100%;
  height: auto;
  padding-block-start: 1.3037809648vw;
  background-color: var(--bg);
  z-index: 1;
}
@media (min-width: 768px) {
  .header {
    padding-block-start: 0;
  }
}
.header__inner {
  width: 100%;
  height: auto;
  margin-inline: auto;
}

.global-nav-area {
  width: auto;
  height: auto;
}

.nav-items {
  position: fixed;
  top: var(--nav-top);
  right: 0;
  width: 70%;
  height: calc(100vh - var(--nav-top));
  --nav-top: calc(100 * 1vw / (767 / 100));
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  background-color: #fff;
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
  background-color: rgb(200, 200, 200);
  flex-direction: column;
  align-items: center;
  transform: translateX(100%);
  transition: transform 0.5s ease-in;
}
@media (min-width: 768px) {
  .nav-items {
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
    position: static;
    background-color: transparent;
    transform: none;
  }
}
.nav-items .nav-items__list {
  opacity: 0;
}
.nav-items .nav-items__list:hover {
  font-weight: 600;
  color: var(--c-secondary);
  transform: scale(1.3);
  transition: color 0.3s ease, transform 0.3s ease;
}
.nav-items .nav-items__list:active {
  font-weight: 600;
  color: var(--c-secondary);
  transform: scale(1.3);
  transition: color 0.3s ease, transform 0.3s ease;
}
@media (min-width: 768px) {
  .nav-items .nav-items__list {
    opacity: 1;
  }
}

.hamburger-menu {
  display: block;
  cursor: pointer;
}
@media (min-width: 768px) {
  .hamburger-menu {
    display: none;
  }
}
.hamburger-menu__inner {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin-inline-start: auto;
}

.nav-active {
  transform: translateX(0%) !important;
}

@keyframes navLinksFade {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.hamburger-line {
  width: calc(var(--w-hbg) * 1vw / 7.67);
  height: calc(var(--h-hbg) * 1vw / 7.67);
  margin-block: 1.6949152542vw;
  transition: 0.5s ease;
}

.toggle .hamburger-line-01 {
  transform: rotate(-45deg) translate(-1.9556714472vw, 0.7822685789vw);
}

.toggle .hamburger-line-02 {
  opacity: 0;
}

.toggle .hamburger-line-03 {
  transform: rotate(405deg) translate(-1.9556714472vw, -0.7822685789vw);
}

.telephone-number {
  position: fixed;
  bottom: 0;
  left: 25%;
  transform: translateX(-50%);
  z-index: 1;
}
@media (min-width: 768px) {
  .telephone-number {
    position: static;
    transform: none;
  }
}

.button-element-wrapper-contact {
  position: fixed;
  bottom: 0;
  left: 75%;
  transform: translateX(-50%);
  z-index: 1;
  font-size: calc(var(--fs-sp) * 1vw / 7.67);
  font-weight: 400;
  line-height: 1.5;
  width: calc(var(--w-btn) * 1vw / 7.67);
  height: calc(var(--h-btn) * 1vw / 7.67);
}
@media (min-width: 768px) {
  .button-element-wrapper-contact {
    position: static;
    transform: none;
    width: calc(var(--w-btn) * 1vw / 12);
    height: calc(var(--h-btn) * 1vw / 12);
  }
}

.button-element-bottom {
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .button-element-bottom {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.header-area-right {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}

.tel-number-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.main-visual {
  width: 100%;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  background-color: #fff;
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .main-visual {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}
.main-visual__inner {
  width: 100%;
  height: auto;
  margin-inline: auto;
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pt) * 1vw / 7.67);
}

.main-visual-area {
  width: 100%;
  height: auto;
  margin-inline: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  background-color: #fff;
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .main-visual-area {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.contact-button-element:hover {
  opacity: 0.8;
  background-color: #009FC9;
  transform: scale(1.1);
  transition: background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}
.contact-button-element:active {
  opacity: 0.8;
  background-color: #009FC9;
  transform: scale(1.1);
  transition: background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.news-contents,
.partner-corporation-contents,
.service-introduction-contents,
.office-situation-contents,
.case-study-contents,
.management-media-contents,
.info-contents,
.cork-paving-contents,
.artificial-turf-contents,
.wall-flooring-contents,
.company-overview-contents,
.artificial-turf-articles-contents,
.our-philosophy-contents,
.contact-form-contents,
.posts-list-contents,
.post-page-contents,
.contents {
  width: 100%;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  background-color: #fff;
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .news-contents,
  .partner-corporation-contents,
  .service-introduction-contents,
  .office-situation-contents,
  .case-study-contents,
  .management-media-contents,
  .info-contents,
  .cork-paving-contents,
  .artificial-turf-contents,
  .wall-flooring-contents,
  .company-overview-contents,
  .artificial-turf-articles-contents,
  .our-philosophy-contents,
  .contact-form-contents,
  .posts-list-contents,
  .post-page-contents,
  .contents {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}
.news-contents__inner,
.partner-corporation-contents__inner,
.service-introduction-contents__inner,
.office-situation-contents__inner,
.case-study-contents__inner,
.management-media-contents__inner,
.info-contents__inner,
.cork-paving-contents__inner,
.artificial-turf-contents__inner,
.wall-flooring-contents__inner,
.company-overview-contents__inner,
.artificial-turf-articles-contents__inner,
.our-philosophy-contents__inner,
.contact-form-contents__inner,
.posts-list-contents__inner,
.post-page-contents__inner,
.contents__inner {
  width: 100%;
  height: auto;
}

.contents-area {
  font-size: calc(var(--fw-sp) * 1vw / 7.67);
  width: var(--width-sp);
  height: auto;
  margin-inline: auto;
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .contents-area {
    font-size: calc(var(--width) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.contents-area-inner {
  width: 100%;
  height: auto;
  margin-inline: auto;
  margin-block: auto;
}

.contents-heading {
  width: 100%;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .contents-heading {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}

.cnt-container {
  width: 100%;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .cnt-container {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}
.cnt-container-inner {
  width: 100%;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .cnt-container-inner {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.heading-element-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}

.heading-element {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}

.brand-logo-img {
  width: calc(var(--w) * 1vw / 7.67);
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .brand-logo-img {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.service-img {
  border: solid 1px #f5f5f5;
  box-shadow: 1px 1px 10px #e2e2e2;
  border-radius: calc(var(--rnd) * 1vw / 7.67);
}

.contents-items {
  width: 100%;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
}
@media (min-width: 768px) {
  .contents-items {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
  }
}

.table-element-wrapper {
  width: 100%;
  height: auto;
  white-space: nowrap;
}

.table-body {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}

.table-items {
  width: 100%;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  border-block-end: 1px solid #d2d2d2;
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .table-items {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}
.table-items__list-header {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .table-items__list-header {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}
.table-items__list-body {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .table-items__list-body {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}

.card-row {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .card-row {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}

.card-post-detail,
.news-title,
.card-post-title,
.card-read,
.time-wrap,
.category {
  font-size: calc(var(--fs-sp) * 1vw / 7.67);
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .card-post-detail,
  .news-title,
  .card-post-title,
  .card-read,
  .time-wrap,
  .category {
    font-size: calc(var(--fs) * 1vw / 12);
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}

.card-item {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) * 1vw / 7.67);
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .card-item {
    font-size: calc(var(--fs) * 1vw / 12);
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
    gap: calc(var(--gap) * 1vw / 12);
  }
}

.thumbnail {
  border: solid 1px #f5f5f5;
  box-shadow: 1px 1px 10px #e2e2e2;
  border-radius: calc(var(--rnd) * 1vw / 7.67);
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --rnd: 0;
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .thumbnail {
    font-size: calc(var(--fs) * 1vw / 12);
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
    border-radius: calc(var(--rnd) * 1vw / 12);
  }
}

.thumbnail-img {
  -o-object-fit: fill;
     object-fit: fill;
  border-radius: calc(var(--rnd) * 1vw / 7.67);
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 100/100;
  --rnd: 0;
}
@media (min-width: 768px) {
  .thumbnail-img {
    border-radius: calc(var(--rnd) * 1vw / 12);
  }
}

.thumbnail-single-post {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: calc(var(--rnd) * 1vw / 7.67);
  width: 100%;
  height: 100%;
  --rnd: 0;
}
@media (min-width: 768px) {
  .thumbnail-single-post {
    border-radius: calc(var(--rnd) * 1vw / 12);
  }
}

.case-study-contents__inner {
  position: relative;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .case-study-contents__inner {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.case-study-button-wrapper {
  position: absolute;
  bottom: calc(var(--bottom) * 1vw / 7.67);
  left: calc(var(--left) * 1vw / 7.67);
  --bottom: 0;
  --left: 0;
}
@media (min-width: 768px) {
  .case-study-button-wrapper {
    position: static;
  }
}
.case-study-button-wrapper:hover {
  color: #009FC9;
  transform: scale(1.1);
  transition: color 0.3s ease, transform 0.3s ease;
}
.case-study-button-wrapper:active {
  color: #009FC9;
  transform: scale(1.1);
  transition: color 0.3s ease, transform 0.3s ease;
}

.green-design-privacy-policy {
  width: 100%;
  height: auto;
}
.green-design-privacy-policy__inner {
  color: #3a3a3a;
  width: 90%;
  margin-inline: auto;
  padding-block: 10.4302477184vw;
}
@media (min-width: 768px) {
  .green-design-privacy-policy__inner {
    width: 70%;
    padding-block: 6.6666666667vw;
  }
}
.green-design-privacy-policy__inner .privacy-policy-heading {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  padding-block: 3.259452412vw 2.6075619296vw;
}
@media (min-width: 768px) {
  .green-design-privacy-policy__inner .privacy-policy-heading {
    padding-block: 1.6666666667vw 1.6666666667vw;
  }
}
.green-design-privacy-policy__inner .privacy-policy-heading .privacy-policy-title {
  font-size: 5.4vw;
  width: -moz-fit-content;
  width: fit-content;
  border-block-end: solid 1px var(--secondary-color);
}
@media (min-width: 768px) {
  .green-design-privacy-policy__inner .privacy-policy-heading .privacy-policy-title {
    font-size: 2.16vw;
  }
}
.green-design-privacy-policy__inner .privacy-policy-heading .privacy-policy-sub-title {
  font-size: 4.5vw;
  color: #939393;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .green-design-privacy-policy__inner .privacy-policy-heading .privacy-policy-sub-title {
    font-size: 1.35vw;
  }
}
.green-design-privacy-policy__inner .privacy-policy-contents {
  width: 100%;
  height: auto;
  padding-block: 4.3024771838vw 1.3037809648vw;
}
@media (min-width: 768px) {
  .green-design-privacy-policy__inner .privacy-policy-contents {
    padding-block: 0.8333333333vw 0.8333333333vw;
  }
}
.green-design-privacy-policy__inner .privacy-policy-contents__inner {
  width: 100%;
  height: auto;
}
.green-design-privacy-policy__inner .privacy-policy-contents__inner .contents-area {
  width: 100%;
  height: auto;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .green-design-privacy-policy__inner .privacy-policy-contents__inner .contents-area {
    width: 100%;
  }
}
.green-design-privacy-policy__inner .privacy-policy-contents__inner .contents-area .text-container .text-element .title-element {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
.green-design-privacy-policy__inner .privacy-policy-contents__inner .contents-area .text-container .text-element .title-element .title {
  font-size: 4.5vw;
  width: -moz-fit-content;
  width: fit-content;
  padding-block-end: 0.5215123859vw;
  padding-inline-start: 5.2803129074vw;
  border-block-end: solid 1px var(--secondary-color);
}
@media (min-width: 768px) {
  .green-design-privacy-policy__inner .privacy-policy-contents__inner .contents-area .text-container .text-element .title-element .title {
    font-size: 1.26vw;
    padding-block-end: 0.3333333333vw;
    padding-inline-start: 3.375vw;
  }
}
.green-design-privacy-policy__inner .privacy-policy-contents__inner .contents-area .text-container .text-element .title-element .sub-title {
  font-size: 3.6vw;
  color: #939393;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline-start: auto;
  padding-block-end: 1.3037809648vw;
}
@media (min-width: 768px) {
  .green-design-privacy-policy__inner .privacy-policy-contents__inner .contents-area .text-container .text-element .title-element .sub-title {
    font-size: 0.9vw;
    padding-block-end: 0.8333333333vw;
  }
}
.green-design-privacy-policy__inner .privacy-policy-contents__inner .contents-area .text-container .text-element .read-element {
  width: 90%;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .green-design-privacy-policy__inner .privacy-policy-contents__inner .contents-area .text-container .text-element .read-element {
    width: 90%;
  }
}
.green-design-privacy-policy__inner .privacy-policy-contents__inner .contents-area .text-container .text-element .read-element .read {
  font-size: calc(var(--text) * 2.5);
  line-height: 1.5;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .green-design-privacy-policy__inner .privacy-policy-contents__inner .contents-area .text-container .text-element .read-element .read {
    font-size: calc(var(--text) * 0.7);
  }
}
.green-design-privacy-policy__inner .privacy-policy-contents__inner .contents-area .text-container .text-element .read-element .last-read {
  padding-block-end: 0.8333333333vw;
}
.green-design-privacy-policy__inner .privacy-policy-contents__inner .contents-area .text-container .text-element .read-element .read-contact {
  padding-block-end: 0.25vw;
}

.p-read {
  width: 100%;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .p-read {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.service-detail-wrapper,
.card-post-detail {
  text-align: justify;
  text-justify: inter-ideograph;
}

.cardCol4-contents {
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
}

.number-btn {
  font-size: calc(var(--fs) * 1vw / 7.67);
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .number-btn {
    font-size: calc(var(--fs) * 1vw / 12);
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.button-element-info:hover {
  color: #fff;
  opacity: 1;
  background-color: #83c7ff;
  transform: scale(1.1);
  transition: color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}
.button-element-info:active {
  color: #fff;
  opacity: 1;
  background-color: #83c7ff;
  transform: scale(1.1);
  transition: color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.category {
  border-radius: calc(var(--rnd) * 1vw / 7.67);
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .category {
    border-radius: calc(var(--rnd) * 1vw / 12);
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}

.footer {
  width: 100%;
  height: auto;
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  background-color: var(--bg);
}
.footer__inner {
  width: 100%;
  height: auto;
  padding-block-end: calc(var(--pb) * 1vw / 12);
  margin-inline: auto;
}

.footer-area-upper,
.footer-area-under {
  width: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .footer-area-upper,
  .footer-area-under {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}

.footer-area {
  width: 100%;
  height: auto;
}

.footer-overview-container {
  width: 100%;
  height: auto;
}

.footer-nav-container {
  width: 100%;
  height: auto;
}

.footer-nav-area {
  width: 100%;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .footer-nav-area {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}

.ft-nav-items {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .ft-nav-items {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}
.ft-nav-items__list {
  width: 100%;
  height: auto;
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .ft-nav-items__list {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}

.copyright {
  font-size: calc(var(--ttl-fs-sp) * 1vw / 7.67);
}
@media (min-width: 768px) {
  .copyright {
    font-size: calc(var(--ttl-fs) * 1vw / 12);
  }
}

.ft-nav-items-hover:hover {
  font-weight: 600;
  color: #008841;
  transform: scale(1.3);
  transition: color 0.3s ease, transform 0.4s ease-in-out;
}
.ft-nav-items-hover:active {
  font-weight: 600;
  color: #008841;
  transform: scale(1.3);
  transition: color 0.3s ease, transform 0.4s ease-in-out;
}

.list-title-wrap:hover {
  font-weight: 600;
  color: var(--c-secondary);
  transform: scale(1.3);
  transition: color 0.3s ease, transform 0.3s ease;
}
.list-title-wrap:active {
  font-weight: 600;
  color: var(--c-secondary);
  transform: scale(1.3);
  transition: color 0.3s ease, transform 0.3s ease;
}

.logo-hover:hover {
  opacity: 0.8;
  transform: scale(1.1);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.logo-hover:active {
  opacity: 0.8;
  transform: scale(1.1);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.ft-under-element-flex-row {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: calc(var(--gap) * 1vw / 7.67);
}
@media (min-width: 768px) {
  .ft-under-element-flex-row {
    gap: calc(var(--gap) * 1vw / 12);
  }
}

.footer-copyright {
  width: 100%;
  height: auto;
}
.footer-copyright__inner {
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .footer-copyright__inner {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 7.67);
    margin-inline-end: calc(var(--me) * 1vw / 7.67);
    padding-block-start: calc(var(--pt) * 1vw / 7.67);
    padding-block-end: calc(var(--pb) * 1vw / 7.67);
    padding-inline-start: calc(var(--ps) * 1vw / 7.67);
    padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  }
}

.form {
  margin-block-start: calc(var(--mt) * 1vw / 7.67);
  margin-block-end: calc(var(--mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--me) * 1vw / 7.67);
  padding-block-start: calc(var(--pt) * 1vw / 7.67);
  padding-block-end: calc(var(--pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--pe) * 1vw / 7.67);
  background-color: var(--bg);
  --mt: 0;
  --mb: 0;
  --ms: 0;
  --me: 0;
  --pt: 0;
  --pb: 0;
  --ps: 0;
  --pe: 0;
}
@media (min-width: 768px) {
  .form {
    margin-block-start: calc(var(--mt) * 1vw / 12);
    margin-block-end: calc(var(--mb) * 1vw / 12);
    margin-inline-start: calc(var(--ms) * 1vw / 12);
    margin-inline-end: calc(var(--me) * 1vw / 12);
    padding-block-start: calc(var(--pt) * 1vw / 12);
    padding-block-end: calc(var(--pb) * 1vw / 12);
    padding-inline-start: calc(var(--ps) * 1vw / 12);
    padding-inline-end: calc(var(--pe) * 1vw / 12);
  }
}
.form__inner {
  display: grid;
  -moz-column-gap: calc(var(--col-gap) * 1vw / 7.67);
       column-gap: calc(var(--col-gap) * 1vw / 7.67);
  row-gap: calc(var(--row-gap) * 1vw / 7.67);
  width: 100%;
  height: auto;
  margin-inline: auto;
  grid-template: var(--form-area-sp);
  --col-gap: 0;
  --row-gap: 0;
}
@media (min-width: 768px) {
  .form__inner {
    -moz-column-gap: calc(var(--col-gap) * 1vw / 12);
         column-gap: calc(var(--col-gap) * 1vw / 12);
    row-gap: calc(var(--row-gap) * 1vw / 12);
    grid-template: var(--form-area);
  }
}

.form-item-box {
  width: 100%;
  height: auto;
}

.list-question-element-wrapper {
  font-size: 4.5632333768vw;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .list-question-element-wrapper {
    font-size: 0.8333333333vw;
  }
}

.list-question-element {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin-block-start: calc(var(--fq-mt) * 1vw / 7.67);
  margin-block-end: calc(var(--fq-mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--fq-ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--fq-me) * 1vw / 7.67);
  padding-block-start: calc(var(--fq-pt) * 1vw / 7.67);
  padding-block-end: calc(var(--fq-pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--fq-ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--fq-pe) * 1vw / 7.67);
  background-color: var(--fq-bg);
  --fq-mt: 0;
  --fq-mb: 0;
  --fq-ms: 0;
  --fq-me: 0;
  --fq-pt: 0;
  --fq-pb: 0;
  --fq-ps: 0;
  --fq-pe: 0;
}
@media (min-width: 768px) {
  .list-question-element {
    margin-block-start: calc(var(--fq-mt) * 1vw / 12);
    margin-block-end: calc(var(--fq-mb) * 1vw / 12);
    margin-inline-start: calc(var(--fq-ms) * 1vw / 12);
    margin-inline-end: calc(var(--fq-me) * 1vw / 12);
    padding-block-start: calc(var(--fq-pt) * 1vw / 12);
    padding-block-end: calc(var(--fq-pb) * 1vw / 12);
    padding-inline-start: calc(var(--fq-ps) * 1vw / 12);
    padding-inline-end: calc(var(--fq-pe) * 1vw / 12);
  }
}

.list-question-element-req {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  color: #fff;
  margin-block-start: calc(var(--fqr-mt) * 1vw / 7.67);
  margin-block-end: calc(var(--fqr-mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--fqr-ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--fqr-me) * 1vw / 7.67);
  padding-block-start: calc(var(--fqr-pt) * 1vw / 7.67);
  padding-block-end: calc(var(--fqr-pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--fqr-ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--fqr-pe) * 1vw / 7.67);
  background-color: #014d2d;
  border-radius: 0.6518904824vw;
  --fqr-mt: 0;
  --fqr-mb: 0;
  --fqr-ms: 0;
  --fqr-me: 0;
  --fqr-pt: 0;
  --fqr-pb: 0;
  --fqr-ps: 0;
  --fqr-pe: 0;
}
@media (min-width: 768px) {
  .list-question-element-req {
    margin-block-start: calc(var(--fqr-mt) * 1vw / 12);
    margin-block-end: calc(var(--fqr-mb) * 1vw / 12);
    margin-inline-start: calc(var(--fqr-ms) * 1vw / 12);
    margin-inline-end: calc(var(--fqr-me) * 1vw / 12);
    padding-block-start: calc(var(--fqr-pt) * 1vw / 12);
    padding-block-end: calc(var(--fqr-pb) * 1vw / 12);
    padding-inline-start: calc(var(--fqr-ps) * 1vw / 12);
    padding-inline-end: calc(var(--fqr-pe) * 1vw / 12);
    border-radius: 0.4166666667vw;
  }
}

.list-question {
  color: var(--c-primary);
}

.list-answer-element-wrapper {
  width: 100%;
  height: auto;
  margin-block-start: calc(var(--fa-mt) * 1vw / 7.67);
  margin-block-end: calc(var(--fa-mb) * 1vw / 7.67);
  margin-inline-start: calc(var(--fa-ms) * 1vw / 7.67);
  margin-inline-end: calc(var(--fa-me) * 1vw / 7.67);
  padding-block-start: calc(var(--fa-pt) * 1vw / 7.67);
  padding-block-end: calc(var(--fa-pb) * 1vw / 7.67);
  padding-inline-start: calc(var(--fa-ps) * 1vw / 7.67);
  padding-inline-end: calc(var(--fa-pe) * 1vw / 7.67);
  background-color: var(--fa-bg);
  --fa-mt: 0;
  --fa-mb: 0;
  --fa-ms: 0;
  --fa-me: 0;
  --fa-pt: 0;
  --fa-pb: 0;
  --fa-ps: 0;
  --fa-pe: 0;
}
@media (min-width: 768px) {
  .list-answer-element-wrapper {
    margin-block-start: calc(var(--fa-mt) * 1vw / 12);
    margin-block-end: calc(var(--fa-mb) * 1vw / 12);
    margin-inline-start: calc(var(--fa-ms) * 1vw / 12);
    margin-inline-end: calc(var(--fa-me) * 1vw / 12);
    padding-block-start: calc(var(--fa-pt) * 1vw / 12);
    padding-block-end: calc(var(--fa-pb) * 1vw / 12);
    padding-inline-start: calc(var(--fa-ps) * 1vw / 12);
    padding-inline-end: calc(var(--fa-pe) * 1vw / 12);
  }
}

.list-answer-element {
  width: 100%;
  height: auto;
  padding-block: 0.1303780965vw;
  padding-inline: 0.1303780965vw;
  border-radius: 0.5215123859vw;
}

.form-input {
  font-size: 3.6505867014vw;
  width: 100%;
  height: auto;
  padding-block: 1.3037809648vw;
  padding-inline: 0.6518904824vw;
  z-index: -1;
}
@media (min-width: 768px) {
  .form-input {
    font-size: 0.9166666667vw;
    padding-block: 0.8333333333vw;
    padding-inline: 0.4166666667vw;
  }
}

.form-checkbox {
  font-size: 3.6505867014vw;
  color: #014d2d;
  width: 100%;
  height: auto;
  padding-block: 1.3037809648vw;
  padding-inline: 0.6518904824vw;
  z-index: -1;
}
@media (min-width: 768px) {
  .form-checkbox {
    font-size: 0.9166666667vw;
    padding-block: 0.8333333333vw;
    padding-inline: 0.4166666667vw;
  }
}

.form-select {
  font-size: 3.6505867014vw;
  width: 100%;
  height: auto;
  padding-block: 1.3037809648vw;
  padding-inline-start: 0.6518904824vw;
  padding-inline-end: 0.6518904824vw;
  z-index: -1;
}
@media (min-width: 768px) {
  .form-select {
    font-size: 0.9166666667vw;
    padding-block: 0.8333333333vw;
    padding-inline-start: 0.4166666667vw;
    padding-inline-end: 0.4166666667vw;
  }
}

.form-textarea {
  font-size: 3.6505867014vw;
  width: 100%;
  height: auto;
  padding-block: 1.3037809648vw;
  padding-inline: 0.6518904824vw;
  z-index: -1;
}
@media (min-width: 768px) {
  .form-textarea {
    font-size: 0.9166666667vw;
    padding-inline: 0.4166666667vw;
    padding-block: 0.8333333333vw;
  }
}

.submit-button-element-wrapper {
  width: 100%;
  height: auto;
  margin-inline: auto;
  text-align: center;
}

.submit-button-element {
  width: 100%;
  height: auto;
  padding-block-start: 4.5632333768vw;
  padding-inline-start: 63px;
}
@media (min-width: 768px) {
  .submit-button-element {
    padding-block-start: 2.9166666667vw;
    padding-inline-start: 66px;
  }
}

.submit-button {
  font-size: 3.9113428944vw;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  padding-block: 2.6075619296vw;
  padding-inline: 3.9113428944vw;
  background-color: var(--c-secondary);
  border-radius: 6.518904824vw;
  z-index: -1;
}
@media (min-width: 768px) {
  .submit-button {
    font-size: 1.0833333333vw;
    padding-block: 0.8333333333vw;
    padding-inline: 1.5vw;
    border-radius: 2.1666666667vw;
  }
}
.submit-button:hover {
  opacity: 0.8;
  background-color: var(--c-secondary);
  transform: scale(1.1);
  transition: background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}
.submit-button:active {
  opacity: 0.8;
  background-color: var(--c-secondary);
  transform: scale(1.1);
  transition: background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.form-item-box-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}/*# sourceMappingURL=basis.css.map */