*,
*::before,
*::after {
  min-width: 0px;
  min-height: 0px;
}

html {
  /* 最小値13pxを保証し、1200px未満では最大22pxまでフォントサイズが流動する */
  font-size: clamp(13px, var(--font-size-base), 22px);

  @media screen and (min-width: 1200px) {
    font-size: clamp(0.1rem, var(--font-size-base), 24px);
  }
}

body {
  font-family: var(--font-sans);
  color: var(--ink);
  background-color: var(--snow);
  letter-spacing: 0.08em;
}

#root {
  max-width: 1920px;
  margin: 0 auto;
}

p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: inherit;
  line-height: inherit;
}

img, iframe {
  max-width: 100%;
}
iframe {
  border: none;
  box-shadow: none;
}

a, a:hover {
  color: var(--ink);
}

[id] {
  scroll-margin-top: 3.75rem;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

button {
  position: relative;
  appearance: none;
  cursor: pointer;
  box-shadow: none;
  border: 0;
  outline: none;
  background: none;
  padding: 0;
}

.list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-left: 1.5rem;
  list-style: disc outside none;

  & > p {
    margin: 0;
    display: list-item;
  }
}

.webgene-pagination {
  & ul {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    padding: 0;
    margin: 0;

    & li {
      & a {
        display: inline-block;
        width: 3rem;
        line-height: 3rem;
        text-align: center;
        background-color: hsla(from var(--ink) h s l / 10%);
        &:hover {
          text-decoration: none;
        }
      }

      &.selected {
        & a {
          background-color: var(--gold);
          &:hover {
          }
        }
      }
    }
  }
}

.webgene-no-items {
  width: 100%;
  text-align: center;
  font-size: 0.875rem;
}

.thumbnail {
  position: relative;

  &.thumbnail--16x9 {
    padding-top: 56.25%;
  }
  &.thumbnail--square {
    padding-top: 100%;
  }
  &.thumbnail--3x2 {
    padding-top: 66.6666%;
  }

  & img,
  &:empty::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  &:empty::before {
    content: "";
    background-image: url("/system_panel/uploads/images/ogp.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}

.article-body {
  & > p {
    margin: 1em 0;
  }

  & > h1,
  & > h2,
  & > h3,
  & > h4,
  & > h5,
  & > h6 {
    margin: 2em 0 1em;
  }

  & > *:first-child {
    margin-top: 0;
  }

  & > *:last-child {
    margin-bottom: 0;
  }

  & a,
  & a:hover {
    color: var(--blue);
    text-decoration: underline;
  }
}

.backdrop-object {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.__mat.__mat--processed {
  word-break: keep-all;
  word-wrap: break-word;
}

.pege-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 7.5rem 1.25rem 2.5rem;
  height: 22.5rem;
  @media screen and (min-width: 768px) {
    padding: 7.5rem 2.5rem 4rem;
    height: 25rem;
  }
  @media screen and (min-width: 1024px) {
    padding: 7.5rem 3.75rem 5rem;
    height: 30rem
  }
  @media screen and (min-width: 1200px) {
    padding: 7.5rem 5rem;
    height: 35rem;
  }
  &.page-hero--100vh {
    @media screen and (min-width: 1200px) {
      height: clamp(25rem, calc(var(--vh, 1vh) * 100),75rem);
    }
  }
  
  & .page-hero__title {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    text-align: center;
    line-height: 1;
    font-weight: 700;
    
    & .page-hero__title-en {
      color: var(--gold);
      font-size: 0.875rem;
      @media screen and (min-width: 768px) {
        font-size: 1rem;
      }
    }
    
    & .page-hero__title-ja {
      position: relative;
      padding-right: 1.25rem;
      padding-left: 1.25rem;
      align-self: center;
      @media screen and (min-width: 768px) {
        padding-right: 1.75rem;
        padding-left: 1.75rem;
      }
      &::after {
        content: "";
        position: absolute;
        bottom: -0.5rem;
        left: 0;
        display: block;
        height: 1.125rem;
        width: 100%;
        background-image: url(/system_panel/uploads/images/cloud-line.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        @media screen and (min-width: 768px) {
          height: 1.25rem;
        }
        @media screen and (min-width: 1024px) {
          height: 1.5rem;
        }
      }
      @media screen and (min-width: 1024px) {
        padding-right: 2rem;
        padding-left: 2rem;
      }
      & > h1 {
        position: relative;
        z-index: 1;
        font-size: 1.5rem;
        @media screen and (min-width: 768px) {
        font-size: 3rem;
        }
        @media screen and (min-width: 1024px) {
          font-size: 3.5rem;
        }
        @media screen and (min-width: 1200px) {
          font-size: 4rem;
        }
      }
    }
  }
}

.section-title {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  text-align: center;
  line-height: 1;
  font-weight: 700;

  & .section-title__en {
    color: var(--gold);
    font-size: 0.875rem;
    @media screen and (min-width: 768px) {
      font-size: 1rem;
    }
  }

  & .section-title__ja {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    align-self: center;
    @media screen and (min-width: 768px) {
      padding-right: 1.75rem;
      padding-left: 1.75rem;
    }
    &::after {
      content: "";
      position: absolute;
      bottom: -0.5rem;
      left: 0;
      display: block;
      height: 1.125rem;
      width: 100%;
      background-image: url(/system_panel/uploads/images/cloud-line.png);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      @media screen and (min-width: 768px) {
        height: 1.25rem;
      }
      @media screen and (min-width: 1024px) {
        height: 1.5rem;
      }
    }
    @media screen and (min-width: 1024px) {
      padding-right: 2rem;
      padding-left: 2rem;
    }
    & > h2, & > h3, & > h4, & > h5, & > h6 {
      position: relative;
      z-index: 1;
      font-size: 1.5rem;
      @media screen and (min-width: 768px) {
        font-size: 2.5rem;
      }
      @media screen and (min-width: 1024px) {
        font-size: 3rem;
      }
    }
  }
  
  &.section-title--sm .section-title__ja {
    & > h2, & > h3, & > h4, & > h5, & > h6 {
      font-size: 1rem;
      @media screen and (min-width: 414px) {
        font-size: 1.5rem;
      }
      @media screen and (min-width: 768px) {
        font-size: 2.5rem;
      }
      @media screen and (min-width: 1024px) {
        font-size: 3rem;
      }
    }
  }
  &.section-title--sub .section-title__ja {
    & > h2, & > h3, & > h4, & > h5, & > h6 {
      font-size: 1.25rem;
      @media screen and (min-width: 768px) {
        font-size: 1.75rem;
      }
      @media screen and (min-width: 1024px) {
        font-size: 2rem;
      }
    }
  }
  &.section-title--pastel-red {
    & .section-title__en {
      color: var(--pastel-red);
    }
    & .section-title__ja::after {
      background-image: url(/system_panel/uploads/images/cloud-line--pastel-red.png);
    }
  }
  &.section-title--lavender {
    & .section-title__en {
      color: var(--pastel-lavender);
    }
    & .section-title__ja::after {
      background-image: url(/system_panel/uploads/images/cloud-line--lavender.png);
    }
  }
  
}

.footer-shadow {
  box-shadow: 0 2px 6px 1px rgba(255, 184, 51, 0.32), 0 4px 12px 2px rgba(255, 184, 51, 0.32), 0 8px 24px 4px rgba(255, 184, 51, 0.32);
}

.button {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25;
  transition: opacity 200ms ease;
  
  &:hover {
    text-decoration: none;
    opacity: 0.85;
  }
  
  @media (min-width: 768px) {
    gap: 1rem;
    font-size: 1.125rem;
  }
  
  &::after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2237%22%20viewBox%3D%220%200%2038%2037%22%20fill%3D%22none%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_218_3)%22%3E%0A%3Cpath%20d%3D%22M21.023%2036.9991C21.0076%2036.9991%2020.9933%2036.9991%2020.978%2036.9991C20.6708%2036.9868%2020.3942%2036.8577%2020.1971%2036.6353C19.531%2035.8814%2020.2411%2034.875%2020.5818%2034.3916C20.977%2033.8318%2021.5828%2033.093%2022.4345%2032.1337C23.9848%2030.3866%2026.16%2028.1259%2028.2644%2025.9387C29.0318%2025.1415%2029.8089%2024.333%2030.5611%2023.5442C29.3697%2024.6751%2028.1151%2025.885%2026.8825%2027.0733C24.4987%2029.3717%2022.0326%2031.7492%2020.0842%2033.5039C16.8238%2036.4402%2016.1089%2036.6579%2015.5146%2036.6315C15.1921%2036.6193%2014.9022%2036.4845%2014.6983%2036.2527C13.972%2035.43%2014.8017%2034.3548%2015.2476%2033.7772C15.6706%2033.2287%2016.2831%2032.5333%2017.1109%2031.6616C13.7461%2034.679%2012.9624%2034.9108%2012.3509%2034.8863C12.0178%2034.8741%2011.7193%2034.7355%2011.5087%2034.4971C11.4733%2034.4566%2011.4408%2034.4142%2011.4121%2034.3699C10.5097%2034.9796%2010.1039%2035.0493%209.75653%2035.0352C9.4235%2035.022%209.12493%2034.8835%208.91439%2034.646C8.5517%2034.2352%208.5651%2033.7677%208.73735%2033.323C8.58615%2033.3559%208.45887%2033.3616%208.33925%2033.3559C8.00431%2033.3428%207.70382%2033.2033%207.49329%2032.9649C6.98897%2032.3938%207.21672%2031.7031%207.57942%2031.1188C6.61096%2031.7756%206.18224%2031.851%205.83199%2031.8378C5.49513%2031.8246%205.19369%2031.6852%204.98124%2031.4449C4.68362%2031.1075%204.6396%2030.7325%204.7286%2030.364C4.53912%2030.4158%204.38887%2030.4243%204.25203%2030.4187C3.91517%2030.4055%203.61277%2030.266%203.40128%2030.0257C2.62996%2029.1521%203.57353%2027.9865%204.08073%2027.3598C4.21471%2027.1949%204.36399%2027.0177%204.53051%2026.8274C3.65583%2027.4107%203.25486%2027.4766%202.90844%2027.4635C2.57254%2027.4503%202.2711%2027.3108%202.05961%2027.0714C1.60217%2026.5541%201.74476%2025.9472%202.04717%2025.4101C1.96774%2025.4186%201.89501%2025.4195%201.82419%2025.4157C1.49404%2025.4025%201.19833%2025.265%200.989712%2025.0294C0.250931%2024.1926%201.1122%2023.1051%201.57538%2022.5209C1.83855%2022.1891%202.17061%2021.8047%202.57924%2021.3599C1.9218%2021.7886%201.46724%2021.9517%201.10264%2021.9394C0.776308%2021.9272%200.483475%2021.7905%200.276769%2021.5568C0.0777188%2021.3316%20-0.0189353%2021.0357%200.00307502%2020.7247C0.0298702%2020.3591%200.161932%2019.9351%201.09498%2018.9117C1.07106%2018.889%201.04713%2018.8645%201.02512%2018.8391C0.61458%2018.3745%200.724631%2017.844%200.961003%2017.3964C0.795447%2017.3342%200.649031%2017.2333%200.530366%2017.0995C-0.127073%2016.3551%200.453808%2015.3939%201.8395%2013.5271C2.80222%2012.2295%204.15729%2010.5483%205.46642%208.9228C5.51045%208.86814%205.55542%208.81254%205.6004%208.756C4.82621%209.40716%204.53242%209.51176%204.17068%209.49574C3.89412%209.48349%203.63287%209.36099%203.45391%209.15744C3.10653%208.76354%203.14864%208.16609%203.54865%207.82402C3.6788%207.71188%203.83192%207.64121%203.98982%207.61011C4.50754%207.24354%206.00137%205.82248%207.01289%204.8594C10.1307%201.89195%2010.5594%201.55459%2011.1901%201.58192C11.4666%201.59323%2011.7279%201.71668%2011.9068%201.92022C12.5643%202.66468%2011.9834%203.62587%2010.5977%205.49266C9.63404%206.79027%208.27992%208.47141%206.97078%2010.097C6.43297%2010.7641%205.8406%2011.4992%205.25972%2012.2295C6.67508%2010.9074%208.23398%209.40151%209.58044%208.10107C16.6037%201.31712%2018.1281%200.0458978%2019.176%200.084534C19.4908%200.0967845%2019.7741%200.228713%2019.9751%200.455818C20.0449%200.534975%2020.0995%200.616017%2020.1416%200.698944C21.0459%200.0543789%2021.4287%20-0.0125276%2021.7751%200.00160756C22.0967%200.0138581%2022.3866%200.148614%2022.5905%200.379488C22.7407%200.550053%2022.8335%200.760196%2022.8594%200.987301C22.9235%200.979763%2022.9847%200.977878%2023.0431%200.979763C23.3694%200.992013%2023.6623%201.12865%2023.869%201.36236C24.6078%202.19916%2023.7465%203.28663%2023.2833%203.87088C23.2154%203.95663%2023.1426%204.04616%2023.0651%204.13945C26.0566%201.53104%2026.7992%201.31806%2027.3744%201.34257C27.7045%201.35576%2028.0002%201.49334%2028.2089%201.72893C28.6864%202.26983%2028.5093%202.90686%2028.1801%203.46096C28.2328%203.45813%2028.2835%203.45907%2028.3333%203.46096C28.6692%203.47415%2028.9706%203.61362%2029.1821%203.85298C29.9534%204.72653%2029.0098%205.89221%2028.5026%206.51887C28.4797%206.54809%2028.4557%206.5773%2028.4309%206.60651C29.9257%205.46533%2030.4702%205.34848%2030.897%205.36638C31.2338%205.37958%2031.5362%205.51904%2031.7477%205.75934C32.0176%206.06466%2032.0788%206.40108%2032.0224%206.73561C32.2932%206.63667%2032.4875%206.62159%2032.6616%206.62818C32.9985%206.64138%2033.3009%206.78085%2033.5124%207.02114C34.0445%207.62425%2033.7622%208.35927%2033.366%208.96238C34.189%208.42807%2034.5775%208.36493%2034.9124%208.37812C35.2474%208.39131%2035.5479%208.53078%2035.7584%208.76919C36.4158%209.51459%2035.8369%2010.4447%2035.3172%2011.0949C35.5823%2011.1401%2035.8177%2011.2692%2035.9929%2011.4671C36.1957%2011.6971%2036.2933%2011.9977%2036.2694%2012.3152C36.2627%2012.3991%2036.2512%2012.4858%2036.2264%2012.5819C36.4206%2012.6451%2036.5929%2012.7572%2036.7278%2012.9108C37.4542%2013.7335%2036.6245%2014.8087%2036.1785%2015.3863C35.6933%2016.0149%2034.9593%2016.8376%2033.9373%2017.8968C35.8665%2016.2825%2036.4273%2016.1431%2036.9087%2016.1638C37.2312%2016.176%2037.5211%2016.3108%2037.725%2016.5426C38.391%2017.2965%2037.681%2018.3029%2037.3403%2018.7863C36.945%2019.3461%2036.3393%2020.0849%2035.4876%2021.0442C34.3402%2022.3371%2032.8502%2023.9118%2031.3008%2025.5288C34.2521%2022.7677%2035.1632%2022.1665%2035.8665%2022.191C36.1737%2022.2033%2036.4503%2022.3324%2036.6474%2022.5548C37.2685%2023.2587%2036.6264%2024.104%2036.3843%2024.4225C36.1106%2024.7825%2035.6962%2025.2527%2035.1172%2025.8596C34.9258%2026.0603%2034.7191%2026.2723%2034.5028%2026.4928C34.5976%2026.5475%2034.6847%2026.6182%2034.7593%2026.703C35.1067%2027.0969%2035.0646%2027.6943%2034.6646%2028.0364C34.5019%2028.1759%2034.3057%2028.2513%2034.1067%2028.2654C33.4531%2028.6989%2031.5535%2030.5459%2030.2692%2031.7964C26.5782%2035.3867%2025.9121%2035.9276%2025.1781%2035.8956C24.8843%2035.8843%2024.6183%2035.7599%2024.4288%2035.546C24.2518%2035.3452%2024.1771%2035.1332%2024.1666%2034.9249C22.3273%2036.5712%2021.5962%2037%2021.023%2037V36.9991Z%22%20fill%3D%22%23FFB833%22%2F%3E%0A%3Cpath%20d%3D%22M13.5395%2010.6687C13.6337%2010.6486%2013.7322%2010.6658%2013.8159%2010.7107C14.1869%2010.9104%2014.5566%2011.1121%2014.9253%2011.3152C18.1284%2013.08%2021.2443%2014.9744%2024.272%2016.9998C24.8829%2017.4141%2024.9163%2018.1456%2024.3403%2018.6072C24.2372%2018.6909%2024.1341%2018.7748%2024.0307%2018.8582C21.0918%2021.2282%2018.0467%2023.4667%2014.896%2025.574C14.5459%2025.8082%2014.194%2026.0413%2013.8413%2026.2723C13.7617%2026.3242%2013.6654%2026.3487%2013.5698%2026.3367C13.4743%2026.3247%2013.388%2026.2774%2013.3286%2026.2039C13.2692%2026.1302%2013.2409%2026.0352%2013.2495%2025.9393C13.2581%2025.8434%2013.303%2025.755%2013.3706%2025.6883C13.671%2025.3925%2013.9728%2025.098%2014.2759%2024.8055C16.7761%2022.3917%2019.3661%2020.0892%2022.0444%2017.8963C19.4201%2016.0757%2016.8629%2014.1545%2014.3735%2012.1336C14.0467%2011.8682%2013.7205%2011.6006%2013.396%2011.3318C13.3232%2011.2712%2013.2712%2011.1871%2013.2544%2011.0926C13.2376%2010.9977%2013.2572%2010.9006%2013.31%2010.8221C13.3629%2010.7436%2013.4453%2010.6889%2013.5395%2010.6687Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_218_3%22%3E%0A%3Crect%20width%3D%2238%22%20height%3D%2237%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E');
    background-size: cover;
    background-repeat: no-repeat;
    
    @media (min-width: 768px) {
      width: 2.375rem;
      height: 2.375rem;
    }
  }
  
  &.button--pastel-red::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2237%22%20viewBox%3D%220%200%2038%2037%22%20fill%3D%22none%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_220_1077)%22%3E%0A%3Cpath%20d%3D%22M21.023%2036.9991C21.0076%2036.9991%2020.9933%2036.9991%2020.978%2036.9991C20.6708%2036.9868%2020.3942%2036.8577%2020.1971%2036.6353C19.531%2035.8814%2020.2411%2034.875%2020.5818%2034.3916C20.977%2033.8318%2021.5828%2033.093%2022.4345%2032.1337C23.9848%2030.3866%2026.16%2028.1259%2028.2644%2025.9387C29.0318%2025.1415%2029.8089%2024.333%2030.5611%2023.5442C29.3697%2024.6751%2028.1151%2025.885%2026.8825%2027.0733C24.4987%2029.3717%2022.0326%2031.7492%2020.0842%2033.5039C16.8238%2036.4402%2016.1089%2036.6579%2015.5146%2036.6315C15.1921%2036.6193%2014.9022%2036.4845%2014.6983%2036.2527C13.972%2035.43%2014.8017%2034.3548%2015.2476%2033.7772C15.6706%2033.2287%2016.2831%2032.5333%2017.1109%2031.6616C13.7461%2034.679%2012.9624%2034.9108%2012.3509%2034.8863C12.0179%2034.8741%2011.7193%2034.7355%2011.5087%2034.4971C11.4733%2034.4566%2011.4408%2034.4142%2011.4121%2034.3699C10.5097%2034.9796%2010.1039%2035.0493%209.75653%2035.0352C9.4235%2035.022%209.12493%2034.8835%208.91439%2034.646C8.5517%2034.2352%208.5651%2033.7678%208.73735%2033.323C8.58615%2033.3559%208.45887%2033.3616%208.33925%2033.3559C8.00431%2033.3428%207.70382%2033.2033%207.49329%2032.9649C6.98897%2032.3938%207.21673%2031.7031%207.57942%2031.1188C6.61096%2031.7756%206.18224%2031.851%205.83199%2031.8378C5.49513%2031.8246%205.19369%2031.6852%204.98124%2031.4449C4.68362%2031.1075%204.6396%2030.7325%204.7286%2030.364C4.53912%2030.4158%204.38887%2030.4243%204.25203%2030.4187C3.91517%2030.4055%203.61277%2030.266%203.40128%2030.0257C2.62996%2029.1521%203.57354%2027.9865%204.08073%2027.3598C4.21471%2027.1949%204.36399%2027.0177%204.53051%2026.8274C3.65583%2027.4107%203.25486%2027.4766%202.90844%2027.4635C2.57254%2027.4503%202.2711%2027.3108%202.05961%2027.0714C1.60217%2026.5541%201.74476%2025.9472%202.04717%2025.4101C1.96774%2025.4186%201.89501%2025.4195%201.82419%2025.4157C1.49404%2025.4025%201.19833%2025.265%200.989712%2025.0294C0.250931%2024.1926%201.1122%2023.1051%201.57538%2022.5209C1.83855%2022.1891%202.17061%2021.8047%202.57924%2021.3599C1.9218%2021.7886%201.46724%2021.9517%201.10264%2021.9394C0.776308%2021.9272%200.483475%2021.7905%200.276769%2021.5568C0.0777188%2021.3316%20-0.0189353%2021.0357%200.00307502%2020.7247C0.0298702%2020.3591%200.161932%2019.9351%201.09498%2018.9117C1.07106%2018.889%201.04713%2018.8645%201.02512%2018.8391C0.61458%2018.3745%200.724631%2017.844%200.961003%2017.3964C0.795447%2017.3342%200.649031%2017.2333%200.530366%2017.0995C-0.127073%2016.3551%200.453808%2015.3939%201.8395%2013.5271C2.80222%2012.2295%204.15729%2010.5483%205.46642%208.9228C5.51044%208.86814%205.55542%208.81254%205.6004%208.756C4.82621%209.40716%204.53242%209.51176%204.17069%209.49574C3.89412%209.48349%203.63287%209.36099%203.45391%209.15744C3.10653%208.76354%203.14864%208.16609%203.54865%207.82402C3.6788%207.71188%203.83192%207.64121%203.98982%207.61011C4.50754%207.24354%206.00137%205.82248%207.01289%204.8594C10.1307%201.89195%2010.5594%201.55459%2011.1901%201.58192C11.4666%201.59323%2011.7279%201.71668%2011.9068%201.92022C12.5643%202.66468%2011.9834%203.62587%2010.5977%205.49266C9.63403%206.79027%208.27992%208.47141%206.97078%2010.097C6.43297%2010.7641%205.8406%2011.4992%205.25972%2012.2295C6.67508%2010.9074%208.23399%209.40151%209.58044%208.10107C16.6037%201.31712%2018.1281%200.0458978%2019.176%200.084534C19.4908%200.0967845%2019.7741%200.228713%2019.9751%200.455818C20.0449%200.534975%2020.0995%200.616017%2020.1416%200.698944C21.0459%200.0543789%2021.4287%20-0.0125276%2021.7751%200.00160756C22.0967%200.0138581%2022.3866%200.148614%2022.5905%200.379488C22.7407%200.550053%2022.8335%200.760196%2022.8594%200.987301C22.9235%200.979763%2022.9847%200.977878%2023.0431%200.979763C23.3694%200.992013%2023.6623%201.12865%2023.869%201.36236C24.6078%202.19916%2023.7465%203.28663%2023.2833%203.87088C23.2154%203.95663%2023.1426%204.04616%2023.0651%204.13945C26.0566%201.53104%2026.7992%201.31806%2027.3744%201.34257C27.7045%201.35576%2028.0002%201.49334%2028.2089%201.72893C28.6864%202.26983%2028.5093%202.90686%2028.1801%203.46096C28.2328%203.45813%2028.2835%203.45907%2028.3333%203.46096C28.6692%203.47415%2028.9706%203.61362%2029.1821%203.85298C29.9534%204.72653%2029.0098%205.89221%2028.5026%206.51887C28.4797%206.54809%2028.4557%206.5773%2028.4309%206.60651C29.9257%205.46533%2030.4702%205.34848%2030.897%205.36638C31.2338%205.37958%2031.5362%205.51904%2031.7477%205.75934C32.0176%206.06466%2032.0788%206.40108%2032.0224%206.73561C32.2932%206.63667%2032.4875%206.62159%2032.6616%206.62818C32.9985%206.64138%2033.3009%206.78085%2033.5124%207.02114C34.0445%207.62424%2033.7622%208.35927%2033.366%208.96238C34.189%208.42807%2034.5775%208.36493%2034.9124%208.37812C35.2474%208.39131%2035.5479%208.53078%2035.7584%208.76919C36.4158%209.51459%2035.8369%2010.4447%2035.3172%2011.0949C35.5823%2011.1401%2035.8177%2011.2692%2035.9929%2011.4671C36.1957%2011.6971%2036.2933%2011.9977%2036.2694%2012.3152C36.2627%2012.3991%2036.2512%2012.4858%2036.2264%2012.5819C36.4206%2012.6451%2036.5929%2012.7572%2036.7278%2012.9108C37.4541%2013.7335%2036.6245%2014.8087%2036.1785%2015.3863C35.6933%2016.0149%2034.9593%2016.8376%2033.9373%2017.8968C35.8665%2016.2825%2036.4273%2016.1431%2036.9087%2016.1638C37.2312%2016.176%2037.5211%2016.3108%2037.725%2016.5426C38.391%2017.2965%2037.681%2018.3029%2037.3403%2018.7863C36.945%2019.3461%2036.3393%2020.0849%2035.4876%2021.0442C34.3402%2022.3371%2032.8502%2023.9118%2031.3008%2025.5288C34.2521%2022.7677%2035.1632%2022.1665%2035.8665%2022.191C36.1737%2022.2033%2036.4503%2022.3324%2036.6474%2022.5548C37.2685%2023.2587%2036.6264%2024.104%2036.3843%2024.4225C36.1106%2024.7825%2035.6962%2025.2527%2035.1172%2025.8596C34.9258%2026.0603%2034.7191%2026.2723%2034.5029%2026.4928C34.5976%2026.5475%2034.6847%2026.6182%2034.7593%2026.703C35.1067%2027.0969%2035.0646%2027.6943%2034.6646%2028.0364C34.5019%2028.1759%2034.3057%2028.2513%2034.1067%2028.2654C33.4531%2028.6989%2031.5535%2030.5459%2030.2692%2031.7964C26.5782%2035.3867%2025.9121%2035.9276%2025.1781%2035.8956C24.8843%2035.8843%2024.6183%2035.7599%2024.4288%2035.546C24.2518%2035.3452%2024.1771%2035.1332%2024.1666%2034.925C22.3273%2036.5712%2021.5962%2037%2021.023%2037V36.9991Z%22%20fill%3D%22%23FF6B6B%22%2F%3E%0A%3Cpath%20d%3D%22M13.5396%2010.6687C13.6338%2010.6486%2013.7322%2010.6657%2013.816%2010.7107C14.187%2010.9104%2014.5567%2011.112%2014.9253%2011.3152C18.1284%2013.08%2021.2444%2014.9744%2024.272%2016.9997C24.883%2017.414%2024.9164%2018.1455%2024.3404%2018.6072C24.2372%2018.6909%2024.1342%2018.7747%2024.0308%2018.8581C21.0919%2021.2282%2018.0468%2023.4666%2014.896%2025.574C14.5459%2025.8081%2014.1941%2026.0413%2013.8413%2026.2722C13.7618%2026.3241%2013.6654%2026.3486%2013.5699%2026.3367C13.4744%2026.3247%2013.3881%2026.2774%2013.3287%2026.2038C13.2692%2026.1302%2013.241%2026.0352%2013.2496%2025.9392C13.2581%2025.8433%2013.3031%2025.7549%2013.3706%2025.6882C13.671%2025.3924%2013.9729%2025.0979%2014.2759%2024.8054C16.7762%2022.3916%2019.3661%2020.0892%2022.0445%2017.8962C19.4202%2016.0756%2016.863%2014.1544%2014.3736%2012.1335C14.0467%2011.8682%2013.7206%2011.6006%2013.396%2011.3318C13.3232%2011.2712%2013.2712%2011.187%2013.2544%2011.0925C13.2377%2010.9976%2013.2573%2010.9005%2013.3101%2010.822C13.363%2010.7435%2013.4454%2010.6888%2013.5396%2010.6687Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_220_1077%22%3E%0A%3Crect%20width%3D%2238%22%20height%3D%2237%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E');
  }
}


.blog-list {
  & .webgene-blog {
    display: grid;
    gap: 2rem;
  }
  
  @media (min-width: 768px) {
    .webgene-blog {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .webgene-pagination, .webgene-no-items {
      grid-column: span 2 / span 2;
    }
  }
  @media (min-width: 1200px) {
    .webgene-blog {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .webgene-pagination, .webgene-no-items {
      grid-column: span 4 / span 4;
    }
  }
}

.work-list {
  & .webgene-blog {
    display: grid;
    gap: 2rem;
  }
  
  @media (min-width: 768px) {
    .webgene-blog {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .webgene-pagination, .webgene-no-items {
      grid-column: span 2 / span 2;
    }
  }
  @media (min-width: 1200px) {
    .webgene-blog {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .webgene-pagination, .webgene-no-items {
      grid-column: span 3 / span 3;
    }
  }
}

.category-list {
  & .webgene-blog {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
  & .webgene-pagination, & .webgene-no-items {
    grid-column: span 2 / span 2;
  }
}

.swiper:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  overflow: auto;
  & .swiper-slide {
    min-width: 95%;
  }
}

.swiper.gallery-slider {
  width: 100%;
  overflow: visible;
  & .swiper-wrapper {
    transition-timing-function: linear;
    & .swiper-slide {
      width: 100%;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.08), 0 4px 12px 2px rgba(0, 0, 0, 0.08), 0 8px 24px 4px rgba(0, 0, 0, 0.08);
    }
  }
}

.swiper.item-images {
  & .swiper-slide img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
  }
  & .swiper-pagination-bullet-active {
    background-color: var(--gold);
  }
}