/*!tailwindcss v4.1.3 | MIT License | https://tailwindcss.com*/@layer properties;@layer theme,base,components,utilities;@layer theme{:root, :host {
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-bold: 700;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --color-celadon-100: #96c19a ;
    --color-celadon-200: #b9e5bc ;
    --color-celadon-300: #d8fedb ;
    --color-foliage-dark: #4c541f ;
    --animate-appear: appear 1.5s ease-in;
    --parallax-array: 0% 0%, 0% 0%, 0% 0%;
  }
}@layer base{*, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
  }
  b, strong {
    font-weight: bolder;
  }
  img {
    display: block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
  }
}@layer utilities{.fixed {
    position: fixed;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .\!my-48 {
    margin-block: calc(var(--spacing) * 48) !important;
  }
  .mt-120 {
    margin-top: calc(var(--spacing) * 120);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .flex {
    display: flex;
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .w-4\/5 {
    width: calc(4/5 * 100%);
  }
  .max-w-\[95vw\] {
    max-width: 95vw;
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .animate-appear {
    animation: var(--animate-appear);
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-disc {
    list-style-type: disc;
  }
  .flex-col {
    flex-direction: column;
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .\!bg-white\/0 {
    background-color: color-mix(in srgb, #fff 0%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 0%, transparent) !important;
    }
  }
  .bg-celadon-100 {
    background-color: var(--color-celadon-100);
  }
  .bg-celadon-200 {
    background-color: var(--color-celadon-200);
  }
  .bg-celadon-300 {
    background-color: var(--color-celadon-300);
  }
  .bg-white\/100 {
    background-color: color-mix(in srgb, #fff 100%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 100%, transparent);
    }
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .text-center {
    text-align: center;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .\*\:mx-auto {
    :is(& > *) {
      margin-inline: auto;
    }
  }
  .\*\:mt-16 {
    :is(& > *) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .\*\:flex {
    :is(& > *) {
      display: flex;
    }
  }
  .\*\:transform {
    :is(& > *) {
      transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    }
  }
  .\*\:flex-col {
    :is(& > *) {
      flex-direction: column;
    }
  }
  .\*\:rounded {
    :is(& > *) {
      border-radius: 0.25rem;
    }
  }
  .\*\:bg-celadon-300 {
    :is(& > *) {
      background-color: var(--color-celadon-300);
    }
  }
  .\*\:bg-white\/80 {
    :is(& > *) {
      background-color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }
  .\*\:p-2 {
    :is(& > *) {
      padding: calc(var(--spacing) * 2);
    }
  }
  .\*\:px-4 {
    :is(& > *) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .\*\:py-4 {
    :is(& > *) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .\*\:pb-8 {
    :is(& > *) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .\*\:text-left {
    :is(& > *) {
      text-align: left;
    }
  }
  .\*\:text-sm {
    :is(& > *) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .\*\:transition {
    :is(& > *) {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\*\:duration-500 {
    :is(& > *) {
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  .before\:fixed {
    &::before {
      content: var(--tw-content);
      position: fixed;
    }
  }
  .before\:top-0 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .before\:left-0 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .before\:-z-1 {
    &::before {
      content: var(--tw-content);
      z-index: calc(1 * -1);
    }
  }
  .before\:block {
    &::before {
      content: var(--tw-content);
      display: block;
    }
  }
  .before\:h-\[120vh\] {
    &::before {
      content: var(--tw-content);
      height: 120vh;
    }
  }
  .before\:w-\[110vw\] {
    &::before {
      content: var(--tw-content);
      width: 110vw;
    }
  }
  .before\:bg-\[url\(\.\/kawa-potoeha-3\.1-bg\.webp\)\,_url\(\.\/kawa-potoeha-2\.1-bg\.webp\)\,_url\(\.\/kawa-potoeha-1\.2-bg\.webp\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(./kawa-potoeha-3.1-bg.webp), url(./kawa-potoeha-2.1-bg.webp), url(./kawa-potoeha-1.2-bg.webp);
    }
  }
  .before\:bg-cover {
    &::before {
      content: var(--tw-content);
      background-size: cover;
    }
  }
  .before\:content-\[\'_\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: ' ';
      content: var(--tw-content);
    }
  }
  .\*\:hover\:scale-105 {
    :is(& > *) {
      &:hover {
        @media (hover: hover) {
          --tw-scale-x: 105%;
          --tw-scale-y: 105%;
          --tw-scale-z: 105%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
      }
    }
  }
  .md\:float-right {
    @media (width >= 48rem) {
      float: right;
    }
  }
  .md\:mb-0 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:ml-\[1rem\] {
    @media (width >= 48rem) {
      margin-left: 1rem;
    }
  }
  .md\:w-1\/3 {
    @media (width >= 48rem) {
      width: calc(1/3 * 100%);
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:justify-center {
    @media (width >= 48rem) {
      justify-content: center;
    }
  }
  .\*\:md\:pr-3 {
    :is(& > *) {
      @media (width >= 48rem) {
        padding-right: calc(var(--spacing) * 3);
      }
    }
  }
  .\*\:md\:pl-1 {
    :is(& > *) {
      @media (width >= 48rem) {
        padding-left: calc(var(--spacing) * 1);
      }
    }
  }
  .md\:max-lg\:gap-1 {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        gap: calc(var(--spacing) * 1);
      }
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:flex-wrap {
    @media (width >= 64rem) {
      flex-wrap: wrap;
    }
  }
  .\*\:lg\:pr-8 {
    :is(& > *) {
      @media (width >= 64rem) {
        padding-right: calc(var(--spacing) * 8);
      }
    }
  }
  .\*\:lg\:pl-4 {
    :is(& > *) {
      @media (width >= 64rem) {
        padding-left: calc(var(--spacing) * 4);
      }
    }
  }
  .lg\:before\:bg-\(position\:--parallax-array\) {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        background-position: var(--parallax-array);
      }
    }
  }
  .\[\&_h3\]\:underline {
    & h3 {
      text-decoration-line: underline;
    }
  }
  .\[\&_li\]\:mb-2 {
    & li {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .lg\:\[\&_p\]\:w-60 {
    @media (width >= 64rem) {
      & p {
        width: calc(var(--spacing) * 60);
      }
    }
  }
  .\[\&_ul\]\:mx-auto {
    & ul {
      margin-inline: auto;
    }
  }
  .\[\&_ul\]\:\[\&_ul\]\:ml-4 {
    & ul {
      & ul {
        margin-left: calc(var(--spacing) * 4);
      }
    }
  }
  .\[\&_ul\]\:max-w-60 {
    & ul {
      max-width: calc(var(--spacing) * 60);
    }
  }
  .\[\&_ul\]\:list-inside {
    & ul {
      list-style-position: inside;
    }
  }
  .\[\&_ul\]\:\[\&_ul\]\:marker\:text-lg {
    & ul {
      & ul {
        & *::marker {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
        &::marker {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
        & *::-webkit-details-marker {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
        &::-webkit-details-marker {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
      }
    }
  }
  .\[\&_ul\]\:marker\:text-2xl {
    & ul {
      & *::marker {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
      &::marker {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
      & *::-webkit-details-marker {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
      &::-webkit-details-marker {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
    }
  }
  .\[\&_ul\]\:marker\:leading-\[0\] {
    & ul {
      & *::marker {
        --tw-leading: 0;
        line-height: 0;
      }
      &::marker {
        --tw-leading: 0;
        line-height: 0;
      }
      & *::-webkit-details-marker {
        --tw-leading: 0;
        line-height: 0;
      }
      &::-webkit-details-marker {
        --tw-leading: 0;
        line-height: 0;
      }
    }
  }
  .\[\&_ul\]\:marker\:content-\[\'✓\'\] {
    & ul {
      & *::marker {
        --tw-content: '✓';
        content: var(--tw-content);
      }
      &::marker {
        --tw-content: '✓';
        content: var(--tw-content);
      }
      & *::-webkit-details-marker {
        --tw-content: '✓';
        content: var(--tw-content);
      }
      &::-webkit-details-marker {
        --tw-content: '✓';
        content: var(--tw-content);
      }
    }
  }
  .md\:\[\&_ul\]\:w-\[11\.25rem\] {
    @media (width >= 48rem) {
      & ul {
        width: 11.25rem;
      }
    }
  }
  .md\:max-lg\:\[\&_ul\]\:\[\&_ul\]\:ml-0 {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        & ul {
          & ul {
            margin-left: calc(var(--spacing) * 0);
          }
        }
      }
    }
  }
  .lg\:\[\&_ul\]\:w-48 {
    @media (width >= 64rem) {
      & ul {
        width: calc(var(--spacing) * 48);
      }
    }
  }
  .\[\&_li\]\:\[\&_ul\]\:\[\&_li\]\:mb-0 {
    & li {
      & ul {
        & li {
          margin-bottom: calc(var(--spacing) * 0);
        }
      }
    }
  }
}html{font-size:20px;color:#000}p{margin-bottom:calc(var(--spacing) * 4);a { text-decoration-line: underline; --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-foliage-dark); } a:hover { color: var(--color-celadon-100); }}li{text-indent:calc(var(--spacing) * -4);margin-left:calc(var(--spacing) * 4)}h2,h3{margin-top:calc(var(--spacing) * 8);margin-bottom:calc(var(--spacing) * 4);--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);text-align:center;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}h1{margin-bottom:calc(var(--spacing) * 0);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);text-align:center}h2{text-transform:uppercase;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);margin-bottom:calc(var(--spacing) * 8)}a.email-obfu span{display:none}@property --tw-border-style{syntax: "*";
  inherits: false;
  initial-value: solid;
}@property --tw-duration{syntax: "*";
  inherits: false;
}@property --tw-scale-x{syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-scale-y{syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-scale-z{syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-font-weight{syntax: "*";
  inherits: false;
}@keyframes appear{0%{opacity:0}100%{opacity:1}}