:root {
  --dark-green: #282917;
  --transparent: rgba(255, 255, 255, 0);
  --beige: #efe7da;
  --beige-40: rgba(239, 231, 218, .4);
  --transparent-green: rgba(40, 41, 23, .4);
  --green: #767f30;
  --white: white;
  --black: black;
}

body {
  color: var(--dark-green);
  font-family: Kiwi Maru, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.25em;
}

h1 {
  color: var(--dark-green);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 45px;
  font-weight: 400;
  line-height: 45px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.hero-section {
  background-image: linear-gradient(to bottom, var(--transparent) 90%, var(--beige)), linear-gradient(to bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/hero-section-image-gradientjpg.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  height: 100svh;
  min-height: 790px;
  padding: 80px 60px;
}

.hero-section.blog {
  z-index: 2;
  background-color: var(--beige);
  background-image: none;
  height: auto;
  min-height: auto;
  max-height: none;
  padding: 0 40px;
  position: relative;
}

.hero-section.category {
  background-color: var(--beige);
  background-image: none;
  height: 100svh;
  min-height: 840px;
  max-height: none;
  padding: 0 20px 0 0;
  display: flex;
  position: relative;
}

.hero-section.gallery {
  background-image: linear-gradient(rgba(239, 231, 218, .7), rgba(239, 231, 218, .7)), url('../images/koi.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 60px;
}

.hero-section.tag {
  background-color: var(--beige);
  background-image: none;
  flex-direction: row;
  align-items: flex-start;
  height: auto;
  min-height: auto;
  padding-top: 60px;
  padding-bottom: 50px;
  display: flex;
}

.div-block {
  flex-direction: row;
  max-width: 1160px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.quick-stack {
  padding: 0;
}

.hero-div {
  flex-direction: column;
  justify-content: space-between;
  width: 33.3333%;
  height: 100%;
  display: flex;
}

.hero-div.left {
  line-height: 19px;
}

.language {
  z-index: 2;
  position: static;
}

.language.light-mode.relative {
  z-index: 50;
  width: 100%;
  max-width: 580px;
  height: 100px;
  padding-top: 60px;
  padding-left: 20px;
  position: relative;
}

.language.light-mode.blog {
  position: relative;
}

.navbar {
  background-color: var(--transparent);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.nav-menu-wrapper {
  flex-direction: column;
}

.nav-menu {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.nav-menu.blog {
  width: 280px;
}

.nav-menu.home {
  margin-top: 0;
}

.nav-link {
  color: var(--beige);
  text-align: right;
  justify-content: flex-end;
  margin-left: 0;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom: 10px;
  font-family: Kiwi Maru, sans-serif;
  font-size: 16px;
  text-decoration: none;
  display: block;
}

.nav-link.linkonly {
  display: flex;
}

.nav-link.linkonly.footerlink {
  text-align: left;
  justify-content: flex-start;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.nav-link.linkonly.blog {
  background-color: var(--transparent);
  border-style: none;
}

.nav-link.linkonly.language {
  justify-content: flex-start;
  margin-top: 20px;
  transition: color .2s;
}

.nav-link.linkonly.language:hover {
  color: var(--beige-40);
}

.nav-link.linkonly.language.w--current {
  transition: color .2s;
}

.nav-link.linkonly.language.w--current:hover {
  color: var(--beige-40);
}

.nav-link.blog {
  padding-top: 10px;
  padding-bottom: 5px;
}

.image {
  width: 200px;
}

.brand {
  justify-content: center;
  margin-top: -30px;
  display: flex;
}

.language-text {
  font-size: 1em;
}

.hero-paragraph {
  color: var(--beige);
  min-width: 330px;
  margin-bottom: 30px;
  font-size: 1rem;
  line-height: 1.875em;
}

.language-link {
  color: var(--beige);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: color .2s;
}

.language-link:hover {
  color: rgba(239, 231, 218, .8);
}

.language-link.light-mode {
  border: 1px solid var(--transparent);
  background-color: var(--dark-green);
  color: var(--beige);
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  transition: border-color .2s, background-color .2s, color .2s;
}

.language-link.light-mode:hover {
  border-color: var(--dark-green);
  background-color: var(--transparent);
  color: var(--dark-green);
}

.language-link.light-mode.cate {
  z-index: 4;
}

.language-link.light-mode.cate:hover {
  background-color: var(--beige);
}

.text-block {
  background-color: var(--transparent);
  color: var(--dark-green);
  text-align: left;
  margin-bottom: 15px;
  font-size: 1.5em;
  line-height: 30px;
}

.text-block.larger {
  text-align: center;
  margin-bottom: 40px;
  font-size: 2em;
  line-height: 1.5em;
}

.text-block.dark-mode {
  color: var(--beige);
}

.div-block-3 {
  z-index: 9999;
  background-color: rgba(239, 231, 218, .9);
  min-width: 260px;
  margin-top: 10px;
  margin-right: -60px;
  display: flex;
  position: fixed;
  bottom: 40px;
}

.text-block-2 {
  color: var(--dark-green);
  text-align: right;
  margin-bottom: 10px;
  font-size: 1em;
  line-height: 1.25em;
}

.text-block-2.dark-mode {
  color: var(--beige);
}

.link-block-2 {
  background-color: var(--beige);
  width: 100%;
  padding: 10px 20px 15px;
  text-decoration: none;
}

.link-block-2.larger {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: rgba(239, 231, 218, .7);
  max-width: 780px;
  padding: 40px 60px 40px 80px;
}

.link-block-2.dark-mode {
  background-color: rgba(239, 231, 218, .3);
  margin-top: 40px;
}

.line-hold-div {
  height: 2px;
  overflow: hidden;
}

.line-hold-div.linkonly {
  margin-right: 40px;
}

.line {
  background-color: var(--dark-green);
  height: 1px;
  position: static;
  top: -1px;
}

.line.nav, .line.light {
  background-color: var(--beige);
}

.hero-div-right {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 33.3333%;
  height: 100%;
  display: flex;
}

.second-line {
  background-color: var(--dark-green);
  height: 1px;
  position: static;
  top: -1px;
}

.second-line.nav {
  background-color: var(--beige);
}

.second-line.nav.light-mode {
  background-color: var(--dark-green);
}

.second-line.light {
  background-color: var(--beige);
}

.text-block-3 {
  color: var(--beige);
  margin-bottom: 5px;
}

.text-block-3.light-mode {
  color: rgba(40, 41, 23, .6);
}

.text-block-4 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 5px;
  margin-right: 40px;
  font-size: 1em;
  line-height: 1.25em;
}

.text-block-4.light-mode {
  color: rgba(40, 41, 23, .5);
  margin-right: 40px;
}

.text-block-4.light-mode.en {
  font-size: 1em;
}

.icon {
  font-size: 13px;
  font-weight: 300;
}

.icon.light-mode {
  color: rgba(40, 41, 23, .6);
}

.dropdown-list {
  background-color: #ddd;
}

.dropdown-list.w--open {
  background-color: var(--beige);
}

.dropdown-list.light-mode.w--open {
  background-color: #282917;
}

.dropdown-navlink {
  border: .5px solid var(--dark-green);
  color: var(--dark-green);
  text-align: right;
  padding-right: 30px;
  font-size: 16px;
  transition: color .2s;
  display: block;
}

.dropdown-navlink:hover {
  color: rgba(40, 41, 23, .5);
}

.dropdown-navlink.light-mode {
  border: .5px solid var(--beige);
  color: var(--beige);
  text-align: right;
  padding-right: 40px;
}

.dropdown-navlink.light-mode:hover {
  color: var(--beige-40);
}

.dropdown-list-2 {
  background-color: var(--beige);
}

.dropdown {
  width: 100%;
}

.div-block-6 {
  display: none;
}

.text-span {
  font-size: .7em;
  line-height: 1em;
}

.text-span.larger {
  font-size: 24px;
}

.container {
  flex-direction: column;
  align-items: stretch;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container.relative {
  z-index: 10;
  position: relative;
}

.container.hero {
  flex-direction: row;
  padding-top: 60px;
  padding-bottom: 0;
  display: flex;
}

.container.tag {
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.container.shoku {
  justify-content: center;
  align-items: center;
  display: flex;
}

.main-section {
  padding: 80px 60px;
  position: relative;
  overflow: hidden;
}

.main-section.cloth {
  background-image: url('../images/koyou-illustration.svg');
  background-position: -70px -100px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 160px;
}

.main-section.background-image {
  background-image: linear-gradient(rgba(239, 231, 218, .7), rgba(239, 231, 218, .7)), url('../images/main-shoku-min.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.main-section.larger-pad {
  padding-bottom: 110px;
}

.main-section.larger-pad.light-background {
  z-index: 10;
  position: static;
}

.main-section.dark {
  background-color: var(--dark-green);
  background-image: url('../images/dancing-illustration.webp');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 100px;
}

.main-section.yellow-background {
  z-index: 0;
  background-color: var(--beige);
  background-image: linear-gradient(to bottom, rgba(251, 226, 108, .2) 70%, var(--beige));
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: 800px;
  display: flex;
  position: relative;
  overflow: visible;
}

.main-section.last {
  z-index: 0;
  background-color: var(--beige);
  padding-top: 100px;
  padding-bottom: 100px;
}

.main-section.beige-background {
  z-index: 1;
  background-color: var(--beige);
  padding-top: 60px;
  padding-bottom: 80px;
  position: static;
  overflow: visible;
}

.main-section.beige-background.padding-smaller {
  z-index: 0;
  padding-bottom: 0;
  overflow: visible;
}

.main-section.beige-background.relative {
  position: relative;
}

.main-section.beige-background.hidden {
  overflow: hidden;
}

.main-section.beige-background.category {
  padding-top: 30px;
  padding-bottom: 60px;
}

.main-section.beige-background.blog {
  padding-top: 0;
  padding-bottom: 40px;
  position: relative;
}

.heading {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1em;
}

.heading.bigger {
  clear: left;
  text-align: left;
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2em;
}

.heading.about {
  margin-top: 0;
  line-height: 1em;
}

.heading.coming-soon {
  margin-top: 120px;
}

.body {
  background-color: var(--beige);
}

.slide_contain {
  margin-top: 40px;
  margin-right: -60px;
}

.slide_wrap {
  height: 100%;
}

.slide_list {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.slide_item {
  z-index: 3;
  flex: none;
  width: 48%;
  height: 100%;
  padding-right: 2em;
  transition: transform .35s;
  position: relative;
}

.slide_card {
  background-color: var(--beige);
  flex-direction: column;
  height: 37em;
  display: flex;
}

.slide_card.category {
  height: auto;
}

.image_main {
  height: 17em;
  position: relative;
}

.content_wrapper {
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  display: flex;
}

.category_color {
  z-index: 3;
  background-color: var(--green);
  margin-top: 1em;
  padding: .75em 1em;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.slider-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  transition: all .4s;
}

.text-block-5 {
  color: var(--beige);
  font-size: 1em;
  line-height: 1.25em;
}

.slider-heading {
  min-height: 3.75em;
  margin-top: 0;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.25em;
  transition: font-size .4s;
}

.slider-heading.category {
  height: auto;
  font-size: 1.5em;
}

.main_button {
  padding-top: 2em;
}

.paragraph {
  margin-top: 15px;
}

.text-block-6 {
  color: rgba(40, 41, 23, .4);
  text-align: right;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1em;
  line-height: 1.25em;
}

.html-embed {
  display: block;
}

.botton--text {
  text-align: right;
  margin-bottom: 20px;
  font-size: 1em;
  line-height: 1.25em;
}

.botton--text.light {
  color: var(--beige);
}

.slide_arrows {
  justify-content: flex-end;
  align-items: center;
  margin-right: 60px;
  padding-top: 2.4em;
  display: flex;
}

.slide_arrow {
  color: #1c1d21;
  cursor: pointer;
  background-color: #d2e9ec;
  border-radius: 200vw;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  margin-right: .8em;
  display: flex;
}

.slide_arrow.is--left, .slide_arrow.is--left.is--disabled-arrow, .slide_arrow.is--right {
  background-color: var(--dark-green);
  width: 3em;
  height: 3em;
}

.slide_svg {
  color: var(--beige);
  width: 1em;
  height: 1em;
}

.slide_svg.is--flip {
  transform: rotate(-180deg);
}

.slider-right-arrow {
  color: #444;
}

.slider-text {
  text-align: center;
  font-family: Oswald, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.slider-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.slider {
  background-color: rgba(0, 0, 0, 0);
  width: 48%;
  height: auto;
  position: static;
}

.slide {
  margin-right: 2em;
}

.slide-content-wrapper {
  background-color: #e1e1e1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slider-container {
  min-height: 300px;
  margin-top: 190px;
  margin-right: -60px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 50px;
  overflow: hidden;
}

.slider-left-arrow {
  color: #444;
}

.mask {
  position: static;
  overflow: visible;
}

.slider-main_button-wrapper {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.slider-main_bottom-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 50px;
  display: flex;
}

.swiper-drag.is-slider-main {
  background-color: var(--green);
  border-radius: 100vw;
  width: 7em;
  height: 100%;
}

.swiper-slide.is-slider-main {
  flex: none;
  width: 33.3333%;
}

.swiper-bullet {
  color: var(--dark-green);
  text-align: center;
  background-color: rgba(40, 41, 23, .2);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.25em;
  height: 1.25em;
  min-height: 1.25em;
  transition: all .2s;
  display: flex;
}

.swiper-bullet.is-active {
  background-color: var(--green);
  flex: none;
}

.slider-main_button {
  border: 2px solid var(--green);
  color: var(--green);
  text-align: center;
  -webkit-text-stroke-color: var(--green);
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 7.5em;
  height: 3.25em;
  transition: color .2s, background-color .2s;
  display: flex;
}

.slider-main_button:hover {
  background-color: var(--green);
  color: var(--beige);
}

.swiper-drag-wrapper.is-slider-main {
  background-color: rgba(40, 41, 23, .2);
  border-radius: 100vw;
  flex-direction: column;
  width: 60%;
  max-width: 100%;
  height: .88em;
}

.swiper.is-slider-main {
  z-index: 1;
  position: relative;
  overflow: visible;
}

.swiper-wrapper.is-slider-main {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: visible;
}

.slider-main_component {
  z-index: 10;
  position: relative;
}

.swiper-bullet-wrapper.is-slider-main {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  display: flex;
}

.slider-main_button-icon {
  width: 30%;
  height: 55%;
}

.slider-main_button-icon.is-reversed {
  transform: rotate(-180deg);
}

.slider-main_top-wrapper {
  z-index: 30;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 3.2em;
  display: flex;
  position: static;
}

.div-block-7 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slider-paragraph {
  margin-top: 20px;
  font-size: 1em;
  line-height: 1.5em;
}

.slider-paragraph.en {
  font-family: Open Sans, sans-serif;
}

.div-block-8 {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--beige));
  height: 3em;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.horizontal {
  max-width: 1160px;
  display: flex;
  position: relative;
}

.horizontal.center {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.horizontal.center.right {
  z-index: 140;
  justify-content: flex-end;
}

.div-left {
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.div-right {
  background-color: rgba(239, 231, 218, .6);
  width: 50%;
  padding: 40px 40px 40px 60px;
  position: relative;
}

.image-2 {
  object-fit: contain;
  max-height: 65em;
}

.image-wrapper {
  margin-left: -13em;
}

.heading-2 {
  margin-bottom: 30px;
}

.main-paragraph {
  margin-bottom: 10px;
  font-size: 1.125em;
  line-height: 1.67em;
}

.main-paragraph.light {
  color: var(--beige);
}

.main-paragraph.about {
  margin-bottom: 50px;
  font-size: 1.125em;
}

.main-paragraph.en {
  font-family: Open Sans, sans-serif;
}

.main-heading {
  margin-bottom: 40px;
  font-size: 45px;
  font-weight: 400;
  line-height: 45px;
}

.heading-art {
  font-size: 3.75em;
  font-weight: 400;
  line-height: 1em;
}

.heading-art.right {
  text-align: right;
}

.heading-art.heart {
  margin-top: 0;
  margin-bottom: 60px;
}

.heading-4 {
  text-align: right;
  font-weight: 400;
}

.heading-wrapper {
  max-width: 20em;
  margin-bottom: 50px;
}

.slider-button {
  padding-top: 1em;
}

.div-block-9 {
  z-index: -1;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.image-3 {
  height: 26.875em;
}

.text-wrapper {
  background-color: rgba(239, 231, 218, .6);
  margin-top: 130px;
  padding: 30px 30px 30px 10px;
}

.text-wrapper.jyuu {
  background-color: var(--transparent);
}

.text-wrapper.env {
  margin-top: 0;
  padding-left: 30px;
}

.text-container {
  width: 70%;
  margin-top: 120px;
  display: flex;
}

.text-container.doc {
  width: 70%;
  margin-top: 10%;
}

.text-container.jyuu, .text-container.env {
  margin-top: 0;
}

.text-container.about {
  flex-direction: column;
  margin-top: 120px;
}

.div-block-11 {
  z-index: -10;
  background-color: var(--transparent);
  margin-top: -160px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.div-block-12 {
  flex-direction: column;
}

.syuuji-heading {
  margin-top: 0;
  font-family: Yuji Syuku, sans-serif;
  font-size: 12.5em;
  line-height: 1em;
}

.syuuji-heading.center {
  text-align: center;
  margin-bottom: 10px;
  padding: 31px;
}

.syuuji-heading.center.syoku {
  background-image: none;
}

.syuuji-heading.light {
  color: var(--beige);
}

.syuuji-heading.vertical {
  align-items: flex-end;
  width: 110px;
  margin-left: 50px;
  margin-right: 50px;
  font-size: 6.875em;
  font-weight: 400;
  line-height: 1.18em;
  display: flex;
}

.syuuji-heading.vertical.top {
  align-items: flex-start;
  font-size: 6.875em;
  line-height: 1.18em;
}

.syuuji-heading.small {
  color: rgba(40, 41, 23, .3);
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  font-size: 12.5em;
  line-height: 1em;
}

.syuuji-heading.category {
  overflow-wrap: anywhere;
  font-size: 5em;
  line-height: 1.25em;
}

.syuuji-heading.category.tag {
  margin-bottom: 0;
  line-height: 1em;
}

.image-wrapper2 {
  position: static;
}

.image-wrapper2.bottom {
  margin-top: 150px;
}

.image-4 {
  object-fit: cover;
  width: 18.75em;
  max-width: none;
  height: 27.5em;
  position: static;
  top: -40px;
  right: 140px;
}

.image-4.moved {
  object-position: 90% 50%;
}

.image-5 {
  object-fit: cover;
  max-width: 33em;
}

.div-block-13 {
  background-color: rgba(239, 231, 218, .5);
  width: 100%;
}

.div-block-14 {
  width: 660px;
  height: 390px;
  margin-top: -290px;
  position: absolute;
  left: -60px;
}

.image-6 {
  max-width: none;
  height: 590px;
}

.image-div {
  z-index: -10;
  width: 1030px;
  position: absolute;
  top: -80px;
  bottom: auto;
  left: -20%;
  right: auto;
}

.image-7 {
  width: 100%;
  max-width: none;
  height: 100%;
}

.text-wrapper-doc {
  background-color: var(--transparent);
  margin-top: 130px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
}

.text-wrapper-doc.about {
  margin-top: 40px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.div-block-15 {
  background-image: linear-gradient(to right, var(--transparent) 48%, var(--beige));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.illustration-container {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.div-block-16 {
  z-index: 0;
  width: 40%;
  position: absolute;
  top: -6%;
  bottom: auto;
  left: -20%;
  right: auto;
}

.div-block-16.doc {
  z-index: -2;
  top: auto;
  bottom: -19%;
  left: 0%;
  right: auto;
}

.image-8 {
  transform-style: preserve-3d;
  width: 100%;
}

.text-wrapper-shoku {
  width: 80%;
  padding-left: 60px;
  padding-right: 60px;
}

.spacer {
  height: 30px;
}

.spacer._20 {
  height: 20px;
}

.image-container {
  flex-direction: row;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
}

.scroll-image-wrapper {
  flex: none;
  width: 28%;
  height: 270px;
  margin-right: 5px;
}

.scroll-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.scroll-container {
  display: flex;
}

.illlust-heading-wrapper {
  z-index: -1;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.illlust-heading-wrapper.shoku {
  z-index: 0;
  align-items: stretch;
  position: relative;
}

.illustration-wrapper {
  width: 30%;
}

.illustration-wrapper.right {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.image-9 {
  width: 70%;
}

.image-holder {
  display: flex;
}

.image-wrapper-jyuu {
  width: 25%;
  height: 490px;
  margin-top: 0;
  margin-left: 5px;
  margin-right: 5px;
}

.image-wrapper-jyuu.left {
  margin-left: 0;
  overflow: hidden;
}

.image-wrapper-jyuu.right {
  margin-top: 150px;
  margin-right: 0;
  overflow: hidden;
}

.image-wrapper-jyuu.midleft {
  margin-top: 50px;
  overflow: hidden;
}

.image-wrapper-jyuu.midright {
  margin-top: 100px;
  overflow: hidden;
}

.image-10 {
  background-color: var(--beige);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.div-block-17 {
  display: flex;
  position: relative;
}

.page-loader {
  z-index: 10000;
  background-color: var(--dark-green);
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.photo-section-holder {
  width: 100%;
}

.photos-top {
  justify-content: space-around;
  margin-bottom: -50px;
  display: flex;
}

.photos-top.bottom {
  justify-content: space-between;
  margin-top: -50px;
  margin-bottom: 0;
}

.photo-middle {
  justify-content: center;
  display: flex;
}

.circle-photo-wrapper {
  z-index: -10;
  border-radius: 50%;
  width: 18em;
  height: 18em;
  position: relative;
  overflow: hidden;
}

.circle-photo-wrapper.center {
  width: 25em;
  height: 25em;
}

.circle-photo-wrapper.medium {
  width: 20em;
  height: 20em;
}

.image-11 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.div-block-18 {
  background-image: radial-gradient(circle closest-side at 50% 50%, var(--transparent) 55%, var(--beige));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-19 {
  width: 40%;
}

.person-image-holder {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  width: 20.5em;
  height: 20.5em;
  display: flex;
}

.image-12 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.button-container.center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 680px;
  padding: 60px;
  display: flex;
  position: relative;
}

.img-first-layer {
  z-index: -3;
  width: 250px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.img-first-layer._01 {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.img-first-layer._02 {
  width: 280px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.img-first-layer._03 {
  width: 330px;
  position: absolute;
  top: 5%;
  bottom: auto;
  left: auto;
  right: 30%;
}

.image-13 {
  width: 100%;
  height: 100%;
}

.img-sec-layer {
  z-index: -2;
  width: 250px;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: 10%;
  right: auto;
}

.img-sec-layer._02 {
  top: auto;
  bottom: 10%;
  left: auto;
  right: 30%;
}

.img-sec-layer._03 {
  width: 210px;
  top: -10%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.image-14 {
  width: 100%;
}

.img-third-layer {
  z-index: -1;
  width: 280px;
  position: absolute;
  top: auto;
  bottom: -20%;
  left: -5%;
  right: auto;
}

.img-third-layer._02 {
  width: 260px;
  top: 20%;
  bottom: auto;
  left: auto;
  right: 10%;
}

.image-15 {
  width: 100%;
}

.footer {
  background-color: var(--dark-green);
  padding: 80px 60px;
}

.footer-div {
  flex-direction: column;
  width: 50%;
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.footer-div.left {
  width: 33.3333%;
  margin-right: 40px;
}

.footer-container {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.logo-wrapper {
  justify-content: flex-start;
  margin-bottom: 30px;
  display: flex;
}

.text-block-7 {
  color: rgba(239, 231, 218, .7);
  margin-bottom: 15px;
}

.footer-link {
  color: var(--beige);
  margin-bottom: 10px;
  margin-left: 10px;
}

.div-block-20 {
  display: flex;
}

.link {
  color: rgba(239, 231, 218, .7);
  font-size: 12px;
}

.div-block-21 {
  text-align: center;
  margin-top: 60px;
}

.div-block-22 {
  width: 66.6667%;
  display: flex;
}

.circle-wrapper {
  z-index: -1;
  width: 440px;
  height: 440px;
  display: none;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: auto;
  right: -5%;
}

.circle-wrapper._02 {
  width: 350px;
  height: 350px;
  top: auto;
  bottom: -10%;
  left: auto;
  right: 20%;
}

.circle-wrapper._03 {
  width: 270px;
  height: 270px;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.image-16 {
  width: 100%;
  height: 100%;
}

.full-image {
  z-index: -1000000;
  background-image: linear-gradient(rgba(239, 231, 218, .8), rgba(239, 231, 218, .8)), url('../images/nine-circle-random-8.png');
  background-position: 0 0, 50%;
  background-size: auto, 850px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.overflow-hidden {
  overflow: hidden;
}

.body-2 {
  background-color: var(--dark-green);
}

.div-block-24 {
  z-index: -1;
  background-color: var(--dark-green);
  width: 25%;
  height: 100%;
  margin-left: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-24.sticky {
  z-index: -1;
  justify-content: flex-end;
  padding-top: 80px;
  display: flex;
  position: absolute;
  top: 0%;
}

.mainimag-wrapper {
  width: 100%;
  height: 510px;
  margin-top: 270px;
  position: relative;
  top: -100px;
}

.mainimag-wrapper.en {
  margin-top: 270px;
}

.image-17 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.left-div {
  flex-direction: column;
  justify-content: flex-start;
  width: 50%;
  padding-right: 0;
  display: flex;
  position: static;
}

.left-div.tag {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.right-div {
  width: 50%;
  margin-bottom: auto;
  padding-left: 50px;
}

.title-wrapper {
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 0;
  display: block;
}

.date-text {
  text-align: left;
  margin-bottom: 10px;
  margin-right: 0;
}

.blog-heading {
  text-align: right;
  margin-top: 10px;
  font-size: 60px;
}

.blog-text-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  top: -100px;
}

.image-18 {
  background-image: url('../images/wanomanabi-logo2-dark.svg');
  background-position: 50%;
  background-size: cover;
  display: none;
}

.blog-paragraph {
  margin-left: 300px;
}

.rte {
  text-align: left;
  max-width: 50%;
  margin-left: 30%;
  line-height: 50px;
}

.rte h2 {
  border-bottom-style: solid;
  border-bottom-width: 6px;
  border-bottom-color: var(--green);
  color: var(--dark-green);
  background-position-y: bottom;
  align-items: flex-end;
  margin-top: 80px;
  margin-bottom: 30px;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5em;
  display: flex;
}

.rte p {
  margin-bottom: 20px;
  font-family: Kiwi Maru, sans-serif;
  font-size: 1em;
  line-height: 1.875em;
}

.rte h3 {
  margin-top: 60px;
  margin-bottom: 30px;
  padding-left: 20px;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.25em;
}

.rte ol, .rte ul {
  margin-bottom: 30px;
  line-height: 1.875em;
}

.rte li {
  margin-bottom: 20px;
  font-family: Kiwi Maru, sans-serif;
}

.rte blockquote {
  border-left-color: var(--transparent-green);
  margin-bottom: 20px;
  font-family: Kiwi Maru, sans-serif;
  font-size: 1em;
  line-height: 1.875em;
}

.rte a {
  color: var(--green);
  text-decoration: underline;
}

.rte.en {
  font-family: Kiwi Maru, sans-serif;
}

.vertical-heading {
  color: var(--beige);
  overflow-wrap: normal;
  width: 1em;
  height: 100svh;
  margin-top: -5px;
  margin-right: 50px;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.1em;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  bottom: 0;
}

.html-embed-2 {
  display: none;
}

.category-wrapper {
  border: 1px solid var(--transparent-green);
}

.category-wrapper.en {
  margin-bottom: 10px;
}

.topic-button {
  padding-top: 3em;
  padding-left: 20px;
  position: relative;
}

.category-text {
  text-align: left;
  margin-bottom: 20px;
  margin-left: 20px;
  font-size: 1.5em;
  line-height: 1em;
}

.category-text.light {
  color: var(--beige);
}

.topicimag-wrapper {
  width: 30%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.image-19 {
  width: 100%;
}

.collection-list {
  margin-top: 30px;
}

.body-3 {
  background-color: var(--dark-green);
}

.category-main-img {
  z-index: 19;
  flex-direction: column;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  display: flex;
}

.image-20 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  margin-top: -100px;
}

.hero-text-wrapper {
  align-items: flex-end;
  width: 50%;
  max-width: 580px;
  padding-top: 60px;
  padding-left: 40px;
  padding-right: 0;
}

.hero-text-wrapper.en {
  padding-left: 40px;
  padding-right: 0;
}

.text-wrapper-cat {
  margin-top: 40px;
}

.text-wrapper-cat.en {
  margin-top: 20px;
}

.paragraph-2 {
  margin-top: 30px;
  font-size: 1.25em;
  line-height: 1em;
}

.link-block-4 {
  width: 100%;
}

.collection-list-category {
  grid-column-gap: 60px;
  grid-row-gap: 80px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.jetboost-list-wrapper-o6p3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.pagination {
  justify-content: center;
  margin-top: 80px;
}

.load-more-button {
  background-color: var(--transparent);
  color: var(--dark-green);
  border-style: none;
  justify-content: center;
  align-items: center;
  width: 160px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  transition: all .2s;
  display: flex;
}

.load-more-button:hover {
  background-color: var(--green);
  color: var(--beige);
}

.load-more-button.prev {
  padding-left: 40px;
  padding-right: 50px;
}

.load-more-button.hide {
  display: none;
}

.icon-3 {
  display: block;
}

.icon-4 {
  flex: none;
}

.link-block-5 {
  justify-content: center;
  display: block;
}

.div-block-28 {
  z-index: 1;
  justify-content: center;
  margin-top: 40px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.div-block-28.to-left {
  justify-content: flex-start;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.div-block-28.left {
  z-index: 20;
}

.image-21 {
  width: 200px;
}

.link-block-6, .link-block-7 {
  width: 100%;
}

.about-hero {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

.body-4 {
  background-color: var(--dark-green);
}

.navbar-container {
  justify-content: space-between;
  display: flex;
  position: static;
  bottom: auto;
  left: 60px;
  right: 60px;
}

.about-me {
  z-index: 70;
  flex-direction: row;
  align-items: flex-start;
  margin-top: -210px;
  display: flex;
  position: relative;
  top: auto;
}

.profile-div {
  background-image: linear-gradient(#fff, #fff);
  border-radius: 50%;
  width: 36%;
}

.image-22 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.text-wrapper-category {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
}

.div-block-29 {
  z-index: 0;
  width: 50%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.div-block-30 {
  width: 50%;
  margin-top: 170px;
  margin-left: 50px;
}

.text-wrapper-about {
  width: 70%;
}

.main-section-copy {
  padding: 80px 60px;
  position: relative;
  overflow: hidden;
}

.main-section-copy.cloth {
  background-image: url('../images/koyou-illustration.svg');
  background-position: -70px -100px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 160px;
}

.main-section-copy.background-image {
  background-image: linear-gradient(rgba(239, 231, 218, .7), rgba(239, 231, 218, .7)), url('../images/main-shoku-min.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.main-section-copy.larger-pad {
  padding-bottom: 110px;
}

.main-section-copy.dark {
  background-color: var(--dark-green);
  background-image: url('../images/dancing-illustration.webp');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 100px;
}

.main-section-copy.yellow-background {
  z-index: 0;
  background-color: var(--beige);
  background-image: linear-gradient(to bottom, rgba(251, 226, 108, .2) 70%, var(--beige));
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: 800px;
  display: flex;
  overflow: visible;
}

.main-section-copy.last {
  z-index: 0;
  background-color: var(--beige);
  padding-top: 100px;
  padding-bottom: 100px;
}

.main-section-copy.beige-background {
  background-color: var(--beige);
  padding-top: 60px;
  padding-bottom: 290px;
  overflow: visible;
}

.main-section-copy.beige-background.padding-smaller {
  padding-bottom: 0;
}

.paragraph-wrapper {
  flex-direction: column;
  margin-top: 50px;
  display: flex;
}

.paragraph-3 {
  margin-top: 60px;
  font-size: 20px;
  line-height: 60px;
}

.illustration {
  width: 40%;
  position: absolute;
  top: auto;
  bottom: -7%;
  left: auto;
  right: 0%;
}

.image-23 {
  width: 100%;
  height: 100%;
}

.text-span-2 {
  margin-left: -20px;
}

.div-block-31 {
  z-index: 0;
  background-image: linear-gradient(rgba(239, 231, 218, .9), rgba(239, 231, 218, .9)), url('../images/nine-circle-random-8.png');
  background-position: 0 0, 50%;
  background-size: auto, 850px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: -40%;
  right: 0%;
  overflow: visible;
}

.image-24 {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.text-block-9 {
  color: var(--transparent-green);
  text-align: right;
  margin-top: 0;
  margin-bottom: 10px;
}

.category-wrapper.home {
  border-width: 2px;
  border-color: var(--beige-40);
}

.link-2, .text-block-10 {
  color: var(--beige-40);
  text-align: right;
  margin-bottom: 10px;
}

.heading-6 {
  text-align: center;
  margin-top: 20px;
  font-size: 2em;
  font-weight: 400;
  line-height: 1em;
}

.heading-6.food {
  margin-top: -20px;
}

.heading-6.dark-mode {
  color: var(--beige);
}

.heading-6.emotions {
  margin-top: -40px;
}

.heading-6.env {
  text-align: left;
  margin-bottom: 30px;
}

.heading-6.cloth {
  font-size: 2em;
  line-height: 1em;
}

.div-block-32 {
  z-index: 20;
  justify-content: center;
  margin-top: 40px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.syuuji-heading-2 {
  margin-top: 0;
  font-size: 12.5em;
  line-height: 1em;
}

.syuuji-heading-2.category {
  font-size: 80px;
  line-height: 100px;
}

.syuuji-heading-2.category.en {
  font-family: Kiwi Maru, sans-serif;
  font-size: 3.75em;
  line-height: 1.2em;
}

.syuuji-heading-2.small {
  color: rgba(40, 41, 23, .3);
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  font-family: Yuji Syuku, sans-serif;
}

.hero-section-2 {
  background-image: linear-gradient(rgba(255, 255, 255, 0) 90%, #efe7da), linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/hero-section-image-gradientjpg.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  height: 100svh;
  min-height: 790px;
  padding: 80px 60px;
}

.hero-section-2.category {
  background-color: #efe7da;
  background-image: none;
  min-height: 780px;
  max-height: 890px;
  padding: 0 20px 0 0;
  display: flex;
}

.hero-section-2.blog {
  z-index: 2;
  background-color: #efe7da;
  background-image: none;
  max-height: 790px;
  padding: 0 40px 80px;
  position: relative;
}

.hero-section-2.tag {
  background-color: #efe7da;
  background-image: none;
  height: auto;
  min-height: auto;
  padding-top: 60px;
  padding-bottom: 50px;
}

.image-25 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  margin-top: -100px;
}

.image-26 {
  width: 200px;
}

.navbar-2 {
  background-color: rgba(255, 255, 255, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.paragraph-4 {
  margin-top: 30px;
  font-family: Kiwi Maru, sans-serif;
  font-size: 1.25em;
}

.language-link-2 {
  color: #efe7da;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: color .2s;
}

.language-link-2:hover {
  color: rgba(239, 231, 218, .8);
}

.language-link-2.light-mode {
  color: #efe7da;
  background-color: #282917;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  transition: border-color .2s, background-color .2s, color .2s;
}

.language-link-2.light-mode:hover {
  color: #282917;
  background-color: rgba(255, 255, 255, 0);
  border-color: #282917;
}

.language-link-2.light-mode.cate:hover {
  background-color: #efe7da;
}

.link-block-8 {
  justify-content: center;
  display: block;
}

.main-section-2 {
  padding: 80px 60px;
  position: relative;
  overflow: hidden;
}

.main-section-2.beige-background {
  z-index: 1;
  background-color: #efe7da;
  padding-bottom: 80px;
  position: static;
  overflow: visible;
}

.main-section-2.beige-background.relative {
  position: relative;
}

.main-section-2.beige-background.category {
  padding-top: 30px;
  padding-bottom: 30px;
}

.main-section-2.beige-background.blog {
  padding-top: 0;
  padding-bottom: 40px;
  position: relative;
}

.collection-list-wrapper-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.div-block-33 {
  margin-top: 20px;
}

.div-block-34 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  top: -60px;
}

.image-27 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.div-block-35 {
  z-index: 1;
  justify-content: center;
  margin-top: 40px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.heading-7 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 45px;
  font-weight: 400;
  line-height: 45px;
}

.heading-7.bigger {
  clear: left;
  text-align: left;
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2em;
}

.div-block-36 {
  z-index: -1;
  background-color: #282917;
  width: 25%;
  height: 100%;
  margin-left: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-28 {
  background-image: url('../images/wanomanabi-logo2-beige.svg');
  background-position: 0 0;
  background-size: cover;
  width: 200px;
}

.navbar-3 {
  background-color: rgba(255, 255, 255, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.language-link-3 {
  color: #efe7da;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: color .2s;
}

.language-link-3:hover {
  color: rgba(239, 231, 218, .8);
}

.language-link-3.light-mode {
  color: #efe7da;
  background-color: #282917;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  transition: border-color .2s, background-color .2s, color .2s;
}

.language-link-3.light-mode:hover {
  color: #282917;
  background-color: rgba(255, 255, 255, 0);
  border-color: #282917;
}

.language-link-3.light-mode.cate {
  z-index: 4;
}

.language-link-3.light-mode.cate:hover {
  background-color: #efe7da;
}

.link-block-9 {
  justify-content: center;
  display: block;
}

.div-block-37 {
  z-index: 0;
  background-color: #282917;
  width: 25%;
  height: 100%;
  margin-left: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-37.sticky {
  justify-content: flex-end;
  height: 100%;
  padding-top: 80px;
  display: flex;
  position: absolute;
  top: 0%;
}

.heading-8 {
  color: #efe7da;
  width: 45px;
  height: 100vh;
  margin-top: -5px;
  margin-right: 50px;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  bottom: 0;
}

.heading-8.en {
  transform-origin: 0 0;
  width: 100vh;
  min-width: 310px;
  height: 200px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 20px;
  bottom: 70px;
  right: 0;
  transform: translate(100%)rotate(90deg);
}

.breadcrumb-section {
  background-color: var(--beige);
  padding: 10px 60px;
  position: relative;
}

.crumb-wrapper {
  z-index: 20;
  border-bottom: 1px solid var(--transparent-green);
  position: relative;
}

.crumb-wrapper.no-border {
  border-bottom-style: none;
}

.crumb-wrapper.relative {
  z-index: 10;
  position: relative;
}

.breadcrumb-div {
  display: flex;
}

.breadcrumb-link {
  color: var(--dark-green);
  margin-left: 10px;
  margin-right: 20px;
  padding-right: 0;
  transition: color .2s;
}

.breadcrumb-link:hover {
  clear: right;
  color: var(--transparent-green);
}

.breadcrumb-list {
  color: var(--dark-green);
  flex-direction: row;
  margin-right: 30px;
  padding-left: 0;
  display: flex;
}

.div-block-39 {
  border-bottom: 1px solid var(--transparent-green);
}

.utility-page-wrap {
  background-color: var(--beige);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.name {
  text-align: left;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 2em;
  font-weight: 400;
  line-height: 1em;
}

.tag-wrapper {
  width: 100%;
  margin-top: 10px;
}

.tag-div {
  background-color: var(--green);
  color: var(--beige);
  border-radius: 30px;
  margin-bottom: 5px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 300;
  transition: background-color .2s;
  display: inline-block;
}

.tag-div:hover {
  background-color: var(--transparent-green);
  color: var(--beige);
}

.collection-item-2 {
  margin-right: 10px;
  display: inline-block;
}

.empty-state {
  display: none;
}

.body-5 {
  background-color: var(--dark-green);
}

.collection-item-3 {
  margin-right: 10px;
  display: inline-block;
}

.empty-state-2 {
  display: none;
}

.nav-link-2 {
  color: #efe7da;
  text-align: right;
  justify-content: flex-end;
  margin-left: 0;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 16px;
  text-decoration: none;
  display: block;
}

.nav-link-2.linkonly {
  display: flex;
}

.nav-link-2.linkonly.blog {
  background-color: rgba(255, 255, 255, 0);
  border-style: none;
}

.nav-link-2.blog {
  padding-top: 10px;
  padding-bottom: 5px;
}

.syuuji-heading-3 {
  margin-top: 0;
  font-size: 200px;
  line-height: 200px;
}

.syuuji-heading-3.category {
  font-size: 80px;
  line-height: 100px;
}

.syuuji-heading-3.category.tag {
  margin-bottom: 0;
}

.dropdown-list-3 {
  background-color: #ddd;
}

.dropdown-list-3.w--open {
  background-color: #efe7da;
}

.dropdown-list-3.light-mode.w--open {
  background-color: #282917;
}

.left-div-2 {
  flex-direction: column;
  justify-content: flex-start;
  width: 50%;
  padding-right: 0;
  display: flex;
  position: static;
}

.left-div-2.tag {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-40 {
  display: none;
}

.div-block-41 {
  z-index: 1;
  justify-content: center;
  margin-top: 40px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-menu-2 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.nav-menu-2.blog {
  width: 280px;
}

.text-block-12 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 5px;
  margin-right: 40px;
}

.text-block-12.light-mode {
  color: rgba(40, 41, 23, .5);
  margin-right: 40px;
}

.navbar-4 {
  background-color: rgba(255, 255, 255, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.text-block-13 {
  color: rgba(40, 41, 23, .4);
  text-align: right;
  margin-top: 0;
  margin-bottom: 10px;
}

.text-block-14 {
  color: #efe7da;
  margin-bottom: 5px;
}

.text-block-14.light-mode {
  color: rgba(40, 41, 23, .6);
}

.language-link-4 {
  color: #efe7da;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: color .2s;
}

.language-link-4:hover {
  color: rgba(239, 231, 218, .8);
}

.language-link-4.light-mode {
  color: #efe7da;
  background-color: #282917;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  transition: border-color .2s, background-color .2s, color .2s;
}

.language-link-4.light-mode:hover {
  color: #282917;
  background-color: rgba(255, 255, 255, 0);
  border-color: #282917;
}

.language-link-4.light-mode.cate {
  z-index: 4;
}

.language-link-4.light-mode.cate:hover {
  background-color: #efe7da;
}

.second-line-2 {
  background-color: #282917;
  height: 1px;
  position: static;
  top: -1px;
}

.second-line-2.nav {
  background-color: #efe7da;
}

.second-line-2.nav.light-mode {
  background-color: #282917;
}

.category-wrapper-4 {
  border: 1px solid rgba(40, 41, 23, .4);
}

.category-wrapper-4.en {
  margin-bottom: 10px;
}

.main-quote {
  border-left-color: var(--green);
  color: var(--dark-green);
  font-size: 1.125em;
  line-height: 1.67em;
}

.paragraph-link {
  color: var(--green);
  text-decoration: underline;
}

.blog-heading2 {
  font-size: 24px;
  font-weight: 400;
}

.heading-9 {
  border-bottom: 1px solid #052766;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5em;
}

.text-span-3 {
  font-size: 24px;
}

.text-span-4 {
  font-size: .75em;
  font-weight: 300;
}

.block-quote {
  margin-bottom: 30px;
  font-size: 1em;
  line-height: 2em;
}

.heading-10 {
  font-size: 2.8125em;
  line-height: 1em;
}

.text-block-15 {
  font-size: 1em;
}

.link-block-10 {
  background-color: var(--dark-green);
  color: var(--beige);
  border-radius: 5px;
  margin-top: 20px;
  padding: 10px 20px;
}

.en-vertical-heading {
  color: #efe7da;
  width: 45px;
  height: 100vh;
  margin-top: -5px;
  margin-right: 50px;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  bottom: 0;
}

.en-vertical-heading.en {
  transform-origin: 0 0;
  width: 100vh;
  min-width: 310px;
  height: 200px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 20px;
  font-family: Kiwi Maru, sans-serif;
  top: 20px;
  bottom: 70px;
  right: 0;
  transform: translate(100%)rotate(90deg);
}

.text-span-5, .text-span-6, .text-span-7 {
  font-family: Kiwi Maru, sans-serif;
}

.en {
  font-family: Open Sans, sans-serif;
}

.rte-en {
  text-align: left;
  max-width: 50%;
  margin-left: 30%;
  line-height: 50px;
}

.rte-en h2 {
  border-bottom-style: solid;
  border-bottom-width: 6px;
  border-bottom-color: var(--green);
  color: var(--dark-green);
  background-position-y: bottom;
  align-items: flex-end;
  margin-top: 80px;
  margin-bottom: 30px;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5em;
  display: flex;
}

.rte-en p {
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 1em;
  line-height: 1.875em;
}

.rte-en h3 {
  margin-top: 60px;
  margin-bottom: 30px;
  padding-left: 20px;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.25em;
}

.rte-en ol, .rte-en ul {
  margin-bottom: 30px;
  line-height: 1.875em;
}

.rte-en li {
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
}

.rte-en blockquote {
  border-left-color: var(--transparent-green);
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 1em;
  line-height: 1.875em;
}

.rte-en a {
  color: var(--green);
  text-decoration: underline;
}

.rte-en.en {
  font-family: Kiwi Maru, sans-serif;
}

.section {
  background-color: var(--beige);
  background-image: url('../images/jose-hernandez-uribe-zsjp0dy2_eg-unsplash-1-1.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 100svh;
  min-height: 730px;
  padding: 60px;
  display: block;
  position: relative;
}

.div-block-43 {
  background-color: var(--dark-green);
  padding: 40px;
}

.field-label {
  color: var(--beige);
  font-weight: 400;
}

.text-field {
  margin-bottom: 10px;
}

.submit-button {
  background-color: var(--green);
  width: 100%;
  margin-top: 40px;
}

.blur-background {
  z-index: 0;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: rgba(239, 231, 218, .5);
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.half-div {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.half-div.right {
  align-items: flex-end;
  display: flex;
}

.subscription-container {
  z-index: 1;
  flex-flow: row;
  align-items: stretch;
  max-width: 1160px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.subscription-container.relative {
  z-index: 10;
  position: relative;
}

.subscription-container.hero {
  flex-direction: row;
  padding-top: 60px;
  padding-bottom: 0;
  display: flex;
}

.subscription-container.tag {
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.subscription-container.shoku {
  justify-content: center;
  align-items: center;
  display: flex;
}

.event-text {
  color: var(--white);
  letter-spacing: 1px;
  margin-bottom: 30px;
}

.event-text.form {
  margin-bottom: 20px;
}

.sub-text-wrapper {
  margin-top: 60px;
}

.form-wrapper {
  margin-top: 0;
}

.text-field {
  transition: all .2s;
}

.text-field:hover {
  background-color: rgba(255, 255, 255, .6);
}

.text-field:active {
  color: var(--dark-green);
}

.text-field:focus {
  background-color: rgba(255, 255, 255, .6);
}

.submit-button-2 {
  background-color: var(--dark-green);
  margin-top: 20px;
  padding: 10px 30px;
  font-size: 1em;
  transition: background-color .2s;
}

.submit-button-2:hover {
  background-color: var(--transparent-green);
}

.form-2 {
  margin-top: 40px;
  display: block;
}

.link-block-11 {
  color: var(--white);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  transition: color .2s;
}

.link-block-11:hover {
  color: var(--beige-40);
}

.link-block-11.w--current {
  transition: color .2s;
}

.link-block-11.w--current:hover {
  color: var(--beige-40);
}

.success-message {
  background-color: var(--transparent);
  color: var(--white);
  text-align: left;
  padding-left: 0;
}

.form-block {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  height: 170px;
  display: block;
}

.button-no-line {
  justify-content: flex-end;
  margin-top: 30px;
  display: flex;
}

.link-block-12 {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  transition: color .2s;
}

.link-block-12:hover {
  color: var(--transparent-green);
}

.text-block-17 {
  flex: 0 auto;
}

.pagination-container {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.fs-btn-nav {
  background-color: var(--transparent);
  color: var(--dark-green);
  border-style: none;
  justify-content: center;
  align-items: center;
  width: 160px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  transition: all .2s;
  display: flex;
}

.fs-btn-nav:hover {
  background-color: var(--green);
  color: var(--beige);
}

.fs-btn-nav.prev {
  padding-left: 40px;
  padding-right: 50px;
}

.fs-btn-nav.hide {
  display: none;
}

.previous {
  background-color: var(--transparent);
  color: var(--dark-green);
  border-style: none;
  justify-content: center;
  align-items: center;
  width: 160px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  transition: all .2s;
  display: flex;
}

.previous:hover {
  background-color: var(--green);
  color: var(--beige);
}

.previous.prev {
  padding-left: 40px;
  padding-right: 50px;
}

.previous.hide {
  display: none;
}

.button {
  background-color: var(--transparent);
  color: var(--dark-green);
  transition: all .2s;
}

.button:hover {
  background-color: var(--green);
  color: var(--beige);
}

.load-more-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .hero-section {
    background-image: linear-gradient(to bottom, var(--transparent) 77%, var(--beige)), linear-gradient(to bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/hero-section-image-gradientjpg.jpg');
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
    min-height: 530px;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }

  .hero-section.blog {
    object-fit: cover;
    height: auto;
    min-height: 800px;
    max-height: none;
    padding-bottom: 20px;
  }

  .hero-section.category {
    min-height: 700px;
    padding-right: 0;
  }

  .hero-div.left {
    justify-content: flex-start;
  }

  .language.light-mode.relative {
    padding-left: 40px;
  }

  .navbar {
    margin-top: -60px;
    margin-right: -60px;
    position: relative;
  }

  .navbar.blog {
    margin-right: -40px;
  }

  .nav-menu-wrapper {
    margin-top: 60px;
    margin-right: 40px;
  }

  .nav-menu {
    z-index: 0;
    background-color: var(--dark-green);
    color: var(--transparent);
    flex-direction: row;
    width: 100svw;
    height: 100svh;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .nav-menu.blog {
    background-color: var(--transparent);
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .nav-menu.home {
    padding-left: 60px;
    padding-right: 60px;
  }

  .nav-link {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .nav-link.linkonly {
    text-align: left;
    justify-content: flex-start;
  }

  .nav-link.linkonly.footerlink {
    text-align: left;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .nav-link.linkonly.blog {
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 30px;
  }

  .text-block {
    text-align: left;
    font-size: 24px;
  }

  .div-block-3 {
    margin-right: -60px;
    bottom: 20px;
  }

  .link-block-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .line-hold-div.linkonly {
    margin-left: 20px;
    margin-right: 0;
  }

  .line-hold-div.linkonly.dark-mode {
    margin-left: 0;
  }

  .text-block-3.light-mode {
    text-align: right;
  }

  .text-block-4 {
    margin-left: 20px;
    margin-right: 0;
  }

  .text-block-4.dark-mode {
    margin-left: 0;
  }

  .text-block-4.light-mode {
    margin-right: 8px;
  }

  .dropdown-navlink {
    text-align: left;
  }

  .hamburger {
    margin-top: -20px;
  }

  .hamburger.w--open {
    position: static;
  }

  .icon-2 {
    color: var(--dark-green);
    font-size: 30px;
  }

  .icon-2.light {
    color: var(--beige);
  }

  .div-block-5 {
    margin-top: 70%;
  }

  .dropdown {
    width: 100%;
  }

  .hamburger-close {
    padding: 20px;
    position: static;
  }

  .div-block-6 {
    justify-content: flex-end;
    margin-bottom: 30px;
    padding-right: 0;
    display: flex;
  }

  .div-block-6.blog {
    display: none;
  }

  .main-section {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 64%, rgba(239, 231, 218, .6) 67%);
  }

  .main-section.smaller-pad {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .main-section.cloth {
    padding-top: 160px;
  }

  .main-section.larger-pad.light-background {
    background-image: none;
  }

  .main-section.dark {
    background-image: linear-gradient(rgba(40, 41, 23, .4), rgba(40, 41, 23, .4)), url('../images/dancing-illustration.webp');
    background-position: 0 0, 100% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 400px;
  }

  .main-section.yellow-background {
    background-image: linear-gradient(to bottom, rgba(251, 226, 108, .2) 73%, var(--beige));
    min-height: 530px;
    overflow: hidden;
  }

  .main-section.last {
    background-image: none;
  }

  .heading.bigger {
    text-align: left;
    margin-top: 5px;
  }

  .heading.about {
    margin-top: 0;
  }

  .slide_item {
    width: 60%;
  }

  .slide_card.category {
    height: auto;
  }

  .slider-heading {
    min-height: 3em;
  }

  .slider-main_bottom-wrapper {
    margin-top: 40px;
  }

  .swiper-slide.is-slider-main {
    width: 50%;
  }

  .swiper-bullet.is-active {
    height: 1.25em;
  }

  .horizontal {
    flex-direction: column;
    align-items: flex-end;
  }

  .horizontal.center {
    align-items: flex-start;
  }

  .horizontal.center.right {
    z-index: 0;
    align-items: flex-end;
  }

  .div-left {
    justify-content: flex-start;
    width: 100%;
  }

  .div-right {
    width: 80%;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .image-wrapper {
    width: 80%;
    margin-left: -4em;
  }

  .heading-art {
    margin-bottom: 0;
  }

  .heading-art.heart {
    font-size: 45px;
  }

  .div-block-9 {
    justify-content: flex-end;
    display: flex;
  }

  .image-3 {
    height: 28.75em;
  }

  .text-wrapper {
    margin-left: -30px;
    padding-left: 30px;
  }

  .text-wrapper.env {
    margin-left: 0;
  }

  .text-container {
    width: 100%;
    margin-top: 140px;
  }

  .text-container.doc {
    width: 90%;
    margin-top: 180px;
  }

  .text-container.about {
    width: 80%;
    margin-top: 20px;
  }

  .div-block-11 {
    margin-top: -160px;
  }

  .syuuji-heading {
    position: relative;
  }

  .syuuji-heading.vertical, .syuuji-heading.vertical.top {
    margin-left: 20px;
    margin-right: 20px;
  }

  .syuuji-heading.small {
    margin-bottom: 0;
    margin-left: 0;
  }

  .syuuji-heading.category {
    font-size: 3.75em;
    line-height: 1em;
  }

  .image-4 {
    width: 18em;
    height: 26em;
  }

  .image-div {
    width: 110%;
  }

  .text-wrapper-doc {
    margin-left: -30px;
    padding-left: 30px;
  }

  .text-wrapper-doc.about {
    margin-top: 20px;
    margin-left: 0;
    padding-left: 0;
  }

  .div-block-15 {
    background-image: linear-gradient(to bottom, var(--transparent) 35%, var(--beige));
  }

  .illustration-container {
    z-index: -1;
    width: 30%;
  }

  .div-block-16 {
    width: 60%;
    top: -5%;
    bottom: auto;
    left: auto;
    right: -10%;
  }

  .div-block-16.doc {
    z-index: -3;
    width: 50%;
    bottom: -10%;
  }

  .image-8 {
    width: 100%;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .text-wrapper-shoku {
    width: auto;
  }

  .scroll-image-wrapper {
    height: 230px;
  }

  .illustration-wrapper {
    width: 40%;
    margin-left: -30px;
  }

  .illustration-wrapper.right {
    margin-right: -30px;
  }

  .image-wrapper-jyuu {
    height: 360px;
  }

  .circle-photo-wrapper {
    width: 15em;
    height: 15em;
  }

  .circle-photo-wrapper.center {
    flex: none;
    width: 22em;
    height: 22em;
  }

  .circle-photo-wrapper.medium {
    width: 17em;
    height: 17em;
  }

  .div-block-19 {
    justify-content: flex-end;
    width: 100%;
  }

  .person-image-holder {
    width: 18.5em;
    height: 18.5em;
  }

  .img-first-layer {
    width: 200px;
  }

  .img-first-layer._02 {
    width: 233.333px;
  }

  .img-first-layer._03 {
    width: 275px;
  }

  .img-sec-layer {
    width: 208.333px;
  }

  .img-sec-layer._03 {
    width: 175px;
  }

  .img-third-layer {
    width: 233.333px;
  }

  .img-third-layer._02 {
    width: 216.667px;
  }

  .footer-div {
    width: 50%;
  }

  .footer-div.left {
    width: 40%;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .div-block-20 {
    flex-direction: column;
  }

  .div-block-22 {
    width: 100%;
    display: flex;
  }

  .circle-wrapper {
    width: 350px;
    height: 350px;
  }

  .circle-wrapper._02 {
    width: 300px;
    height: 300px;
  }

  .div-block-24 {
    width: 30%;
  }

  .mainimag-wrapper {
    height: 460px;
    position: static;
  }

  .mainimag-wrapper.en {
    margin-top: 127px;
  }

  .image-17 {
    object-position: 50% 50%;
  }

  .left-div {
    justify-content: flex-start;
  }

  .right-div {
    flex-direction: column;
    justify-content: space-between;
    width: 60%;
    padding-left: 40px;
    display: flex;
  }

  .right-div.en {
    padding-left: 0;
  }

  .title-wrapper {
    margin-top: -50px;
  }

  .date-text {
    margin-bottom: 0;
  }

  .blog-text-wrapper {
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .rte {
    max-width: none;
    margin-left: 34%;
    font-size: 16px;
    line-height: 60px;
  }

  .rte p {
    line-height: 1.875em;
  }

  .div-block-26 {
    margin-top: 20px;
  }

  .topicimag-wrapper {
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .hero-text-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .hero-text-wrapper.en {
    padding-right: 40px;
  }

  .collection-list-category {
    grid-column-gap: 40px;
  }

  .div-block-28 {
    margin-top: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-block-28.to-left {
    justify-content: center;
  }

  .text-wrapper-category {
    margin-left: 0;
  }

  .div-block-30 {
    width: 60%;
    margin-left: 30px;
  }

  .main-section-copy {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 64%, rgba(239, 231, 218, .6) 67%);
  }

  .main-section-copy.smaller-pad {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .main-section-copy.cloth {
    padding-top: 160px;
  }

  .main-section-copy.larger-pad.light-background {
    background-image: none;
  }

  .main-section-copy.dark {
    background-image: linear-gradient(rgba(40, 41, 23, .4), rgba(40, 41, 23, .4)), url('../images/dancing-illustration.webp');
    background-position: 0 0, 100% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 400px;
  }

  .main-section-copy.yellow-background {
    background-image: linear-gradient(to bottom, rgba(251, 226, 108, .2) 73%, var(--beige));
    min-height: 530px;
    overflow: hidden;
  }

  .main-section-copy.last {
    background-image: none;
  }

  .illustration {
    bottom: -6%;
  }

  .div-block-31 {
    background-image: linear-gradient(rgba(239, 231, 218, .9), rgba(239, 231, 218, .9)), url('../images/nine-circle-random-8.png');
    background-size: auto, 680px;
    width: 160%;
    margin-left: -90px;
  }

  .text-block-10 {
    text-align: left;
  }

  .div-block-32 {
    margin-top: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .syuuji-heading-2 {
    position: relative;
  }

  .syuuji-heading-2.category {
    font-size: 60px;
    line-height: 60px;
  }

  .syuuji-heading-2.category.en {
    font-size: 45px;
    line-height: 50px;
  }

  .syuuji-heading-2.small {
    margin-bottom: 0;
    margin-left: 0;
  }

  .hero-section-2 {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 77%, #efe7da), linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/hero-section-image-gradientjpg.jpg');
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
    min-height: 530px;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }

  .hero-section-2.category {
    min-height: 800px;
    padding-right: 0;
  }

  .hero-section-2.blog {
    object-fit: cover;
    min-height: 600px;
    max-height: 810px;
  }

  .navbar-2 {
    margin-top: -60px;
    margin-right: -60px;
    position: relative;
  }

  .navbar-2.blog {
    margin-right: -40px;
  }

  .main-section-2 {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 64%, rgba(239, 231, 218, .6) 67%);
  }

  .main-section-2.beige-background.relative {
    padding-top: 100px;
  }

  .div-block-33 {
    margin-top: 20px;
  }

  .div-block-34 {
    margin-top: -48px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .image-27 {
    object-position: 50% 50%;
  }

  .div-block-35 {
    margin-top: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .heading-7.bigger {
    text-align: left;
    margin-top: 5px;
  }

  .div-block-36 {
    width: 30%;
  }

  .image-28 {
    max-width: 90%;
  }

  .navbar-3 {
    margin-top: -60px;
    margin-right: -60px;
    position: relative;
  }

  .navbar-3.blog {
    margin-right: -40px;
  }

  .link-block-9 {
    display: flex;
  }

  .div-block-37 {
    width: 30%;
  }

  .div-block-37.sticky {
    padding-top: 100px;
  }

  .breadcrumb-link {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
  }

  .breadcrumb-list {
    margin-right: 20px;
  }

  .name {
    font-weight: 400;
  }

  .tag-div {
    border-radius: 20px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .nav-link-2 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .nav-link-2.linkonly {
    text-align: left;
    justify-content: flex-start;
  }

  .nav-link-2.linkonly.blog {
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 30px;
  }

  .syuuji-heading-3 {
    position: relative;
  }

  .syuuji-heading-3.category {
    font-size: 60px;
    line-height: 60px;
  }

  .left-div-2 {
    justify-content: flex-start;
  }

  .div-block-40 {
    justify-content: flex-end;
    margin-bottom: 30px;
    padding-right: 0;
    display: flex;
  }

  .div-block-40.blog {
    display: none;
  }

  .div-block-41 {
    margin-top: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .nav-menu-2 {
    z-index: 0;
    color: rgba(255, 255, 255, 0);
    background-color: #282917;
    flex-direction: row;
    width: 100svw;
    height: 100svh;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .nav-menu-2.blog {
    background-color: rgba(255, 255, 255, 0);
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .text-block-12 {
    margin-left: 20px;
    margin-right: 0;
  }

  .text-block-12.light-mode {
    margin-right: 8px;
  }

  .icon-5 {
    color: #282917;
    font-size: 30px;
  }

  .navbar-4 {
    margin-top: -60px;
    margin-right: -60px;
    position: relative;
  }

  .navbar-4.blog {
    margin-right: -40px;
  }

  .text-block-14.light-mode {
    text-align: right;
  }

  .rte-en {
    max-width: none;
    margin-left: 34%;
    font-size: 16px;
    line-height: 60px;
  }

  .rte-en p {
    line-height: 1.875em;
  }
}

@media screen and (max-width: 767px) {
  .hero-section {
    min-height: 770px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .hero-section.blog {
    min-height: 590px;
    max-height: none;
    padding: 60px 40px 20px;
    position: relative;
    overflow: visible;
  }

  .hero-section.category {
    min-height: 720px;
    padding-right: 0;
  }

  .hero-section.tag {
    padding-bottom: 30px;
  }

  .language.light-mode {
    padding-top: 140px;
  }

  .language.light-mode.relative {
    padding-left: 40px;
  }

  .language.light-mode.about {
    margin-bottom: 140px;
    padding-top: 0;
  }

  .language.light-mode.blog {
    padding-top: 0;
    position: static;
  }

  .navbar, .navbar.blog.en {
    margin-right: -40px;
  }

  .nav-menu-wrapper {
    margin-right: 20px;
  }

  .nav-menu {
    padding-top: 40px;
  }

  .nav-menu.blog.en {
    background-color: var(--dark-green);
    width: 100svw;
    height: 100svh;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    position: absolute;
  }

  .nav-link.linkonly.blog {
    width: auto;
  }

  .image {
    width: 100%;
  }

  .brand {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

  .language-text {
    font-size: 14px;
  }

  .hero-paragraph {
    min-width: 280px;
    font-size: 1em;
  }

  .text-block {
    font-size: 20px;
  }

  .div-block-3 {
    min-width: 220px;
    margin-right: 0;
    position: static;
  }

  .link-block-2.larger {
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-block-3.light-mode.en {
    color: var(--beige);
  }

  .text-block-4.light-mode {
    text-align: right;
  }

  .text-block-4.light-mode.en, .icon.light-mode, .icon.light-mode.en {
    color: var(--beige);
  }

  .icon.light-mode {
    color: #efe7da;
  }

  .dropdown-list.light-mode.w--open, .dropdown-list.light-mode.en.w--open {
    background-color: var(--beige);
  }

  .dropdown-navlink.light-mode {
    border-width: .5px;
    border-color: var(--dark-green);
    color: var(--dark-green);
  }

  .dropdown-navlink.light-mode:hover {
    color: var(--transparent-green);
  }

  .dropdown-navlink.light-mode.wn {
    color: var(--dark-green);
  }

  .dropdown-navlink.light-mode.en {
    color: var(--dark-green);
    text-align: right;
  }

  .div-block-5 {
    margin-top: 90%;
  }

  .div-block-6.blog.en {
    text-align: right;
    margin-bottom: 20px;
    display: block;
  }

  .container.hero {
    padding-top: 0;
    position: static;
  }

  .main-section {
    background-image: linear-gradient(to bottom, var(--transparent) 70%, rgba(239, 231, 218, .7) 72%);
    padding: 60px 40px;
  }

  .main-section.cloth {
    background-size: 510px;
    padding-top: 180px;
    padding-right: 40px;
  }

  .main-section.larger-pad.light-background {
    background-image: linear-gradient(rgba(239, 231, 218, .6) 42%, rgba(255, 255, 255, 0) 46%);
    position: static;
  }

  .main-section.dark {
    background-image: linear-gradient(rgba(40, 41, 23, .4), rgba(40, 41, 23, .4)), url('../images/dancing-illustration.webp');
    background-position: 0 0, 100% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 400px;
    padding-top: 80px;
  }

  .main-section.yellow-background {
    background-size: 220px, 220px;
  }

  .heading {
    font-size: 2em;
  }

  .heading.bigger {
    text-align: left;
    margin-top: 10px;
  }

  .heading.about {
    font-size: 45px;
  }

  .slide_item {
    width: 80%;
  }

  .slide_card {
    height: auto;
  }

  .slide_card.category {
    justify-content: flex-start;
    min-width: 50%;
    height: 100%;
  }

  .image_main {
    height: 160px;
  }

  .content_wrapper {
    height: auto;
  }

  .text-block-5.category {
    font-size: 10px;
  }

  .slider-heading.category {
    height: auto;
    min-height: auto;
  }

  .swiper-slide.is-slider-main {
    width: 100%;
  }

  .slider-main_button {
    width: 3em;
    height: 3em;
  }

  .slider-main_top-wrapper {
    flex-direction: row;
    padding-bottom: 2em;
  }

  .div-right {
    width: 80%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .image-wrapper {
    width: 90%;
    margin-left: -40px;
  }

  .main-paragraph {
    margin-bottom: 30px;
    font-size: 1em;
    line-height: 1.875em;
  }

  .main-paragraph.about {
    line-height: 1.67em;
  }

  .main-heading {
    font-size: 32px;
  }

  .heading-art {
    margin-bottom: 0;
    font-size: 2.8125em;
  }

  .heading-art.right {
    margin-top: 10px;
  }

  .heading-wrapper {
    max-width: 16em;
    margin-bottom: 30px;
  }

  .text-wrapper {
    background-color: rgba(239, 231, 218, .7);
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-wrapper.env {
    padding-left: 0;
  }

  .text-container {
    background-color: var(--transparent);
    flex-direction: column;
    width: 100%;
    margin-top: 100px;
  }

  .text-container.doc {
    width: 100%;
    margin-top: 120px;
  }

  .div-block-11 {
    margin-top: -180px;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .syuuji-heading {
    text-align: right;
    margin-bottom: 0;
    font-size: 200px;
  }

  .syuuji-heading.to-left, .syuuji-heading.light {
    text-align: left;
  }

  .syuuji-heading.vertical {
    width: 60px;
    margin-left: 0;
    margin-right: 10px;
    font-size: 3.75em;
    line-height: 1.5em;
  }

  .syuuji-heading.vertical.top {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 3.75em;
    line-height: 1.5em;
  }

  .syuuji-heading.small {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--beige), var(--transparent) 77%);
    text-align: right;
    margin-bottom: 20px;
    font-size: 8.75em;
    position: static;
  }

  .syuuji-heading.category {
    text-align: left;
    background-color: rgba(239, 231, 218, .7);
    width: 45px;
    max-height: none;
    font-size: 2.8125em;
    line-height: 1em;
  }

  .syuuji-heading.category.tag {
    width: auto;
    margin-top: 110px;
  }

  .image-4 {
    width: 13.75em;
    height: 20em;
  }

  .div-block-14 {
    margin-top: -280px;
  }

  .image-6 {
    width: 440px;
  }

  .image-div {
    top: -60px;
  }

  .text-wrapper-doc {
    background-color: var(--transparent);
    background-image: linear-gradient(rgba(239, 231, 218, .4), rgba(239, 231, 218, .4));
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-16 {
    width: 70%;
    top: -5%;
    bottom: auto;
    left: auto;
    right: -10%;
  }

  .div-block-16.doc {
    top: 700px;
  }

  .text-wrapper-shoku {
    padding-left: 0;
    padding-right: 0;
  }

  .spacer.smaller {
    height: 10px;
  }

  .scroll-image-wrapper {
    height: 180px;
  }

  .image-wrapper-jyuu {
    height: 280px;
  }

  .photos-top {
    justify-content: space-around;
    margin-bottom: -10px;
  }

  .photos-top.bottom {
    margin-top: -10px;
  }

  .circle-photo-wrapper {
    width: 12em;
    height: 12em;
  }

  .circle-photo-wrapper.center {
    width: 19em;
    height: 19em;
  }

  .circle-photo-wrapper.medium {
    width: 14em;
    height: 14em;
  }

  .person-image-holder {
    width: 17em;
    height: 17em;
  }

  .img-first-layer {
    width: 166.667px;
  }

  .img-first-layer._02 {
    width: 194.167px;
  }

  .img-first-layer._03 {
    width: 229.167px;
    top: 10%;
  }

  .img-sec-layer {
    width: 173.333px;
    bottom: 20%;
  }

  .img-third-layer._02 {
    right: 0%;
  }

  .footer {
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-div {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-div.left {
    width: 60%;
  }

  .logo-wrapper {
    width: 250px;
  }

  .full-image {
    background-image: linear-gradient(rgba(239, 231, 218, .7), rgba(239, 231, 218, .7)), url('../images/nine-circles.png');
    background-size: auto, 690px;
  }

  .div-block-24 {
    z-index: -1;
    width: 30%;
  }

  .div-block-24.sticky {
    padding-top: 60px;
  }

  .mainimag-wrapper {
    width: 100%;
    height: 330px;
  }

  .mainimag-wrapper.en {
    margin-top: 100px;
    margin-bottom: 0;
  }

  .left-div {
    height: auto;
    padding-right: 0;
    position: static;
  }

  .right-div {
    justify-content: space-between;
    width: 60%;
    height: auto;
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 0;
  }

  .right-div.tag {
    padding-top: 0;
  }

  .title-wrapper {
    justify-content: flex-start;
    width: 100%;
    margin-top: 0;
    display: flex;
  }

  .date-text {
    text-align: left;
  }

  .blog-text-wrapper {
    justify-content: center;
    align-items: flex-start;
    margin-top: 80px;
    padding-bottom: 0;
    position: static;
    top: -10px;
  }

  .image-18 {
    background-image: url('../images/wanomanabi-logo2-dark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .rte {
    margin-left: 35%;
  }

  .rte h3 {
    padding-left: 10px;
  }

  .vertical-heading {
    margin-right: 30px;
  }

  .div-block-26 {
    margin-top: -10px;
  }

  .category-wrapper {
    width: 100%;
  }

  .category-wrapper.en {
    border-color: var(--beige-40);
  }

  .hero-text-wrapper {
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 60px;
    padding-left: 40px;
    display: flex;
  }

  .hero-text-wrapper.en {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-wrapper-cat {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .paragraph-2 {
    width: 100%;
    font-size: 1em;
  }

  .collection-list-category {
    grid-column-gap: 20px;
    grid-template-columns: 1fr;
  }

  .link-block-5 {
    width: 180px;
  }

  .div-block-28.to-left {
    padding-left: 40px;
    padding-right: 0;
  }

  .div-block-28.left {
    justify-content: flex-start;
  }

  .about-me {
    flex-direction: column;
    margin-top: 0;
  }

  .profile-div {
    width: 60%;
  }

  .text-wrapper-category {
    width: 80%;
    margin-top: 10px;
    margin-left: 0;
  }

  .div-block-29 {
    width: 60%;
  }

  .div-block-30 {
    justify-content: flex-end;
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    display: flex;
  }

  .text-wrapper-about {
    width: 100%;
  }

  .main-section-copy {
    background-image: linear-gradient(to bottom, var(--transparent) 70%, rgba(239, 231, 218, .7) 72%);
    padding: 60px 40px;
  }

  .main-section-copy.cloth {
    background-size: 510px;
    padding-top: 180px;
    padding-right: 40px;
  }

  .main-section-copy.larger-pad.light-background {
    background-image: linear-gradient(rgba(239, 231, 218, .6) 42%, rgba(255, 255, 255, 0) 46%);
    position: static;
  }

  .main-section-copy.dark {
    background-image: linear-gradient(rgba(40, 41, 23, .4), rgba(40, 41, 23, .4)), url('../images/dancing-illustration.webp');
    background-position: 0 0, 100% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 400px;
    padding-top: 80px;
  }

  .main-section-copy.yellow-background {
    background-size: 220px, 220px;
  }

  .paragraph-3 {
    margin-top: 30px;
    font-size: 16px;
  }

  .illustration {
    width: 60%;
    bottom: -9%;
  }

  .div-block-31 {
    background-image: linear-gradient(rgba(239, 231, 218, .9), rgba(239, 231, 218, .9)), url('../images/nine-circle-random-8.png');
    background-size: auto, 720px;
    left: -20%;
  }

  .text-block-9.en {
    color: var(--beige-40);
  }

  .heading-6 {
    text-align: left;
  }

  .heading-6.food {
    text-align: center;
  }

  .heading-6.dark-mode {
    text-align: left;
  }

  .heading-6.emotions {
    text-align: center;
  }

  .heading-6.cloth {
    text-align: right;
  }

  .syuuji-heading-2 {
    text-align: right;
    margin-bottom: 0;
    font-size: 8.75em;
  }

  .syuuji-heading-2.category {
    text-align: left;
    background-color: rgba(239, 231, 218, .7);
    max-height: none;
    font-size: 50px;
    line-height: 80px;
  }

  .syuuji-heading-2.category.en {
    transform-origin: 100% 100%;
    font-size: 45px;
    line-height: 60px;
    transform: translate(-100%)rotate(90deg);
  }

  .syuuji-heading-2.small {
    text-align: right;
    background-image: radial-gradient(circle, #efe7da, rgba(255, 255, 255, 0) 77%);
    margin-bottom: 20px;
    position: static;
  }

  .hero-section-2 {
    min-height: 770px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .hero-section-2.category {
    min-height: 720px;
    padding-right: 0;
  }

  .hero-section-2.blog {
    min-height: auto;
    max-height: none;
    padding-bottom: 20px;
  }

  .hero-section-2.tag {
    padding-bottom: 30px;
  }

  .navbar-2 {
    margin-right: -40px;
  }

  .paragraph-4 {
    width: 100%;
    font-size: 1em;
    line-height: 1.5em;
  }

  .link-block-8 {
    width: 180px;
  }

  .main-section-2 {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 70%, rgba(239, 231, 218, .7) 72%);
    padding: 60px 40px;
  }

  .main-section-2.beige-background.relative {
    padding-top: 60px;
  }

  .div-block-33 {
    margin-top: 0;
  }

  .div-block-34 {
    background-color: rgba(239, 231, 218, .4);
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 0;
    position: static;
    top: -10px;
  }

  .image-27 {
    object-position: 50% 50%;
  }

  .heading-7 {
    font-size: 32px;
  }

  .heading-7.bigger {
    text-align: left;
    min-width: auto;
    font-size: 2em;
  }

  .div-block-36 {
    width: 30%;
  }

  .navbar-3 {
    margin-right: -40px;
  }

  .link-block-9 {
    width: 180px;
  }

  .div-block-37 {
    width: 30%;
  }

  .div-block-37.sticky {
    padding-top: 60px;
  }

  .heading-8 {
    margin-right: 30px;
  }

  .heading-8.en {
    min-width: 410px;
  }

  .div-block-38.en {
    padding-right: 20px;
  }

  .nav-wrapper {
    margin-top: -60px;
  }

  .breadcrumb-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .breadcrumb-link {
    margin-right: 0;
    font-size: 12px;
  }

  .breadcrumb-list {
    margin-right: 20px;
  }

  .tag-div {
    margin-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .empty-state-2 {
    display: none;
  }

  .text-block-11 {
    font-size: 12px;
  }

  .nav-link-2.linkonly.blog {
    width: auto;
  }

  .syuuji-heading-3 {
    text-align: right;
    margin-bottom: 0;
    font-size: 200px;
  }

  .syuuji-heading-3.category {
    text-align: left;
    background-color: rgba(239, 231, 218, .7);
    width: 45px;
    max-height: none;
    font-size: 45px;
    line-height: 50px;
  }

  .syuuji-heading-3.category.tag {
    width: auto;
    margin-top: 110px;
  }

  .dropdown-list-3.light-mode.w--open {
    background-color: #efe7da;
  }

  .left-div-2 {
    height: auto;
    padding-right: 0;
    position: static;
  }

  .div-block-40.blog.en {
    text-align: right;
    margin-bottom: 20px;
    display: block;
  }

  .nav-menu-2 {
    padding-top: 40px;
  }

  .nav-menu-2.blog.en {
    background-color: #282917;
    width: 100svw;
    height: 100svh;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    position: absolute;
  }

  .text-block-12.light-mode {
    text-align: right;
  }

  .text-block-12.light-mode.en {
    color: #efe7da;
  }

  .navbar-4 {
    margin-right: -40px;
  }

  .text-block-13.en {
    color: rgba(239, 231, 218, .4);
  }

  .text-block-14.light-mode.en {
    color: #efe7da;
  }

  .category-wrapper-4 {
    width: 100%;
  }

  .category-wrapper-4.en {
    border-color: rgba(239, 231, 218, .4);
  }

  .en-vertical-heading {
    margin-right: 30px;
  }

  .en-vertical-heading.en {
    min-width: 410px;
  }

  .rte-en {
    margin-left: 35%;
  }

  .rte-en h3 {
    padding-left: 10px;
  }

  .section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .blur-background {
    width: 70%;
  }

  .half-div {
    flex: 0 auto;
    width: 65%;
  }

  .half-div.right {
    width: 30%;
  }

  .subscription-container.hero {
    padding-top: 0;
    position: static;
  }
}

@media screen and (max-width: 479px) {
  .hero-section {
    min-height: 770px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero-section.blog {
    min-height: auto;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
  }

  .hero-section.category {
    min-height: 530px;
  }

  .language.light-mode {
    order: 1;
    justify-content: flex-end;
    margin-top: 80px;
    display: flex;
  }

  .language.light-mode.relative {
    order: -1;
    margin-top: 90px;
    padding-left: 0;
    padding-right: 30px;
    top: 0%;
    bottom: auto;
    right: -100%;
  }

  .language.light-mode.blog {
    margin-top: 0;
    display: block;
  }

  .language.light-mode.blog.en {
    width: 85px;
  }

  .language.light-mode.blog {
    justify-content: flex-end;
    width: 84px;
    margin-top: 120px;
    padding-top: 0;
    position: relative;
    left: 56vw;
  }

  .language.light-mode.about {
    margin-bottom: 0;
    padding-top: 0;
  }

  .language.light-mode.blog {
    width: 96px;
    margin-top: 130px;
    display: block;
    position: absolute;
    top: 7%;
    bottom: auto;
    left: auto;
    right: 30px;
  }

  .navbar {
    margin-right: -30px;
  }

  .navbar.blog {
    margin-top: -60px;
    margin-right: -30px;
  }

  .navbar.blog.en {
    margin-right: -30px;
  }

  .nav-menu-wrapper {
    margin-right: 0;
    padding-right: 10px;
  }

  .nav-menu.blog {
    background-color: var(--dark-green);
    align-items: flex-end;
    width: 100svw;
    height: 100svh;
    min-height: 480px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .nav-menu.blog.en, .nav-menu.home {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-link.linkonly.blog {
    width: auto;
    padding-top: 10px;
    padding-bottom: 15px;
  }

  .nav-link.blog {
    padding-top: 6px;
  }

  .brand {
    justify-content: flex-start;
  }

  .hero-paragraph {
    min-width: 290px;
  }

  .language-link {
    padding-top: 0;
  }

  .language-link.light-mode {
    padding-top: 10px;
  }

  .language-link.light-mode.cate {
    flex: none;
  }

  .text-block.larger {
    font-size: 1.5em;
  }

  .link-block-2.larger {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-block-2.dark-mode {
    flex: 0 auto;
  }

  .text-block-3.light-mode {
    color: var(--beige);
    font-size: 16px;
  }

  .text-block-4.light-mode, .icon.light-mode {
    color: var(--beige);
  }

  .icon.light-mode {
    color: #efe7da;
  }

  .dropdown-list.light-mode.w--open {
    background-color: var(--beige);
  }

  .dropdown-navlink.light-mode {
    color: var(--dark-green);
  }

  .div-block-6.blog {
    text-align: right;
    margin-bottom: 10px;
    display: block;
  }

  .container {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .container.relative {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .container.hero {
    flex-direction: row;
    padding-top: 0;
  }

  .container.tag {
    flex-direction: column;
  }

  .main-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .main-section.cloth {
    background-position: -70px -70px;
    background-size: 400px;
    padding-top: 290px;
    padding-right: 30px;
  }

  .main-section.dark {
    background-image: linear-gradient(rgba(40, 41, 23, .4), rgba(40, 41, 23, .4)), url('../images/dancing-illustration.webp');
    background-position: 0 0, 20% 100%;
    padding-top: 60px;
  }

  .main-section.yellow-background {
    background-image: linear-gradient(to bottom, rgba(251, 226, 108, .2) 74%, var(--beige));
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
    min-height: 600px;
  }

  .main-section.last {
    z-index: 0;
    padding-top: 60px;
  }

  .main-section.beige-background.blog {
    padding-bottom: 0;
    padding-right: 20px;
  }

  .heading {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading.bigger {
    font-size: 2em;
  }

  .heading.about {
    font-size: 32px;
  }

  .slide_item {
    width: 104%;
    padding-right: 4%;
  }

  .content_wrapper {
    height: auto;
  }

  .slider-image {
    z-index: 0;
    object-fit: cover;
    position: static;
  }

  .slider-main_button-wrapper {
    margin-top: -10px;
  }

  .slider-main_bottom-wrapper {
    flex-direction: column;
  }

  .swiper-drag-wrapper.is-slider-main {
    width: 100%;
  }

  .swiper-bullet-wrapper.is-slider-main {
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    width: 100%;
  }

  .slider-main_top-wrapper {
    padding-bottom: 2em;
  }

  .div-block-8 {
    z-index: 3;
  }

  .div-right {
    width: 100%;
  }

  .image-wrapper {
    width: 110%;
    margin-left: -30px;
  }

  .main-paragraph {
    line-height: 1.5em;
  }

  .main-paragraph.light {
    margin-top: 30px;
  }

  .main-heading {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-art.heart {
    margin-bottom: 0;
    display: none;
  }

  .text-wrapper {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-wrapper.env {
    margin-top: 10px;
  }

  .text-container {
    background-color: var(--transparent);
    flex-direction: column;
  }

  .text-container.doc {
    margin-top: 70px;
  }

  .text-container.about {
    width: 100%;
  }

  .div-block-11 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .syuuji-heading {
    text-align: right;
    font-size: 150px;
    line-height: 170px;
  }

  .syuuji-heading.to-left {
    margin-bottom: 0;
  }

  .syuuji-heading.center {
    background-image: none;
    background-position: 0 0;
    flex: none;
    padding: 10px;
    line-height: 150px;
  }

  .syuuji-heading.light {
    line-height: 150px;
  }

  .syuuji-heading.vertical {
    margin-right: 0;
    line-height: 70px;
  }

  .syuuji-heading.vertical.top {
    margin-left: 0;
    margin-right: 0;
    line-height: 70px;
  }

  .syuuji-heading.small {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--beige), var(--transparent) 53%);
    text-align: center;
    width: 100%;
  }

  .syuuji-heading.category {
    width: 45px;
    max-height: none;
  }

  .syuuji-heading.category.tag {
    width: 100%;
    margin-top: 10px;
    font-size: 2em;
  }

  .image-wrapper2 {
    width: 50%;
  }

  .image-wrapper2.bottom {
    width: 50%;
    margin-top: 90px;
  }

  .image-4 {
    width: 100%;
  }

  .div-block-14 {
    margin-top: -380px;
  }

  .image-6 {
    width: 390px;
  }

  .image-div {
    width: 100vw;
    top: -60px;
  }

  .text-wrapper-doc {
    background-image: linear-gradient(rgba(239, 231, 218, .8), rgba(239, 231, 218, .8));
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .illustration-container {
    width: 50%;
  }

  .div-block-16 {
    width: 70%;
    top: -5%;
    bottom: auto;
    left: auto;
    right: -10%;
  }

  .div-block-16.doc {
    width: 100%;
    top: 90%;
  }

  .spacer.smaller {
    height: 20px;
  }

  .spacer.paragraph {
    height: 20px;
    margin-top: 0;
  }

  .scroll-image-wrapper {
    width: 45%;
    height: 160px;
  }

  .illlust-heading-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .illustration-wrapper {
    width: 40%;
    margin-left: 0;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .illustration-wrapper.right {
    width: 50%;
    margin-right: 0;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .image-wrapper-jyuu {
    height: 190px;
    margin-right: 0;
  }

  .circle-photo-wrapper {
    width: 9em;
    height: 9em;
  }

  .circle-photo-wrapper.center {
    width: 13em;
    height: 13em;
  }

  .circle-photo-wrapper.medium {
    width: 11em;
    height: 11em;
  }

  .person-image-holder {
    width: 14em;
    height: 14em;
  }

  .button-container.center {
    height: 630px;
    padding-left: 0;
    padding-right: 0;
  }

  .img-first-layer {
    width: 139.167px;
  }

  .img-first-layer._02 {
    width: 150px;
  }

  .img-first-layer._03 {
    width: 190.833px;
  }

  .img-sec-layer {
    width: 144.167px;
    left: 0%;
  }

  .img-sec-layer._02 {
    bottom: 20%;
    right: -5%;
  }

  .img-sec-layer._03 {
    width: 145.833px;
  }

  .img-third-layer {
    width: 161.667px;
  }

  .img-third-layer._02 {
    width: 180.833px;
  }

  .footer {
    padding: 60px 30px;
  }

  .footer-div {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-div.left {
    width: 100%;
  }

  .footer-div.bottom {
    margin-top: 40px;
  }

  .logo-wrapper {
    width: auto;
  }

  .div-block-22 {
    flex-direction: column;
  }

  .circle-wrapper._03 {
    top: 10%;
    left: 10%;
  }

  .full-image {
    background-image: linear-gradient(rgba(239, 231, 218, .8), rgba(239, 231, 218, .8)), url('../images/nine-circles.png');
    background-size: auto, 400px;
  }

  .div-block-24 {
    width: 25%;
  }

  .div-block-24.sticky {
    padding-top: 60px;
  }

  .mainimag-wrapper {
    width: 60vw;
    height: 250px;
    margin-top: 200px;
  }

  .mainimag-wrapper.en {
    height: 30%;
    margin-top: 200px;
  }

  .left-div {
    width: 30%;
    display: block;
  }

  .left-div.tag {
    order: 1;
    align-items: flex-end;
    width: 100%;
    margin-top: 80px;
  }

  .right-div {
    justify-content: space-between;
    width: 70%;
    padding-left: 0;
    padding-right: 0;
  }

  .right-div.tag {
    width: 100%;
  }

  .title-wrapper {
    text-align: center;
    justify-content: center;
    width: 100%;
  }

  .blog-text-wrapper {
    background-color: var(--transparent);
    align-items: flex-start;
    margin-top: 280px;
    position: static;
    top: -60px;
  }

  .image-18 {
    background-image: url('../images/wanomanabi-logo2-dark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .rte {
    margin-left: 27%;
    line-height: 30px;
  }

  .rte h2 {
    margin-top: 50px;
    font-size: 1.5em;
    line-height: 1.4em;
  }

  .rte p {
    line-height: 1.5em;
  }

  .rte h3 {
    margin-top: 50px;
    margin-bottom: 20px;
    padding-left: 0;
    font-size: 1.25em;
    line-height: 1.4em;
  }

  .rte blockquote {
    line-height: 1.5em;
  }

  .vertical-heading {
    width: 24px;
    height: 100svh;
    margin-right: 30px;
    font-size: 1.5em;
  }

  .div-block-26 {
    margin-top: -10px;
  }

  .category-wrapper {
    border-color: var(--beige-40);
  }

  .topic-button {
    z-index: 1;
    padding-top: 3em;
    padding-left: 0;
  }

  .category-text {
    font-size: 1.5em;
    line-height: 1.5em;
  }

  .topicimag-wrapper {
    z-index: -1;
    width: 60%;
  }

  .collection-list-wrapper {
    margin-top: 0;
  }

  .image-20 {
    margin-top: -190px;
  }

  .hero-text-wrapper {
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .hero-text-wrapper.en {
    padding-left: 20px;
  }

  .text-wrapper-cat {
    align-items: flex-start;
  }

  .text-wrapper-cat.en {
    width: 100%;
    margin-left: -10px;
    position: static;
  }

  .div-block-27 {
    padding-right: 10px;
  }

  .collection-list-category {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .link-block-5.w--current {
    width: 160px;
    display: flex;
  }

  .div-block-28 {
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 30px;
    padding-right: 30px;
  }

  .image-21 {
    width: 90%;
  }

  .navbar-container {
    flex-direction: column;
  }

  .about-me {
    margin-top: 30px;
  }

  .profile-div {
    width: 80%;
  }

  .text-wrapper-category {
    width: 100%;
    margin-top: 30px;
  }

  .div-block-30 {
    margin-top: 20px;
  }

  .text-wrapper-about {
    background-color: var(--transparent);
  }

  .main-section-copy {
    padding-left: 30px;
    padding-right: 30px;
  }

  .main-section-copy.cloth {
    background-position: -70px -70px;
    background-size: 400px;
    padding-top: 290px;
    padding-right: 30px;
  }

  .main-section-copy.dark {
    background-image: linear-gradient(rgba(40, 41, 23, .4), rgba(40, 41, 23, .4)), url('../images/dancing-illustration.webp');
    background-position: 0 0, 20% 100%;
    padding-top: 60px;
  }

  .main-section-copy.yellow-background {
    background-image: linear-gradient(to bottom, rgba(251, 226, 108, .2) 74%, var(--beige));
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
    min-height: 600px;
  }

  .main-section-copy.last {
    z-index: 0;
    padding-top: 60px;
  }

  .main-section-copy.beige-background {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 240px;
    display: flex;
  }

  .paragraph-3 {
    margin-top: 50px;
    line-height: 50px;
  }

  .illustration {
    z-index: -1;
    width: 80%;
    margin-top: 20px;
    bottom: -7%;
  }

  .text-span-2 {
    margin-left: -15px;
  }

  .div-block-31 {
    background-image: linear-gradient(rgba(239, 231, 218, .9), rgba(239, 231, 218, .9)), url('../images/nine-circle-random-8.png');
    background-position: 0 0, 0%;
    background-size: auto, 485px;
    width: 150%;
    margin-left: -70px;
  }

  .text-block-9 {
    color: var(--beige-40);
  }

  .heading-6.food {
    margin-top: -10px;
  }

  .heading-6.emotions {
    margin-top: 0;
  }

  .heading-6.medicine {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .heading-6.cloth {
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 0;
  }

  .div-block-32 {
    z-index: 0;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 30px;
    padding-right: 30px;
  }

  .syuuji-heading-2 {
    text-align: right;
    font-size: 150px;
  }

  .syuuji-heading-2.category {
    width: 45px;
    max-height: none;
    font-size: 45px;
    line-height: 50px;
  }

  .syuuji-heading-2.category.en {
    z-index: 20;
    transform-origin: 100% 100%;
    width: auto;
    font-size: 45px;
    line-height: 45px;
    position: static;
    top: -205%;
    left: -50%;
    right: 38%;
    transform: translate(-100%)rotate(90deg);
  }

  .syuuji-heading-2.small {
    background-image: radial-gradient(circle, #efe7da, rgba(255, 255, 255, 0) 71%);
  }

  .hero-section-2 {
    min-height: 770px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero-section-2.category {
    min-height: 700px;
  }

  .hero-section-2.blog {
    min-height: 770px;
    max-height: none;
    padding-bottom: 0;
  }

  .image-25 {
    margin-top: -190px;
  }

  .image-26 {
    width: 90%;
  }

  .navbar-2 {
    margin-right: -30px;
  }

  .navbar-2.blog {
    margin-top: -60px;
    margin-right: -30px;
  }

  .paragraph-4 {
    margin-top: 20px;
  }

  .language-link-2 {
    padding-top: 0;
  }

  .language-link-2.light-mode {
    padding-top: 10px;
  }

  .language-link-2.light-mode.cate {
    flex: none;
  }

  .link-block-8.w--current {
    width: 160px;
    display: flex;
  }

  .main-section-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-33 {
    margin-top: 10px;
  }

  .div-block-34 {
    background-color: rgba(255, 255, 255, 0);
    position: static;
    top: -60px;
  }

  .div-block-35 {
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-7 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-7.bigger {
    text-align: left;
    min-width: auto;
    font-size: 2em;
  }

  .div-block-36 {
    width: 25%;
  }

  .image-28 {
    background-image: none;
    width: 90%;
  }

  .navbar-3 {
    margin-right: -30px;
  }

  .navbar-3.blog {
    margin-top: -60px;
    margin-right: -30px;
  }

  .language-link-3 {
    padding-top: 0;
  }

  .language-link-3.light-mode {
    padding-top: 10px;
  }

  .language-link-3.light-mode.cate {
    flex: none;
  }

  .link-block-9 {
    justify-content: flex-start;
  }

  .link-block-9.w--current {
    width: 160px;
    display: flex;
  }

  .div-block-37 {
    width: 25%;
  }

  .div-block-37.sticky {
    padding-top: 60px;
  }

  .heading-8 {
    width: 24px;
    height: 100svh;
    margin-right: 30px;
    font-size: 24px;
  }

  .heading-8.en {
    width: 100svh;
    min-width: 440px;
    padding-top: 0;
    bottom: 0;
  }

  .div-block-38 {
    padding-right: 0;
  }

  .div-block-38.en {
    padding-right: 10px;
  }

  .breadcrumb-section {
    padding-left: 10px;
    padding-right: 10px;
    position: static;
  }

  .breadcrumb-link {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
  }

  .breadcrumb-list {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 10px;
    display: flex;
  }

  .svg-wrapper {
    display: flex;
  }

  .name {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .nav-link-2.linkonly.blog {
    width: auto;
    padding-top: 10px;
    padding-bottom: 15px;
  }

  .nav-link-2.blog {
    padding-top: 6px;
  }

  .syuuji-heading-3 {
    text-align: right;
    font-size: 150px;
    line-height: 170px;
  }

  .syuuji-heading-3.category {
    width: 45px;
    max-height: none;
    font-size: 45px;
    line-height: 50px;
  }

  .syuuji-heading-3.category.tag {
    width: 100%;
    margin-top: 10px;
  }

  .dropdown-list-3.light-mode.w--open {
    background-color: #efe7da;
  }

  .left-div-2 {
    width: 30%;
    height: auto;
    display: block;
  }

  .left-div-2.tag {
    order: 1;
    align-items: flex-end;
    width: 100%;
    margin-top: 80px;
  }

  .div-block-40.blog {
    text-align: right;
    margin-bottom: 10px;
    display: block;
  }

  .div-block-41 {
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-menu-2.blog {
    background-color: #282917;
    align-items: flex-end;
    width: 100svw;
    height: 100svh;
    min-height: 480px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .nav-menu-2.blog.en {
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-block-12.light-mode {
    color: #efe7da;
  }

  .navbar-4 {
    margin-right: -30px;
  }

  .navbar-4.blog {
    margin-top: -60px;
    margin-right: -30px;
  }

  .text-block-13 {
    color: rgba(239, 231, 218, .4);
  }

  .text-block-14.light-mode {
    color: #efe7da;
    font-size: 16px;
  }

  .language-link-4 {
    padding-top: 0;
  }

  .language-link-4.light-mode {
    padding-top: 10px;
  }

  .language-link-4.light-mode.cate {
    flex: none;
  }

  .category-wrapper-4 {
    border-color: rgba(239, 231, 218, .4);
  }

  .main-quote {
    line-height: 1.5em;
  }

  .text-span-3 {
    font-size: .8em;
  }

  .text-span-4 {
    font-size: .6em;
  }

  .en-vertical-heading {
    width: 24px;
    height: 100svh;
    margin-right: 15px;
    font-size: 24px;
  }

  .en-vertical-heading.en {
    width: 100svh;
    min-width: 440px;
    padding-top: 0;
    top: 20px;
    bottom: 0;
  }

  .rte-en {
    margin-left: 27%;
    line-height: 30px;
  }

  .rte-en h2 {
    margin-top: 50px;
    font-size: 1.5em;
    line-height: 1.4em;
  }

  .rte-en p {
    line-height: 1.5em;
  }

  .rte-en h3 {
    margin-top: 50px;
    margin-bottom: 20px;
    padding-left: 0;
    font-size: 1.25em;
    line-height: 1.4em;
  }

  .rte-en blockquote {
    line-height: 1.5em;
  }

  .section {
    height: 100svh;
    padding-left: 30px;
    padding-right: 30px;
  }

  .blur-background {
    width: 90%;
    height: 95%;
    margin: 5%;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .half-div {
    width: 100%;
  }

  .half-div.right {
    order: -1;
    width: 100%;
    margin-bottom: 40px;
  }

  .subscription-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .subscription-container.relative {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .subscription-container.hero {
    flex-direction: row;
    padding-top: 0;
  }

  .subscription-container.tag {
    flex-direction: column;
  }

  .event-text {
    margin-bottom: 20px;
    font-size: .9em;
  }

  .sub-text-wrapper {
    margin-top: 0;
  }

  .form-wrapper {
    margin-top: 60px;
  }

  .link-block-11.w--current {
    padding-top: 0;
  }

  .text-block-16 {
    font-size: .9em;
  }

  .button-no-line {
    justify-content: flex-end;
    margin-top: 20px;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_7a50b237-c72c-628a-c8ea-0d65ef8977c2-cafffd76 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}