@font-face {
  font-family: "851 Chikara Yowaku 002";
  src: url('../fonts/851CHIKARA-YOWAKU_002.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Craftmincho;
  src: url('../fonts/craftmincho.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --_color---nutural-100: #f7f4ed;
  --_font---primary-font: "Zen Kaku Gothic New", sans-serif;
  --color--brown\<deleted\|variable-e76f6cf0\>: #50352a;
  --_typography---heading--h1: 38px;
  --_typography---line-height--medium: 150%;
  --_typography---font-wight--bold: 700;
  --_typography---heading--h2: 32px;
  --_typography---heading--h3: 24px;
  --_typography---heading--h4: 24px;
  --_typography---heading--h5: 20px;
  --_typography---heading--h6: 16px;
  --_color---blue-500: #89aeca;
  --_color---blue-700: #6092b8;
  --sea-green\<deleted\|variable-a4fcb096\>: #3e9058;
  --_spacing---radius--radius-xxl: 100px;
  --_color---transparent: #fff0;
  --color--white\<deleted\|variable-688940cb\>: white;
  --transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>: #fff0;
  --_size---container--l-max-width: 1440px;
  --_spacing---spacing--space-xlg: 48px;
  --_spacing---spacing--mobile-padding: 20px;
  --_spacing---spacing--space-none: 0px;
  --_spacing---spacing--space-lg: 32px;
  --_size---container--form-max-width: 940px;
  --_size---container--xs-max-width: 550px;
  --_size---container--s-max-width: 740px;
  --_size---container--m-max-width: 1100px;
  --color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>: #faf8f4;
  --purpose-green-filter\<deleted\|variable-4e37a5da-bb5a-d83e-72ff-73b9dacb477c\>: #00631f80;
  --sea-green-2\<deleted\|variable-c489ec7f\>: #327547;
  --_color---brown: #50352a;
  --burntsienna\<deleted\|variable-0869f66c\>: #e47e4d;
  --accessible-components-dark-grey\<deleted\|variable-c4d8099c\>: #9b9b9b;
  --accessible-components-dodger-blue\<deleted\|variable-61ffd3d7\>: #1378d1;
  --_spacing---spacing--space-3xlg: 124px;
  --_color---nutraul-900: #463a20;
  --_spacing---spacing--space-2xlg: 62px;
  --_color---white: white;
  --_typography---text--medium-text: 16px;
  --_typography---font-wight--normal: 400;
  --accent-color-orange\<deleted\|variable-71ab59a8-3c7c-8052-1301-4718a2734483\>: #ec6c2e;
  --_spacing---spacing--space-md: 16px;
  --transparent-brown\<deleted\|variable-d9862715-c782-85a8-ba1e-cc39f35da79e\>: #654b2740;
  --_spacing---radius--radius-xl: 24px;
  --_spacing---spacing--space-sm: 12px;
  --_spacing---spacing--space-xs: 8px;
  --navbar-background: #6aa0c9a1;
  --_typography---link--text-link: 16px;
  --_typography---font-wight--medium: 500;
  --_spacing---radius--radius-md: 8px;
  --_color---blue-800: #3f6b8d;
  --_stroke---light: 1px;
  --color--brown-opacity-50\<deleted\|variable-c20e50dc-736f-878e-fe15-4d54599a5135\>: #50352a1a;
  --_stroke---none: 0px;
  --color--transparent\<deleted\|variable-e4beeef9-0319-ee4a-30b9-50cd03b079d9\>: #fff0;
  --color--blue-500\<deleted\|variable-26ad256d-7704-46e8-62fb-25c7f32c5588\>: #89aeca;
  --_spacing---spacing--space-xxs: 4px;
  --color--blue-700-opacity-20\<deleted\|variable-2f363336-b5da-c2d5-d162-e66d357e289b\>: #6092b833;
  --color--blue-700\<deleted\|variable-d9d73969-a9d9-4527-16be-7855f3dc95b1\>: #6092b8;
  --_typography---text--small-text: 14px;
  --_typography---heading--display: 38px;
  --_font---secondary-font: "Fuzzy Bubbles", sans-serif;
  --_typography---text--large-text: 20px;
  --_color---blue-200: #edf3f7;
  --_color---blue-100: #edf3f7;
  --_color---nutural-50: #faf8f4;
  --_color---white-opacity-30: #ffffff4d;
  --_stroke---medium: 2px;
  --_color---white-opacity-90: #ffffffe6;
  --_typography---link--button: 16px;
  --_typography---line-height--large: 200%;
  --_color---placeholder: #999;
  --_color---green-opacity-20: #6cab6f33;
  --_color---orange-red-opacity-20: #e26a4533;
  --_color---orange-red: #e26a45;
  --_typography---text--xs-text: 12px;
  --_color---green: #6cab6f;
  --_color---brown-opacity-10: #50352a1a;
  --_typography---text--2x-large-text: 24px;
  --_typography---line-height--small: 100%;
  --_color---blue-700-opacity-20: #6092b833;
  --_typography---link--small-text-link: 14px;
  --_color---brown-opacity-50: #50352a80;
  --_color---nutural-200: #efe9dc;
  --_spacing---radius--radius-none: 0px;
  --_color---blue-800-opacity-50: #6092b880;
  --_typography---text--xxs-text: 10px;
  --_color---brown-opacity-70: #50352ab3;
  --_stroke---bold: 3px;
  --_color---ninni-bg: #b3b3b3;
  --_color---required-bg: #d65656;
  --_color---black-opacity-20: #0003;
  --soft-orange: #f5b16333;
  --_size---container--extra-large-max-width: 1800px;
  --_effect---motion-duaration: 375px;
  --_stroke---extra-bold: 5px;
  --size: 0px;
  --_color---nutural-300: #e7deca;
  --_color---suisho-bg: #9bc087;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userresetpasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-users-userformheader {
  text-align: center;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  background-color: var(--_color---nutural-100);
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  overflow: visible;
}

h1 {
  font-family: var(--_font---primary-font);
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  font-size: var(--_typography---heading--h1);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--bold);
  letter-spacing: .5px;
  margin-top: 20px;
  margin-bottom: 20px;
}

h2 {
  font-family: var(--_font---primary-font);
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  font-size: var(--_typography---heading--h2);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--bold);
  margin-top: 20px;
  margin-bottom: 10px;
}

h3 {
  font-family: var(--_font---primary-font);
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  font-size: var(--_typography---heading--h3);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--bold);
  margin-top: 20px;
  margin-bottom: 10px;
}

h4 {
  font-family: var(--_font---primary-font);
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  font-size: var(--_typography---heading--h4);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--bold);
  letter-spacing: .5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

h5 {
  font-family: var(--_font---primary-font);
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  font-size: var(--_typography---heading--h5);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--bold);
  letter-spacing: .5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

h6 {
  font-family: var(--_font---primary-font);
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  font-size: var(--_typography---heading--h6);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--bold);
  letter-spacing: .5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

p {
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  letter-spacing: .5px;
  margin-bottom: 10px;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}

a {
  color: var(--_color---blue-500);
  font-family: Zen Kaku Gothic New, sans-serif;
  font-weight: 500;
  text-decoration: underline;
}

a:hover {
  color: var(--_color---blue-700);
}

ul {
  color: var(--sea-green\<deleted\|variable-a4fcb096\>);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  letter-spacing: .5px;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
}

img {
  mix-blend-mode: normal;
  border-radius: 10px;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}

blockquote {
  border-left: 5px solid var(--sea-green\<deleted\|variable-a4fcb096\>);
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  letter-spacing: .5px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 10px 20px;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  line-height: 22px;
}

.navbar {
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---transparent);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.tag-text {
  border: 1px solid var(--color--white\<deleted\|variable-688940cb\>);
  background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
  color: var(--color--white\<deleted\|variable-688940cb\>);
  border-radius: 50px;
  align-items: center;
  padding: .25rem .5rem;
  font-size: 7px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.body {
  font-family: Noto Sans JP;
}

.footer-light {
  background-color: #66af5e;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px 40px;
  position: relative;
}

.container {
  width: 100%;
  height: 100%;
  max-width: var(--_size---container--l-max-width);
  padding-right: var(--_spacing---spacing--space-xlg);
  padding-left: var(--_spacing---spacing--space-xlg);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.container.hero {
  max-width: var(--_size---container--l-max-width);
  padding-right: var(--_spacing---spacing--space-xlg);
  padding-left: var(--_spacing---spacing--space-xlg);
}

.container.flex {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  display: flex;
}

.container.form {
  max-width: var(--_size---container--form-max-width);
}

.container.xs {
  max-width: var(--_size---container--xs-max-width);
}

.container.s {
  max-width: var(--_size---container--s-max-width);
}

.container.m {
  max-width: var(--_size---container--m-max-width);
}

.footer-wrapper-two {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-block-two {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-title {
  color: var(--color--white\<deleted\|variable-688940cb\>);
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.footer-link-two {
  color: #1a1b1f;
  margin-top: 20px;
  text-decoration: none;
}

.footer-link-two:hover {
  color: #1a1b1fbf;
}

.footer-form {
  width: 315px;
  max-width: 100%;
  margin-bottom: 0;
}

.footer-form-block {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.footer-form-field {
  border: 1px solid #a6b1bf;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
}

.footer-form-field:hover, .footer-form-field:focus {
  border-color: #76879d;
}

.footer-form-field::placeholder {
  color: #1a1b1fcc;
  font-size: 14px;
  line-height: 22px;
}

.footer-form-submit {
  background-color: #1a1b1f;
  background-image: url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 50px;
  height: 48px;
  transition: all .2s;
}

.footer-form-submit:hover {
  background-color: #3a4554;
}

.footer-divider-two {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-copyright {
  color: #3a4554;
}

.footer-social-block-two {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.item-is-not-favorite {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.item-is-favorite {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  height: 100%;
  text-decoration: none;
  display: none;
}

.body-4 {
  font-family: Noto Sans JP;
}

.nav-link-4 {
  font-weight: 700;
}

.nav-link-4:hover {
  border-top: 10px solid #288837;
  padding-top: 10px;
}

.nav-link-5 {
  font-weight: 700;
}

.nav-link-5:hover {
  border-top: 10px solid #288837;
  padding-top: 10px;
}

.nav-link-5.w--current {
  color: #288837;
  border: 10px #000;
  border-top-color: #288837;
  padding-top: 20px;
}

.nav-link-6 {
  font-weight: 700;
}

.nav-link-6:hover {
  border-top: 10px solid #288837;
  padding-top: 10px;
}

.utility-page-wrap {
  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;
}

.link-nav-text {
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  letter-spacing: 1px;
  margin-left: 0;
  margin-right: 0;
  padding: .5rem 10px;
  font-family: Craftmincho, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
}

.link-nav-text:hover {
  background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  border-radius: 0;
  flex: none;
  padding: .5rem 10px;
}

.link-nav-text:focus-visible, .link-nav-text[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #fff;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.link-nav-text:visited {
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-decoration: none;
}

.link-nav-text.w--current {
  background-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  background-image: linear-gradient(to bottom, var(--purpose-green-filter\<deleted\|variable-4e37a5da-bb5a-d83e-72ff-73b9dacb477c\>), var(--purpose-green-filter\<deleted\|variable-4e37a5da-bb5a-d83e-72ff-73b9dacb477c\>)), none;
  color: var(--color--white\<deleted\|variable-688940cb\>);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-radius: 20px 2px;
  font-family: Craftmincho, sans-serif;
  font-size: 12px;
}

.link-nav-text.w--current:hover {
  color: var(--color--white\<deleted\|variable-688940cb\>);
}

.link-nav-text.dropdown {
  grid-column-gap: 3px;
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  display: flex;
  position: relative;
}

.link-nav-text.dropdown:hover {
  color: var(--color--white\<deleted\|variable-688940cb\>);
  border-radius: 0;
}

.link-nav-text.dropdown.w--open {
  margin-top: 0;
  margin-bottom: 0;
}

.link-nav-text.dropdown.hide {
  display: none;
}

.link-nav-text.white {
  color: var(--color--white\<deleted\|variable-688940cb\>);
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-primary-2 {
  border: 0px solid var(--color--white\<deleted\|variable-688940cb\>);
  background-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  width: 100%;
  color: var(--color--white\<deleted\|variable-688940cb\>);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 100px;
  padding: .5rem 2rem;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  transition: all .3s cubic-bezier(.23, 1, .32, 1);
}

.button-primary-2:hover {
  border-width: 0;
  border-color: var(--color--white\<deleted\|variable-688940cb\>);
  background-color: var(--sea-green-2\<deleted\|variable-c489ec7f\>);
  opacity: 1;
  color: var(--color--white\<deleted\|variable-688940cb\>);
  flex: 0 auto;
}

.button-primary-2:active {
  background-color: #55a16a;
  border-color: #55a16a;
}

.button-primary-2._2 {
  border-width: 1px;
  border-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  text-align: center;
  background-color: #3e905800;
  font-weight: 700;
  line-height: 1.5;
}

.button-primary-2._2:hover {
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
}

.button-primary-2._3 {
  border-width: 1px;
  border-color: var(--color--white\<deleted\|variable-688940cb\>);
  width: auto;
  color: var(--color--white\<deleted\|variable-688940cb\>);
  text-align: center;
  background-color: #3e905800;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
}

.button-primary-2._3:hover {
  background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
}

.full_width_wrapper {
  width: 100vw;
  height: auto;
}

.full_width_wrapper.relative {
  justify-content: center;
  display: block;
  position: relative;
}

.p1 {
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  text-decoration: none;
}

.p1.white {
  color: var(--color--white\<deleted\|variable-688940cb\>);
  letter-spacing: .5px;
  order: 0;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  position: static;
  inset: auto 0% 5% 5%;
}

.p1.bold {
  font-weight: 700;
  display: inline-block;
}

.p1.bold.green {
  font-weight: 700;
}

.p1.bold.center {
  text-align: center;
}

.p1.green {
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  font-weight: 500;
  line-height: 1.5;
}

.p1.green.small {
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  padding: 0;
}

.p1.green.small.craftmincho {
  font-size: 12px;
}

.p1.green.small.link:hover {
  text-decoration: underline;
}

.p1.green.bold {
  margin-top: 0;
  margin-bottom: 0;
}

.p1.green.craftmincho.small {
  font-size: 14px;
}

.p1.center {
  color: #654b27;
  text-align: center;
}

.p1.small {
  font-size: 12px;
}

.p1.small.link:hover {
  text-decoration: underline;
}

.p1.brown {
  font-family: Zen Kaku Gothic New, sans-serif;
}

.p1.brown.small {
  letter-spacing: .5px;
  line-height: 1.5;
}

.p1.brown.small.underline, .p1.brown.small.underline.w--current {
  text-decoration: underline;
}

.p1.brown.smaller {
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 10px;
  line-height: 2;
}

.p1.brown.smaller.less-height {
  line-height: 1.5;
}

.p1.craftmincho {
  font-family: Craftmincho, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.p1.top-padding {
  padding-top: 1rem;
}

.p1.red {
  color: #d1080c;
}

.h1 {
  color: var(--_color---brown);
  line-height: 1.2;
  font-weight: var(--_typography---font-wight--bold);
  letter-spacing: 1px;
}

.h1.green {
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  text-align: center;
  letter-spacing: .5px;
  -webkit-text-stroke-color: #1a863c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Craftmincho, sans-serif;
  font-size: 32px;
}

.border-image {
  opacity: 1;
  width: 200%;
  margin-top: 0;
  margin-bottom: 0;
  position: static;
  inset: 0%;
}

.main_container {
  z-index: 0;
  grid-row-gap: 4rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10vh 40px;
  display: flex;
  position: static;
  overflow: visible;
}

.main_container.first, .main_container.less-padding {
  padding-top: 5vh;
}

.sub_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
  flex-direction: column;
  flex: 0 auto;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  min-height: 0;
  display: flex;
}

.sub_container.nallow {
  align-items: stretch;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 100px;
  padding-right: 100px;
}

.magazine_title_container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.h5 {
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Craftmincho, sans-serif;
  font-size: 20px;
  line-height: 1.5;
}

.h5.brown {
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  margin-top: 0;
  margin-bottom: 0;
}

.title-tag {
  background-color: var(--burntsienna\<deleted\|variable-0869f66c\>);
  color: var(--color--white\<deleted\|variable-688940cb\>);
  border-radius: 20px;
  padding: .5rem 1rem;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-weight: 500;
  line-height: 1;
}

.welcome-section {
  background-image: url('../images/P1205348.jpg');
  background-position: 50%;
  background-size: cover;
  height: 60vh;
  display: block;
}

.img {
  border: 0px solid var(--color--white\<deleted\|variable-688940cb\>);
  object-fit: cover;
  object-position: 60% 90%;
  border-radius: 0;
  width: 100%;
  height: 100%;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
  display: block;
  position: absolute;
  inset: 0%;
}

.img._2 {
  border-radius: 0;
}

.dropdown-2 {
  flex-direction: column;
  display: block;
}

.dropdown_icon {
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  margin-right: 0;
  position: static;
  inset: 0%;
}

.dropdown_icon.white {
  color: var(--color--white\<deleted\|variable-688940cb\>);
}

.fs_modal-1_close {
  z-index: 100;
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  border: 0px solid var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  cursor: pointer;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-top: 0;
  padding: .5rem 0;
  display: flex;
  position: fixed;
  inset: 3% 3% auto auto;
}

.fs_modal-1_close:focus-visible, .fs_modal-1_close[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_cover {
  background-color: #0000004d;
  position: absolute;
  inset: 0%;
}

.fs_modal-1_button {
  color: #fff;
  cursor: pointer;
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.fs_modal-1_button:focus-visible, .fs_modal-1_button[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_close-2 {
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  cursor: pointer;
  border: 0 solid #000;
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-top: 0;
  padding: .5rem 0;
  display: flex;
  position: fixed;
  inset: 3% 3% auto auto;
}

.fs_modal-1_close-2:focus-visible, .fs_modal-1_close-2[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_button-2 {
  color: #fff;
  cursor: pointer;
  background-color: #0000;
  width: 100%;
  padding: 0;
}

.fs_modal-1_button-2:focus-visible, .fs_modal-1_button-2[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.search_container {
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: center;
  width: 35rem;
  display: flex;
}

.search_option_box {
  grid-column-gap: 0px;
  grid-row-gap: 9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  height: auto;
  display: grid;
}

.option._1 {
  background-color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-bottom: 0;
  display: flex;
}

.option._2 {
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.optioin-1-box {
  flex-direction: column;
  align-items: center;
  height: auto;
  display: flex;
}

.search-result-wrapper {
  width: 100%;
}

.wide_container {
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: stretch;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 10vh 40px 8vh;
  display: flex;
}

.wide_container.first {
  padding-top: 0;
}

.fs-checkbox_button-5 {
  border-style: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.fs-checkbox_button-5:focus-visible, .fs-checkbox_button-5[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.empty_emoji {
  grid-row-gap: 20px;
  background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 5rem 2rem;
  display: flex;
}

.empty_emoji.show {
  border: 0px dashed var(--color--brown\<deleted\|variable-e76f6cf0\>);
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  border-radius: 10px;
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.big-emoji {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 100px;
  line-height: 1.1;
  display: flex;
}

.dropdown-list {
  background-color: #fff;
  border-radius: 10px;
  margin-top: 20px;
  position: fixed;
  inset: auto auto auto 0%;
}

.dropdown-list.w--open {
  border: 1px solid var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  background-image: url('../images/natural-paper-1920x1080-6_1.webp');
  background-position: 0 0;
  background-size: auto;
  border-radius: 20px;
  width: 13rem;
  max-width: none;
  height: auto;
  max-height: 60vh;
  margin-top: 0;
  padding: 1rem .5rem .5rem;
  position: absolute;
  inset: auto 0%;
  overflow: scroll;
}

.none {
  display: none;
}

.h3 {
  color: #fff;
  letter-spacing: .5px;
  text-transform: none;
  font-family: Zen Kaku Gothic New, sans-serif;
}

.h3.white {
  font-family: Craftmincho, sans-serif;
}

.h3.white.bg {
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  margin-top: 0;
  margin-bottom: 0;
  padding: .25rem .5rem;
  font-family: Craftmincho, sans-serif;
  font-size: 1.5rem;
}

.icon-box {
  align-items: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  padding: 2px;
  display: flex;
}

.regular-img-no-edge {
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.fs_modal-1_close-3 {
  background-color: var(--sea-green\<deleted\|variable-a4fcb096\>);
  text-align: center;
  cursor: pointer;
  padding: 1.5rem;
  position: absolute;
  inset: auto 0% 0%;
}

.fs_modal-1_close-3:focus-visible, .fs_modal-1_close-3[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_cover-2 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: absolute;
  inset: 0%;
}

.fs_modal-1_button-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  -webkit-text-stroke-color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #654b276e;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  height: 4rem;
  padding: .5rem 1rem;
  display: flex;
}

.fs_modal-1_button-3:focus-visible, .fs_modal-1_button-3[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_close-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--sea-green\<deleted\|variable-a4fcb096\>);
  cursor: pointer;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.fs_modal-1_close-4:focus-visible, .fs_modal-1_close-4[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_cover-3 {
  position: absolute;
  inset: 0%;
}

.fs_modal-1_button-4 {
  background-color: var(--accessible-components-dodger-blue\<deleted\|variable-61ffd3d7\>);
  color: #fff;
  cursor: pointer;
  padding: .5rem 1rem;
}

.fs_modal-1_button-4:focus-visible, .fs_modal-1_button-4[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_close-5 {
  background-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 1rem 1.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.fs_modal-1_close-5:focus-visible, .fs_modal-1_close-5[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_cover-4 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.fs_modal-1_button-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--color--white\<deleted\|variable-688940cb\>);
  color: #fff;
  cursor: pointer;
  background-color: #fff;
  border-radius: 10000px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4rem;
  padding: .5rem 1rem .5rem 2rem;
  display: flex;
}

.fs_modal-1_button-5:hover {
  border-color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
}

.fs_modal-1_button-5:focus-visible, .fs_modal-1_button-5[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.title-detail-box {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.flex_vertical_2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  min-width: 100%;
  display: flex;
}

.title-text {
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Craftmincho, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.fs_radio-4_button {
  opacity: 1;
  border: 2px solid #000;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.fs_radio-4_button:focus-visible, .fs_radio-4_button[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.text_box_2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.text-block_2 {
  grid-row-gap: 2rem;
  border: 0px solid var(--color--white\<deleted\|variable-688940cb\>);
  background-color: #fff0;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 50rem;
  padding: 0;
  display: flex;
  position: static;
}

.welcome-section-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: grid;
  position: static;
  overflow: visible;
}

.fs_modal-1_close-6 {
  cursor: pointer;
  background-color: #f5f5f5;
  padding: 1.5rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.fs_modal-1_close-6:focus-visible, .fs_modal-1_close-6[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_cover-5 {
  position: absolute;
  inset: 0%;
}

.fs_modal-1_button-6 {
  background-color: var(--accessible-components-dodger-blue\<deleted\|variable-61ffd3d7\>);
  color: #fff;
  cursor: pointer;
  padding: .5rem 1rem;
}

.fs_modal-1_button-6:focus-visible, .fs_modal-1_button-6[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.title-tag {
  background-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  padding: .25rem .5rem;
  font-size: 10px;
}

.button-secondary {
  border: 1px solid var(--color--white\<deleted\|variable-688940cb\>);
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  letter-spacing: .5px;
  border-radius: 100px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 12px;
  font-weight: 700;
  transition: all .3s;
}

.button-secondary:hover {
  border-width: 1px;
  transform: scale(.98);
}

.button-secondary.green {
  border-width: 0;
  border-color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  background-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  color: var(--color--white\<deleted\|variable-688940cb\>);
  letter-spacing: .5px;
  padding: 1rem 2rem;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-weight: 500;
  transition: all .3s;
}

.button-secondary.green:hover {
  border-width: 0;
  border-color: var(--color--white\<deleted\|variable-688940cb\>);
  transform: scale(.95);
}

.down_arrow {
  border-style: solid;
  border-width: 10px 7px 0;
  border-color: var(--color--brown\<deleted\|variable-e76f6cf0\>) #fff0 #361616 #0000;
  width: 0;
  height: 0;
  margin-top: -1px;
}

.menu-wrapper {
  min-width: 25vw;
}

.menu-item-slide {
  max-width: 360px;
}

.accordion {
  cursor: pointer;
  border-bottom: 0 solid #202020;
  width: 100%;
}

.tag-icon {
  border-radius: 0;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
}

.collection-item-6 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
  align-items: center;
  padding-left: 1rem;
  padding-right: .5rem;
  display: flex;
}

.collection-item-6:hover {
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  border-radius: 50px;
  align-self: auto;
}

.dropdown_link {
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  margin-left: 0;
  margin-right: 0;
  padding: .5rem 0;
  font-family: Craftmincho, sans-serif;
  font-weight: 700;
}

.dropdown_link.w--current {
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
}

.collection-list-15 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}

.drop-down-text {
  font-family: Craftmincho, sans-serif;
}

.drop-down-text.white {
  color: var(--color--white\<deleted\|variable-688940cb\>);
  font-weight: 700;
  text-decoration: none;
}

.drop-down-text.green {
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  font-weight: 700;
  text-decoration: none;
}

.drop-down-text.green:hover {
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
}

.new-notification {
  background-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  border-radius: 100px;
  width: 10px;
  height: 10px;
}

.footer {
  padding-top: var(--_spacing---spacing--space-3xlg);
  padding-bottom: var(--_spacing---spacing--space-none);
  background-color: var(--_color---nutraul-900);
  border-top: 0 solid #50352a;
  overflow: hidden;
}

.footer-section-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-item-block {
  grid-column-gap: .5rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.footer-item-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.c_search_component {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.c_search_bar {
  margin-bottom: 0;
  position: relative;
}

.c_search_results-container {
  background-color: #fff;
  border-top: 1.5px solid #e6e6e6;
  border-radius: 0 0 .6em .6em;
  max-height: 25em;
  padding: 1rem;
  transition: opacity .2s;
  overflow: auto;
}

.c_search_results {
  z-index: 1000;
  height: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.c_search_clear-icon {
  width: 1em;
  max-width: 1em;
  height: 1em;
  max-height: 1em;
  color: var(--color--white\<deleted\|variable-688940cb\>);
  line-height: 1;
}

.c_search_input {
  z-index: 1;
  height: 4em;
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  letter-spacing: .5px;
  background-color: #fff;
  background-image: url('../images/Search-icon.png');
  background-position: 3%;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  border: 0 solid #000;
  border-radius: 1em;
  margin-bottom: 0;
  padding: 0 1.6em 0 4.5em;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: relative;
}

.c_search_input:focus {
  outline-offset: 0px;
  outline-style: none;
}

.c_search_button {
  display: none;
}

.c_search_clear {
  z-index: 3;
  color: #000;
  background-color: #654b2780;
  border-radius: 5.8em;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 1.5em;
  transition: color .1s, background-color .1s;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.c_search_clear:hover {
  background-color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  color: #fff;
}

.c_search_clear-text {
  display: none;
}

.c_search_results-wrap {
  background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
  border-radius: 20px;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.c_search_results-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.search-result-link-block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  text-decoration: none;
  display: grid;
}

.search-result-link-block:hover {
  background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
  text-decoration: underline;
}

.search-result-imag-block {
  border-radius: 10px;
  width: 100%;
  height: auto;
  padding-top: 50%;
  padding-bottom: 50%;
  position: relative;
  overflow: hidden;
}

.search-result-text-block {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}

.search-result-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: center;
  max-width: 60rem;
  display: flex;
}

.fs_modal-1_close-7 {
  cursor: pointer;
  background-color: #f5f5f5;
  padding: 1.5rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.fs_modal-1_close-7:focus-visible, .fs_modal-1_close-7[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_cover-6 {
  position: absolute;
  inset: 0%;
}

.fs_modal-1_button-7 {
  border: 1px solid var(--color--brown\<deleted\|variable-e76f6cf0\>);
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  color: #fff;
  cursor: pointer;
  border-radius: 100px;
  padding: .5rem 2rem;
}

.fs_modal-1_button-7:focus-visible, .fs_modal-1_button-7[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.navbar-main {
  z-index: 1000;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar-main._2 {
  background-image: url('../images/natural-paper-1920x1080-6_1.webp');
  background-position: 0 0;
  background-size: auto;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-wrapper {
  border-bottom: 0px solid var(--color--brown\<deleted\|variable-e76f6cf0\>);
  height: 10vh;
}

.navbar-container {
  grid-row-gap: 4rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 2vh 40px;
  display: flex;
  position: relative;
  overflow: visible;
}

.nav-menu-box {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
  position: static;
}

.brand-logo-box {
  justify-content: center;
  align-items: center;
  width: 120px;
  margin: auto;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.brand-logo-box.w--current {
  width: 120px;
}

.menu-icon {
  display: none;
}

.hamburgermenu-inside {
  grid-column-gap: .5rem;
  align-items: center;
  display: none;
  position: static;
}

.fs_modal-1_close-8 {
  cursor: pointer;
  background-color: #f5f5f5;
  padding: 1.5rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.fs_modal-1_close-8:focus-visible, .fs_modal-1_close-8[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_cover-7 {
  position: absolute;
  inset: 0%;
}

.fs_modal-1_button-8 {
  background-color: var(--accessible-components-dodger-blue\<deleted\|variable-61ffd3d7\>);
  color: #fff;
  cursor: pointer;
  padding: .5rem 1rem;
}

.fs_modal-1_button-8:focus-visible, .fs_modal-1_button-8[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.title_box_page_top {
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 30rem;
  height: 100%;
  display: flex;
}

.p1-center {
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  text-decoration: none;
}

.p1-center.top-padding {
  text-align: center;
  padding-top: 1rem;
}

.text_field {
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  height: 3rem;
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  border: 1px solid #654b2740;
  border-radius: 5px;
  padding: .5rem 1rem;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-weight: 500;
  line-height: 1.5;
  display: block;
}

.text_field:active, .text_field:focus, .text_field:focus-visible, .text_field[data-wf-focus-visible] {
  border-color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
}

.contact_form {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 50rem;
  display: flex;
}

.contact_form_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  min-width: 100%;
  display: flex;
}

.submit_buttom {
  background-color: var(--_color---blue-500);
  width: 100%;
  font-family: var(--_font---primary-font);
  color: var(--_color---white);
  font-size: var(--_typography---text--medium-text);
  font-weight: var(--_typography---font-wight--normal);
  border-radius: 1000px;
  margin-top: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.submit_buttom:active {
  background-color: var(--accent-color-orange\<deleted\|variable-71ab59a8-3c7c-8052-1301-4718a2734483\>);
}

.submit_buttom.hug {
  width: auto;
  margin-top: var(--_spacing---spacing--space-md);
  padding: var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-lg);
}

.submit_buttom.hug:hover {
  background-color: var(--_color---blue-700);
  color: var(--_color---white);
}

.form-contact {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.form-item {
  width: 100%;
}

.form-title {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  display: flex;
}

.text-area {
  border-style: solid;
  border-width: 1px;
  border-color: var(--transparent-brown\<deleted\|variable-d9862715-c782-85a8-ba1e-cc39f35da79e\>) #654b2740 #654b2740;
  min-height: 15rem;
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  letter-spacing: .5px;
  border-radius: 5px;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-weight: 500;
  line-height: 2;
  overflow: auto;
}

.text-area:active, .text-area:focus {
  border-color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
}

._2-collumn {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.header-container {
  background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.success-message {
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  border-radius: 10px;
  max-width: 50rem;
  padding: 2rem;
}

.error-message {
  border-radius: 5px;
  margin-bottom: 20px;
}

.favoriting-icon {
  z-index: 1;
  background-color: #fff0;
  border-radius: 3px 0 0;
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  padding: 0;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
}

.favoriting-icon.bigger {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 2px;
}

.favoriting-icon.bigger.white {
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  border-radius: 100px;
  min-width: 25px;
  min-height: 25px;
  padding: 6px;
}

.favoriting-icon-img {
  color: #ccc877;
  border-radius: 0;
  width: 100%;
  height: 100%;
  font-size: 12px;
}

.fs_cms_nest_hide {
  flex-direction: column;
  display: none;
}

.jetboost-toggle-favorite-1lp5 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border: 1px solid #ffffff80;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  overflow: hidden;
}

.jetboost-toggle-favorite-1lp5:hover {
  border-color: #fff;
}

.jetboost-toggle-favorite-1lp5.absolute-right-down {
  position: absolute;
  inset: 12px 12px auto auto;
}

.favorite-link {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-box {
  border-right: 0px solid var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.link-box:hover {
  text-decoration: underline;
}

.link-box.w--current {
  border-right: 1px solid var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  padding: .5rem 1rem .5rem 0;
}

.nav-menu-block---mobile {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
  text-decoration: none;
  display: none;
}

.nav-menu-block---desktop {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.login-form {
  margin-top: var(--_spacing---spacing--space-lg);
  padding: var(--_spacing---spacing--space-none);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--_spacing---radius--radius-xl);
  background-color: var(--_color---white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  overflow: hidden;
}

.link-box.w--current {
  border-right-width: 0;
  padding-right: 0;
}

.account-main-links {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex;
}

.login-signup-box {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: grid;
}

.spine {
  transform-origin: 0%;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  position: absolute;
  inset: 0%;
  transform: translate3d(0, 0, 1px);
}

.primary {
  border: 0px solid var(--color--white\<deleted\|variable-688940cb\>);
  background-color: var(--color--white\<deleted\|variable-688940cb\>);
  color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  transition: all .3s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.primary:hover {
  border-width: 0;
  border-color: var(--color--white\<deleted\|variable-688940cb\>);
  background-color: var(--sea-green-2\<deleted\|variable-c489ec7f\>);
  opacity: 1;
  color: var(--color--white\<deleted\|variable-688940cb\>);
  flex: 0 auto;
}

.primary:active {
  background-color: #55a16a;
  border-color: #55a16a;
}

.brand-logo-box-footer {
  width: 300px;
}

.jetboost-toggle-favorite-1lzz {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.jetboost-toggle-favorite-1lzz.absolute-right-down {
  position: absolute;
  inset: auto auto 12px 12px;
}

.navbar-illustration.flip {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.brand-logo-navbar {
  justify-content: center;
  align-items: center;
  width: 200px;
  margin: auto;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.brand-logo-navbar.w--current {
  width: 200px;
}

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

.brand-ogo-wrapper-footer {
  justify-content: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 30%;
}

.footer-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.navbar-logo-left {
  z-index: 1000;
  padding-top: var(--_spacing---spacing--space-md);
  padding-bottom: var(--_spacing---spacing--space-md);
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-two {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  padding: var(--_spacing---spacing--space-none);
  font-family: var(--_font---primary-font);
  color: var(--_color---nutural-100);
  font-size: var(--_typography---link--text-link);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--medium);
  letter-spacing: .25px;
  margin: 0;
  text-decoration: none;
  transition: all .375s;
  display: block;
}

.nav-link:hover {
  padding: var(--_spacing---spacing--space-none);
  border-radius: var(--_spacing---radius--radius-md);
  color: var(--_color---white);
  text-underline-offset: 8px;
  text-underline-position: auto;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  display: block;
}

.nav-link:active {
  text-align: left;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link.w--current {
  text-underline-offset: 8px;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.mobile-margin-top-10 {
  margin-left: var(--_spacing---spacing--space-none);
}

.style-guide-heading-typography {
  border-style: solid;
  border-width: var(--_stroke---light) var(--_stroke---light) var(--_stroke---none);
  border-color: var(--color--brown-opacity-50\<deleted\|variable-c20e50dc-736f-878e-fe15-4d54599a5135\>);
  border-radius: var(--_spacing---radius--radius-xl);
  overflow: hidden;
}

.style-guide-heading-grid {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  display: grid;
}

.style-guide-heading-content {
  min-height: var(--_spacing---spacing--space-3xlg);
  padding-right: var(--_spacing---spacing--space-lg);
  padding-left: var(--_spacing---spacing--space-lg);
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: var(--color--brown-opacity-50\<deleted\|variable-c20e50dc-736f-878e-fe15-4d54599a5135\>);
  background-color: var(--color--transparent\<deleted\|variable-e4beeef9-0319-ee4a-30b9-50cd03b079d9\>);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.style-guide-heading-content._2 {
  min-height: var(--_spacing---spacing--space-2xlg);
  background-color: var(--color--blue-500\<deleted\|variable-26ad256d-7704-46e8-62fb-25c7f32c5588\>);
}

.class-name {
  padding: var(--_spacing---spacing--space-xxs) var(--_spacing---spacing--space-sm);
  background-color: var(--color--blue-700-opacity-20\<deleted\|variable-2f363336-b5da-c2d5-d162-e66d357e289b\>);
  font-family: var(--_font---primary-font);
  color: var(--color--blue-700\<deleted\|variable-d9d73969-a9d9-4527-16be-7855f3dc95b1\>);
  line-height: var(--_typography---text--medium-text);
  font-weight: var(--_typography---font-wight--medium);
}

.display {
  font-size: var(--_typography---heading--display);
}

.paragraph {
  font-family: var(--_font---primary-font);
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  font-size: var(--_typography---text--medium-text);
  font-weight: var(--_typography---font-wight--bold);
}

.style-guide-tiltle {
  font-family: var(--_font---primary-font);
  color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  font-size: var(--_typography---text--medium-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--bold);
}

.style-guide-tiltle.secondary {
  font-family: var(--_font---secondary-font);
  font-size: var(--_typography---text--large-text);
  text-transform: uppercase;
}

.style-guide-title-box {
  flex-flow: column;
  display: flex;
}

.style-guide-title-box.sub {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.style-guide-content {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  display: flex;
}

.section, .section.style-guide-top {
  padding-top: var(--_spacing---spacing--space-3xlg);
  padding-bottom: var(--_spacing---spacing--space-3xlg);
}

.section.blue {
  padding-top: var(--_spacing---spacing--space-3xlg);
  padding-bottom: var(--_spacing---spacing--space-3xlg);
  background-color: var(--_color---blue-200);
}

.section.none-upper {
  padding-top: var(--_spacing---spacing--space-none);
}

.section.none-upper.hidden {
  display: none;
}

.section.header {
  padding-top: var(--_spacing---spacing--space-none);
}

.section.map {
  background-color: var(--_color---blue-800);
  background-image: linear-gradient(84deg, #46799ccc, #d0d9de38 97%, #fff0), url('../images/leaflet-0303.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-bottom: 0 solid #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 50vh;
  margin: 0;
  padding-top: 15vh;
  display: flex;
}

.section.large-upeerp-padding {
  padding-top: var(--_spacing---spacing--space-3xlg);
}

.section.hidden {
  display: flex;
}

.section.about {
  background-color: var(--_color---blue-800);
  background-image: linear-gradient(105deg, #29506be6, #b8c5ce63 50%, #fff0), url('../images/250516-spring0128.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-bottom: 0 solid #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 50vh;
  margin: 0;
  padding-top: 15vh;
  display: flex;
}

.section.bigger {
  padding-top: var(--_spacing---spacing--space-xlg);
  padding-bottom: var(--_spacing---spacing--space-xlg);
}

.section.nuetural-100 {
  background-color: var(--_color---blue-100);
}

.section.why-forest-and-water {
  background-color: var(--_color---blue-800);
  background-image: linear-gradient(84deg, #46799ccc, #fff0 72%, #d0d9de38 97%), url('../images/20260628_m45.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-bottom: 0 solid #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 50vh;
  margin: 0;
  padding-top: 15vh;
  display: flex;
}

.section.approach {
  background-image: linear-gradient(50deg, #12121280, #fff0), url('../images/20260628_m30.jpg');
  background-position: 0 0, 50% 80%;
  background-size: auto, cover;
  height: auto;
  min-height: 100vh;
}

.section.neautural-50 {
  padding-top: var(--_spacing---spacing--space-3xlg);
  padding-bottom: var(--_spacing---spacing--space-3xlg);
  background-color: var(--_color---nutural-50);
}

.section.water-forest {
  background-color: var(--_color---blue-100);
}

.section.project--2 {
  background-image: linear-gradient(6deg, #000c 14%, #fff0), url('../images/step-3-or-last.jpg');
  background-position: 0 0, 50% 95%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 80vh;
  display: flex;
}

.section.what-we-cherish {
  background-image: linear-gradient(50deg, #12121280, #fff0), url('../images/step-3-or-last.jpg');
  background-position: 0 0, 50% 80%;
  background-size: auto, cover;
  height: auto;
  min-height: 100vh;
}

.page-title {
  padding-bottom: var(--_spacing---spacing--space-xs);
  margin-top: 0;
  margin-bottom: 0;
}

.dot {
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--color--blue-500\<deleted\|variable-26ad256d-7704-46e8-62fb-25c7f32c5588\>);
  width: 8px;
  height: 8px;
}

.navbar-content {
  width: 100%;
  padding: var(--_spacing---spacing--space-sm) var(--_spacing---spacing--space-sm) var(--_spacing---spacing--space-sm) var(--_spacing---spacing--space-lg);
  border: 0px solid var(--_color---white-opacity-30);
  border-radius: var(--_spacing---radius--radius-xxl);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background-color: #6aa0c9ba;
}

.primary-contrast-button {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border: var(--_stroke---medium) solid var(--_color---blue-500);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---white);
  min-width: 0;
  color: var(--_color---brown);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 14px 28px;
  text-decoration: none;
  transition: all .375s;
  display: flex;
}

.primary-contrast-button:hover {
  border-color: var(--_color---blue-700);
  opacity: 1;
}

.button-icon {
  border-radius: 0;
  width: 24px;
  height: 24px;
  display: block;
}

.button-icon.white {
  color: var(--_color---white);
}

.button-icon.hidden {
  display: none;
}

.button-icon.large {
  border: 0px solid var(--_color---white);
  border-radius: var(--_spacing---radius--radius-xxl);
  width: 36px;
  height: 36px;
  padding: 0;
  position: static;
}

.button-text {
  width: 100%;
  font-family: var(--_font---primary-font);
  color: var(--_color---white-opacity-90);
  font-size: var(--_typography---link--button);
  font-weight: var(--_typography---font-wight--medium);
  text-align: left;
}

.button-text.contrast {
  color: var(--_color---blue-700);
  line-height: var(--_typography---line-height--medium);
}

.hero-section {
  height: auto;
  padding-top: 10vh;
  padding-bottom: var(--_spacing---spacing--space-2xlg);
  background-color: #0000;
  margin-top: 0;
  overflow: hidden;
}

.hero-grid {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-block-content {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 0;
  display: flex;
  position: static;
}

.hero-block-image {
  width: 100%;
}

.img-filtered-bigger {
  mix-blend-mode: multiply;
  width: 110%;
  max-width: none;
  margin-top: 0%;
}

.hero-title {
  color: var(--_color---brown);
  font-size: var(--_typography---heading--h1);
  line-height: var(--_typography---line-height--large);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.body-6 {
  background-color: var(--_color---nutural-100);
  overflow: visible;
}

.accent-text {
  padding-right: var(--_spacing---spacing--space-xxs);
  padding-left: var(--_spacing---spacing--space-xxs);
  font-family: var(--_font---secondary-font);
  color: var(--_color---brown);
  font-style: normal;
  font-weight: var(--_typography---font-wight--bold);
  letter-spacing: 0;
  text-transform: none;
  text-underline-offset: 6px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_color---blue-500);
  text-decoration-color: var(--_color---blue-500);
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-position: auto;
  text-decoration-style: dashed;
  text-decoration-thickness: 3px;
}

.medium-text {
  grid-column-gap: var(--_spacing---spacing--space-sm);
  grid-row-gap: var(--_spacing---spacing--space-sm);
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--medium-text);
  line-height: var(--_typography---line-height--large);
  font-weight: var(--_typography---font-wight--normal);
  letter-spacing: 0;
  margin-bottom: 0;
}

.medium-text.center {
  text-align: center;
}

.medium-text.white {
  color: var(--_color---nutural-100);
}

.medium-text.white.hightlight {
  text-underline-offset: -16px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_color---blue-800);
  text-decoration-color: var(--_color---blue-800);
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 20px;
}

.medium-text.placeholder {
  color: var(--_color---placeholder);
}

.medium-text.space {
  margin-bottom: var(--_typography---text--medium-text);
}

.medium-text.medium {
  font-weight: var(--_typography---font-wight--medium);
}

.medium-text.highlighted {
  text-underline-offset: -16px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_color---green-opacity-20);
  text-decoration-color: var(--_color---green-opacity-20);
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-position: auto;
  text-decoration-thickness: 20px;
}

.medium-text.bold {
  font-weight: var(--_typography---font-wight--bold);
  margin-top: 0;
}

.medium-text.hidden {
  display: none;
}

.medium-text.blue.medium {
  margin-top: 0;
}

.medium-text.dark-blue {
  color: var(--_color---blue-800);
}

.primary-blue-button {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---blue-500);
  min-width: 0;
  color: var(--_color---brown);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 14px 28px;
  text-decoration: none;
  transition: all .375s;
  display: flex;
}

.primary-blue-button:hover {
  background-color: var(--_color---blue-700);
}

.primary-blue-button.padding-top {
  margin-top: 20px;
}

.button-block {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-block.vertical {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}

.warning-tag {
  padding: var(--_spacing---spacing--space-xxs) var(--_spacing---spacing--space-xs);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---orange-red-opacity-20);
  color: var(--_color---orange-red);
  font-size: var(--_typography---text--xs-text);
}

.waring-block {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: row-reverse wrap;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.warning-wrapper {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  background-color: var(--_color---transparent);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
  position: static;
}

.warning-wrapper.hidden {
  display: none;
}

.small-text {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--small-text);
  line-height: var(--_typography---line-height--large);
  font-weight: var(--_typography---font-wight--normal);
  word-break: normal;
  margin-bottom: 0;
}

.small-text.white {
  color: var(--_color---white);
  position: static;
  inset: auto 0% 0%;
}

.small-text.white.absolute {
  text-align: center;
  position: static;
  inset: auto 0% 15%;
}

.small-text.white.short {
  width: auto;
  max-width: 700px;
}

.small-text.medium {
  font-size: var(--_typography---text--small-text);
  font-weight: var(--_typography---font-wight--medium);
  text-align: left;
}

.small-text.medium.center {
  color: var(--_color---brown);
  font-weight: var(--_typography---font-wight--medium);
  text-align: center;
}

.small-text.blue.medium {
  font-weight: var(--_typography---font-wight--medium);
}

.small-text.blue.report-item {
  font-size: var(--_typography---text--xs-text);
  display: none;
}

.small-text.blue.upper-padding {
  font-weight: var(--_typography---font-wight--medium);
  margin-top: 10px;
}

.small-text.orange {
  color: var(--_color---orange-red);
  font-weight: var(--_typography---font-wight--medium);
}

.small-text.orange.report-item {
  font-size: var(--_typography---text--xs-text);
  display: none;
}

.small-text.green {
  color: var(--_color---green);
  font-size: var(--_typography---text--small-text);
  font-weight: var(--_typography---font-wight--medium);
}

.small-text.green.report-item {
  font-size: var(--_typography---text--xs-text);
  display: none;
}

.small-text.bold {
  font-weight: var(--_typography---font-wight--bold);
  margin-top: 10px;
}

.small-text.bold.dashed {
  text-underline-offset: 8px;
  margin-top: 0;
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
  text-decoration-thickness: 1px;
}

.small-text.center {
  text-align: center;
}

.small-text._150-height {
  line-height: var(--_typography---line-height--medium);
}

.small-text.underline {
  text-underline-offset: 8px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_color---brown-opacity-10);
  text-decoration-color: var(--_color---brown-opacity-10);
  text-decoration-thickness: 1px;
}

.small-text.dark-blue {
  color: var(--_color---blue-800);
}

.text-block {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  display: flex;
}

.text-block.no-space {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
}

.text-block.small-gap {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
}

.hero-full-image-block {
  height: auto;
  padding-top: var(--_spacing---spacing--space-3xlg);
  padding-bottom: var(--_spacing---spacing--space-3xlg);
  mix-blend-mode: darken;
  background-image: url('../images/leaflet-0303.jpg');
  background-position: 0 0;
  background-size: cover;
}

.description-block {
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  flex-flow: column;
  display: flex;
}

.heading-2 {
  color: var(--_color---brown);
  font-size: var(--_typography---heading--h2);
  line-height: var(--_typography---line-height--large);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-2.white {
  color: var(--_color---white);
  font-size: var(--_typography---heading--h2);
  margin-top: 0;
  margin-bottom: 0;
}

.english-accent-text {
  font-family: var(--_font---secondary-font);
  color: var(--_color---blue-500);
  font-size: var(--_typography---text--2x-large-text);
  font-weight: var(--_typography---font-wight--bold);
  text-transform: uppercase;
  margin-bottom: 0;
}

.english-accent-text.white {
  color: var(--_color---nutural-100);
  font-size: var(--_typography---text--2x-large-text);
  text-transform: uppercase;
}

.english-accent-text.small {
  font-size: var(--_typography---text--medium-text);
  margin-bottom: 0;
}

.english-accent-text.small.center {
  text-align: center;
}

.english-accent-text.small.white {
  color: var(--_color---white);
}

.english-accent-blocki {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.title-icon {
  width: 50px;
  height: auto;
}

.action-content {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.action-content-grid {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border-radius: var(--_typography---text--large-text);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 0;
  display: grid;
}

.action-content-single {
  width: 100%;
  min-height: 120px;
  padding: var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  border: 0px dashed var(--_color---brown);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.big-secondary-text {
  font-family: var(--_font---secondary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---heading--display);
  line-height: var(--_typography---line-height--small);
  font-weight: var(--_typography---font-wight--bold);
  text-align: center;
}

.big-secondary-text.blue {
  color: var(--_color---blue-500);
}

.big-secondary-text.white {
  color: var(--_color---white);
  text-align: left;
}

.heading-6 {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---heading--h6);
  line-height: var(--_typography---line-height--large);
  font-weight: var(--_typography---font-wight--bold);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-6.white {
  color: var(--_color---white);
  font-size: var(--_typography---heading--h6);
  font-weight: var(--_typography---font-wight--bold);
}

.heading-6.white.secondary {
  font-family: var(--_font---secondary-font);
  font-size: var(--_typography---heading--h6);
  font-weight: var(--_typography---font-wight--bold);
  text-transform: uppercase;
  border-bottom: 0 solid #000;
  border-left: 0 solid #000;
}

.heading-6.white.secondary:hover {
  text-decoration: none;
}

.heading-6.upper-padding {
  margin-top: 10px;
}

.heading-6.center {
  text-align: center;
}

.feature-block {
  grid-column-gap: var(--_spacing---spacing--space-2xlg);
  grid-row-gap: var(--_spacing---spacing--space-2xlg);
  background-color: #0000;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 500px;
  display: grid;
  position: relative;
}

.feature-block._2 {
  grid-template-columns: .75fr 1fr;
}

.text-content-block {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.image-grid-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template: "Area"
                 "."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  display: grid;
  position: relative;
}

.heading-3 {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---heading--h3);
  line-height: var(--_typography---line-height--large);
  font-weight: var(--_typography---font-wight--bold);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-3.secondary.white {
  font-family: var(--_font---secondary-font);
  color: var(--_color---white);
  font-weight: var(--_typography---font-wight--bold);
  text-transform: uppercase;
}

.heading-3.hover-underline {
  border-bottom: 1px solid var(--_color---white);
  line-height: var(--_typography---line-height--medium);
}

.heading-3.center {
  text-align: center;
}

.heading-3.white {
  color: var(--_color---white);
}

.heading-3.decorative {
  border-left: 8px solid var(--_color---blue-500);
  margin-top: 16px;
  margin-bottom: 16px;
  padding-left: 16px;
}

.heading-5 {
  font-family: var(--_font---primary-font);
  font-size: var(--_typography---heading--h5);
  line-height: var(--_typography---line-height--large);
  font-weight: var(--_typography---font-wight--bold);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-5.center {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-weight: var(--_typography---font-wight--bold);
  text-align: center;
}

.heading-5.white {
  color: var(--_color---white);
}

.layered-image-1 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 60%;
  margin: -10% 0 0 40%;
  position: static;
  inset: auto 0% 0% auto;
}

.layered-image-2 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 90%;
  margin-top: 0;
  margin-right: 60px;
  position: static;
  inset: -10px 0% 0% -10px;
}

.illustration-background {
  mix-blend-mode: multiply;
  background-image: url('../images/leaflet-0303.jpg');
  background-position: 50% 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.story-block {
  padding: var(--_spacing---spacing--space-2xlg);
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  border-radius: var(--_spacing---radius--radius-xl);
  background-color: var(--_color---white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.small-container {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  min-width: 0;
  max-width: 740px;
  display: flex;
}

.accent-illustration {
  object-fit: cover;
  width: 150px;
  height: 150px;
  position: static;
  inset: auto auto 0% 0%;
}

.accent-illustration.left-buttom {
  z-index: 1;
  position: absolute;
  inset: 0% 0% auto auto;
}

.accent-illustration.right-upper {
  width: 120px;
  height: 120px;
  margin-top: -20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.layered-image-3 {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 60%;
  margin-top: 0;
  margin-bottom: -20%;
  margin-right: 60px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.more-infomation-block {
  grid-column-gap: var(--_spacing---spacing--space-2xlg);
  grid-row-gap: var(--_spacing---spacing--space-2xlg);
  flex-flow: column;
  display: flex;
}

.more-infomation-content {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  height: auto;
  display: flex;
}

.more-infomation-grid {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.more-infomation-link-card {
  height: 100%;
  min-height: 0;
  padding: var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  border: 1px solid var(--_color---white);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.more-infomation-link-card:hover {
  border-width: 1px;
  border-color: var(--_color---blue-500);
  background-color: var(--_color---blue-700-opacity-20);
}

.more-infomation-link-card.not-clicakable {
  opacity: .62;
}

.more-infomation-link-card.not-clicakable:hover {
  border-color: var(--_color---white);
  background-color: var(--_color---white);
}

.more-infomation-link-card.not-clicakable.hidden {
  display: none;
}

.more-infomation-link-card.water-forest {
  background-image: linear-gradient(#0006, #0006), url('../images/20260628_m24.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  min-height: 300px;
}

.more-infomation-link-card.water-forest:hover {
  background-image: linear-gradient(#00000080, #00000080), url('../images/20260628_m24.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.more-infomation-layout {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.more-infomation-layout._2 {
  height: 100%;
}

.arrow-only-button {
  border: var(--_stroke---medium) solid var(--_color---blue-500);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---white);
  width: 50px;
  max-width: 50px;
  height: 50px;
  max-height: 50px;
  color: var(--_color---white);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.arrow-only-button.white {
  border-color: var(--_color---white);
  background-color: var(--_color---transparent);
}

.dot-borderline {
  border-bottom: var(--_stroke---light) dashed var(--_color---brown);
  width: 100%;
}

.related-project-link-card {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  border: 1px solid var(--_color---white);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  min-height: 0;
  text-decoration: none;
  display: grid;
  overflow: hidden;
}

.related-project-link-card:hover {
  border: 1px solid var(--_color---blue-500);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---blue-700-opacity-20);
  opacity: 1;
}

.related-project-image {
  box-sizing: border-box;
  aspect-ratio: auto;
  background-image: url('../images/onlineschool_thumnail.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.related-project-image:hover {
  background-image: url('../images/onlineschool_thumnail.png');
  background-position: 50%;
  background-size: cover;
}

.related-project-context {
  width: 100%;
  padding: var(--_spacing---spacing--space-lg);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  transition: all .375s;
  display: flex;
}

.tag-text {
  padding: var(--_spacing---spacing--space-xxs) var(--_spacing---spacing--space-xs);
  background-color: var(--_color---green);
  font-family: var(--_font---primary-font);
  color: var(--_color---nutural-100);
  font-size: var(--_typography---text--xs-text);
  font-weight: var(--_typography---font-wight--normal);
  text-transform: none;
  border-width: 0;
  border-color: #fff;
}

.related-project-text-block {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-grid {
  padding-bottom: var(--_spacing---spacing--space-3xlg);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-main-info {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  display: flex;
}

.footer-sitemap-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-sitemap-row-block {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.small-bold-text-link {
  font-family: var(--_font---primary-font);
  color: var(--_color---white);
  font-size: var(--_typography---link--small-text-link);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--normal);
  text-decoration: none;
}

.small-bold-text-link:hover {
  color: var(--_color---white);
  text-underline-offset: 4px;
  text-underline-position: under;
  text-decoration: underline;
}

.external-link-block {
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  display: flex;
}

.external-link-icon-image {
  width: 15px;
  height: 15px;
}

.comapny-section {
  padding-top: var(--_spacing---spacing--space-lg);
  padding-bottom: var(--_spacing---spacing--space-lg);
  background-color: var(--_color---nutural-100);
}

.footer-company-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.company-logo {
  width: 150px;
}

.footer-related-project-single {
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: flex;
}

.footer-related-project-single:hover {
  opacity: .8;
  color: var(--_color---nutural-100);
  text-decoration: none;
}

.footer-related-project-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
}

.xs-text {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--xs-text);
  line-height: var(--_typography---line-height--large);
  font-weight: var(--_typography---font-wight--normal);
  margin-bottom: 0;
}

.xs-text.white {
  color: var(--_color---white);
  flex-flow: column;
  display: flex;
}

.xs-text.white.under-line {
  text-underline-offset: 8px;
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
  text-decoration-thickness: 1px;
}

.xs-text.bold {
  font-weight: var(--_typography---font-wight--bold);
}

.xs-text.link {
  text-decoration: none;
}

.xs-text.link:hover {
  text-decoration: underline;
}

.xs-text.accent {
  font-family: var(--_font---secondary-font);
}

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

.xs-text.highlight {
  background-color: var(--_color---blue-700-opacity-20);
}

.xs-text.medium {
  font-weight: var(--_typography---font-wight--medium);
}

.xs-text.table {
  border: 0px solid var(--_color---brown-opacity-50);
  background-color: var(--_color---nutural-200);
  padding-left: 8px;
  padding-right: 8px;
}

.xs-text.table-detail {
  border: 0px solid var(--_color---brown-opacity-50);
  background-color: var(--_color---nutural-50);
  padding-left: 8px;
  padding-right: 8px;
}

.xs-text.dashed {
  text-underline-offset: 4px;
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
  text-decoration-thickness: 1px;
}

.xs-text.dashed.spaced, .xs-text.blue.spaced {
  margin-top: 8px;
}

.xs-text.upper-padding {
  margin-top: 16px;
}

.footer-related-project-img {
  aspect-ratio: 2.39;
  border-radius: var(--_spacing---radius--radius-md);
  background-image: linear-gradient(#00000080, #00000080), url('../images/250516-spring0181-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-pcdl-img {
  aspect-ratio: 2.39;
  border-radius: var(--_spacing---radius--radius-md);
  background-image: url('../images/permaculture-deisgn-lab-image.jpg');
  background-position: 50% 40%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sns-grid {
  grid-column-gap: var(--_spacing---spacing--space-sm);
  grid-row-gap: var(--_spacing---spacing--space-sm);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sns-icon-link {
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---nutraul-900);
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  padding: 8px;
  display: flex;
}

.legal-link-block {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.footer-company-info {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-1 {
  color: var(--_color---brown);
  font-size: var(--_typography---heading--h1);
  line-height: var(--_typography---line-height--medium);
  white-space: break-spaces;
  overflow-wrap: normal;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-1.white {
  color: var(--_color---nutural-100);
  font-size: var(--_typography---heading--display);
  margin-top: 0;
  margin-bottom: 0;
}

.header-block {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
  display: flex;
}

.menu {
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.header-text-block {
  padding-left: var(--_spacing---spacing--space-none);
  grid-column-gap: var(--_spacing---spacing--space-sm);
  grid-row-gap: var(--_spacing---spacing--space-sm);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.header-wrapper {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  display: flex;
}

.map-column {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  display: grid;
  position: relative;
  top: 0;
}

.map-left-column {
  width: 100%;
  position: sticky;
  top: 15vh;
}

.map-right-column {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.filter-wrapper {
  padding: var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: static;
}

.submit-button {
  display: none;
}

.form {
  position: sticky;
  top: 15vh;
}

.checkbox-label {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--small-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--normal);
}

.checkbox {
  display: none;
}

.check-box-filed {
  padding: var(--_spacing---spacing--space-xs);
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border: var(--_stroke---none) solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-md);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  overflow: visible;
}

.check-box-filed:hover {
  border-color: var(--_color---brown);
  background-color: var(--_color---nutural-100);
  color: var(--_color---nutural-100);
}

.filter-item-block {
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  flex-flow: column;
  display: flex;
}

.xs-icon {
  border-radius: 0;
  width: 18px;
  height: 18px;
}

.fliter-category {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.recent-record-block {
  grid-column-gap: 32px;
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start space-around;
  width: 100%;
  display: grid;
}

.recent-record-item {
  border: 0px solid var(--_color---white);
  border-radius: var(--_spacing---radius--radius-xl);
  background-color: var(--_color---white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 0%;
  max-width: none;
  text-decoration: none;
  display: flex;
  position: static;
  overflow: hidden;
}

.recent-record-item:hover {
  border-width: 0;
  border-color: var(--_color---blue-700);
  opacity: 1;
}

.recent-record-item._2 {
  flex-flow: column;
}

.recent-record-content {
  width: 100%;
  padding: var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.tab-link {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border-style: solid;
  border-width: 0 0 4px;
  border-color: black black var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-none);
  background-color: var(--_color---transparent);
  opacity: .8;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.tab-link:hover {
  border-bottom-color: var(--_color---blue-800-opacity-50);
  border-radius: var(--_spacing---radius--radius-none);
  background-color: var(--_color---transparent);
}

.tab-link.w--current {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border-width: 0 0 4px;
  border-color: var(--_color---white-opacity-90) var(--_color---white-opacity-90) var(--_color---blue-500);
  border-radius: var(--_spacing---radius--radius-none);
  background-color: var(--_color---transparent);
  opacity: 1;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.tab-menu {
  z-index: 100;
  width: auto;
  margin-bottom: var(--_spacing---spacing--space-md);
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  border-radius: var(--_spacing---radius--radius-none);
  background-color: var(--_color---transparent);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  font-family: Merriweather, serif;
  display: flex;
  position: static;
  inset: auto 10px 10px auto;
  overflow: hidden;
}

.tab-menu.mypage {
  width: 100%;
  margin-bottom: var(--_spacing---spacing--space-lg);
  border-bottom: 2px solid var(--_color---brown-opacity-10);
  justify-content: flex-start;
  align-items: center;
}

.tabs {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.tabs.my-page {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  border-radius: var(--_spacing---radius--radius-xl);
  padding: 0;
}

.tab-content {
  width: 100%;
  position: static;
}

.record-buttom-infomation {
  width: 100%;
  padding: var(--_spacing---spacing--space-xs) var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border-top: 0px dashed var(--_color---blue-800);
  background-color: var(--_color---blue-700-opacity-20);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.location-block {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.borderline {
  border-bottom: 1px solid var(--_color---brown-opacity-10);
  width: 100%;
  height: 1px;
}

.recent-record-tag-text {
  padding-right: var(--_spacing---spacing--space-xs);
  padding-left: var(--_spacing---spacing--space-xs);
  border: 1px solid var(--_color---blue-800);
  background-color: var(--_color---blue-100);
  font-family: var(--_font---primary-font);
  color: var(--_color---blue-800);
  font-size: var(--_typography---text--xs-text);
  font-weight: var(--_typography---font-wight--normal);
  border-radius: 20px;
}

.recent-record-tag-text.green {
  border-color: var(--_color---green);
  background-color: var(--_color---green-opacity-20);
  color: var(--_color---green);
}

.recent-record-tag-text.orange {
  border-color: var(--_color---orange-red);
  background-color: var(--_color---orange-red-opacity-20);
  color: var(--_color---orange-red);
}

.filter-button {
  padding-top: var(--_spacing---radius--radius-md);
  padding-bottom: var(--_spacing---radius--radius-md);
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---white);
  justify-content: center;
  align-items: center;
  display: none;
}

.recent-record-tag-block {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: wrap;
  display: flex;
}

.create-a-card-button {
  z-index: 1000;
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border: 0px solid var(--_color---nutural-50);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---blue-700);
  filter: drop-shadow(6px 8px 5px #0000001a);
  width: 120px;
  min-width: 0;
  height: 120px;
  color: var(--_color---brown);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 14px 28px;
  text-decoration: none;
  transition: all .375s;
  display: flex;
  position: fixed;
  inset: auto 20px 20px auto;
}

.create-a-card-button:hover {
  background-color: var(--_color---blue-700);
}

.card-button-block {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
}

.more-detail-grid {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.more-detail-grid._2 {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  border: 0 solid #000;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.more-detail-single {
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  border-bottom: 1px solid var(--_color---brown-opacity-10);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.more-detail-single._2 {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  border-bottom-width: 0;
  display: flex;
}

.recent-record-item-upper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.recent-record-item-upper._2 {
  flex-flow: column;
}

._3-factor-grid {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

._3-factor-grid._2 {
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
}

.factor-title {
  font-family: var(--_font---primary-font);
  color: var(--_color---white);
  font-size: var(--_typography---text--xs-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--medium);
}

.factor-title.blue {
  width: 100%;
  padding-top: var(--_spacing---spacing--space-xxs);
  padding-bottom: var(--_spacing---spacing--space-xxs);
  border-top-left-radius: var(--_spacing---radius--radius-md);
  border-top-right-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---blue-700);
  color: var(--_color---white);
  font-size: var(--_typography---text--xxs-text);
  justify-content: center;
  align-items: center;
  display: flex;
}

.factor-title.orange {
  width: 100%;
  padding-top: var(--_spacing---spacing--space-xxs);
  padding-bottom: var(--_spacing---spacing--space-xxs);
  border-top-left-radius: var(--_spacing---radius--radius-md);
  border-top-right-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---orange-red);
  font-size: var(--_typography---text--xxs-text);
  justify-content: center;
  align-items: center;
  display: flex;
}

.factor-title.green {
  width: 100%;
  padding-top: var(--_spacing---spacing--space-xxs);
  padding-bottom: var(--_spacing---spacing--space-xxs);
  background-color: var(--_color---green);
  font-size: var(--_typography---text--xxs-text);
  justify-content: center;
  align-items: center;
  display: flex;
}

.report-result-item {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---blue-700-opacity-20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.report-result-item.blue {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  position: relative;
  overflow: visible;
}

.report-result-item.orange {
  min-height: 0;
  padding-bottom: var(--_spacing---spacing--space-none);
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  background-color: var(--_color---orange-red-opacity-20);
  position: relative;
  overflow: visible;
}

.report-result-item.green {
  min-height: 0;
  padding-bottom: var(--_spacing---spacing--space-none);
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  background-color: var(--_color---green-opacity-20);
}

.popup-close-button {
  z-index: 1001;
  background-color: var(--_color---white-opacity-90);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 10px 10px auto auto;
}

.google-map {
  border-radius: var(--_spacing---radius--radius-xl);
  background-image: url('../images/Screenshot-2025-10-24-at-3.49.57-PM.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 640px;
  max-height: 640px;
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.p1-2 {
  color: #654b27;
  text-align: left;
  letter-spacing: 0;
  white-space: pre-line;
  word-break: normal;
  overflow-wrap: normal;
  flex: 0 auto;
  margin-bottom: 0;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  text-decoration: none;
}

.p1-2.small {
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 12px;
  display: block;
}

.p1-2.small.white {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  font-weight: 700;
}

.p1-2.small.white:hover {
  text-decoration: none;
}

.popup-container {
  border-radius: var(--_spacing---radius--radius-xl);
  flex: 0 auto;
  height: 100%;
  max-height: none;
  padding-top: 0;
  padding-right: 0;
  position: relative;
  overflow: auto;
}

.location-popup {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: var(--_spacing---radius--radius-none);
  background-color: var(--_color---transparent);
  flex-flow: column;
  width: 100%;
  max-width: 380px;
  height: auto;
  max-height: none;
  padding: 10px 10px 10px 0;
  transition: margin .2s, opacity .2s;
  display: none;
  position: absolute;
  inset: 0 0 0 auto;
  overflow: hidden;
}

.googlemap-pin {
  width: 30px;
  height: 30px;
  padding-bottom: 0;
  position: absolute;
}

.location-popup-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: none;
  height: auto;
  max-height: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.slider-card {
  box-sizing: border-box;
  aspect-ratio: 3 / 2;
  color: #50352a;
  width: 100%;
}

.slider-nav {
  width: 100%;
  font-size: var(--_typography---text--xs-text);
  position: absolute;
}

.slider-icon {
  font-size: var(--_typography---text--2x-large-text);
}

.slider {
  aspect-ratio: auto;
  direction: ltr;
  flex: none;
  width: 50%;
  height: auto;
  display: block;
  position: relative;
}

.slider._2 {
  width: 100%;
}

.slider-mask {
  width: auto;
}

.slider-image {
  color: #50352a;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: static;
  inset: 0%;
}

.arrow-box {
  width: 12%;
}

.report-wrapper {
  margin-top: var(--_spacing---spacing--space-none);
  flex-flow: column;
  display: flex;
}

.report-form {
  padding-top: var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  display: flex;
}

.report-buton {
  width: 100%;
  margin-top: var(--_spacing---spacing--space-lg);
  padding: var(--_spacing---spacing--space-md);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---blue-700);
  font-family: var(--_font---primary-font);
  color: var(--_color---nutural-100);
  font-size: var(--_typography---link--button);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--medium);
}

.form-content {
  padding-top: var(--_spacing---spacing--space-md);
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start flex-start;
  align-items: center;
  display: flex;
  position: relative;
  top: auto;
}

.text-field {
  min-height: 50px;
  padding: var(--_spacing---spacing--space-md);
  border: var(--_stroke---medium) solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-md);
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--medium-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--normal);
  margin-bottom: 0;
}

.text-field:active, .text-field:focus-visible, .text-field[data-wf-focus-visible] {
  border-color: var(--_color---blue-500);
}

.text-field.small {
  width: 48.7%;
}

.text-field.grid {
  border-style: solid;
  border-width: 0;
  border-bottom-color: var(--_color---brown-opacity-50);
  border-radius: var(--_spacing---radius--radius-none);
  background-color: var(--_color---white);
  text-align: center;
  height: auto;
}

.report-form-section {
  width: 100%;
  padding: var(--_spacing---spacing--space-none);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border: var(--_stroke---none) solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---spacing--space-none);
  background-color: var(--_color---transparent);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.report-form-section.first-hidden {
  margin-bottom: var(--_spacing---spacing--space-none);
  display: flex;
}

.report-section-title {
  border-left: 0px solid var(--_color---blue-500);
  color: var(--_color---blue-800);
  font-size: var(--_typography---heading--h5);
  line-height: var(--_typography---line-height--large);
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.report-section-title.sub {
  font-size: var(--_typography---heading--h6);
}

.helper-text {
  width: auto;
  margin-bottom: var(--_spacing---spacing--space-xxs);
  font-family: var(--_font---primary-font);
  color: var(--_color---brown-opacity-70);
  font-size: var(--_typography---text--xs-text);
  font-weight: var(--_typography---font-wight--normal);
  flex-flow: column;
  display: flex;
}

.report-section-title-block {
  width: 100%;
  min-height: 100px;
  margin-bottom: var(--_spacing---spacing--space-md);
  padding: var(--_spacing---spacing--space-none) var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-sm);
  grid-row-gap: var(--_spacing---spacing--space-sm);
  background-color: var(--_color---blue-100);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.report-section-title-block.spaced {
  min-height: 80px;
  margin-top: var(--_spacing---spacing--space-none);
  padding: var(--_spacing---spacing--space-none) var(--_spacing---spacing--space-none) var(--_spacing---spacing--space-none) var(--_spacing---radius--radius-none);
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  border-radius: var(--_spacing---radius--radius-md);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: minmax(100px, 100px) 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

.report-section-title-block.spaced.first-hidden {
  margin-top: var(--_spacing---spacing--space-none);
  padding-right: var(--_spacing---spacing--space-md);
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  border: 0px solid var(--_color---blue-700-opacity-20);
  border-radius: var(--_spacing---radius--radius-md);
  opacity: 1;
  grid-template-rows: auto;
  grid-template-columns: minmax(100px, 100px) 1fr minmax(50px, 50px);
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.report-step-box {
  border-radius: var(--_spacing---radius--radius-none);
  background-color: var(--_color---blue-800);
  width: 100px;
  height: 100%;
  min-height: 80px;
  font-family: var(--_font---primary-font);
  color: var(--_color---nutural-100);
  font-size: var(--_typography---text--small-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--bold);
  text-align: center;
  text-transform: uppercase;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: static;
  inset: 0% auto 0% 0%;
}

.report-step-box.hidden {
  display: none;
}

.report-section-title-text-block {
  padding-top: var(--_spacing---spacing--space-none);
  padding-bottom: var(--_spacing---spacing--space-none);
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.report-form-section-accent {
  width: 100%;
  padding: var(--_spacing---spacing--space-md);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border: var(--_stroke---bold) solid var(--_color---blue-700-opacity-20);
  border-radius: var(--_spacing---radius--radius-xl);
  background-color: var(--_color---blue-200);
  flex-flow: wrap;
  display: flex;
}

.medium-icon {
  border-radius: 0;
  width: 32px;
  height: 32px;
}

.field-item {
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.field-item.small {
  width: 48.8%;
}

.field-item.hidden {
  display: none;
}

.field-item._2 {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
}

.select-field {
  min-height: 50px;
  padding: var(--_spacing---spacing--space-xs) var(--_spacing---spacing--space-sm);
  border: var(--_stroke---medium) solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  font-family: var(--_font---primary-font);
  color: #999;
  font-size: var(--_typography---text--medium-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--normal);
  flex-flow: row;
  margin-bottom: 0;
  display: block;
}

.select-field:active {
  color: var(--_color---brown);
}

.select-field:focus-visible, .select-field[data-wf-focus-visible] {
  border-color: var(--_color---blue-500);
  color: var(--_color---brown);
}

.select-field.grid {
  border-width: var(--_stroke---none) var(--_stroke---none) var(--_spacing---radius--radius-none);
  border-bottom-color: var(--_color---brown-opacity-50);
  border-radius: var(--_spacing---radius--radius-none);
  background-color: var(--_color---white);
  height: 100%;
  color: var(--_color---ninni-bg);
}

.select-field.grid:active, .select-field.grid:focus-visible, .select-field.grid[data-wf-focus-visible] {
  color: var(--_color---brown);
}

.text-area {
  min-height: 12rem;
  padding: var(--_spacing---spacing--space-md);
  border-width: 2px;
  border-color: var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-md);
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--medium-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--normal);
}

.text-area:focus-visible, .text-area[data-wf-focus-visible] {
  border-color: var(--_color---blue-500);
}

.report-section-title-block-vertical {
  width: 100%;
  padding: var(--_spacing---spacing--space-none);
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  background-color: var(--_color---blue-100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blue {
  color: var(--_color---blue-700);
}

.required-text {
  margin-left: var(--_spacing---spacing--space-xxs);
  padding-right: var(--_spacing---spacing--space-xxs);
  padding-left: var(--_spacing---spacing--space-xxs);
  background-color: var(--_color---required-bg);
  color: var(--_color---nutural-50);
  font-size: var(--_typography---text--xs-text);
  font-weight: var(--_typography---font-wight--normal);
}

.ninni-text {
  margin-left: var(--_spacing---spacing--space-xxs);
  padding-right: var(--_spacing---spacing--space-xxs);
  padding-left: var(--_spacing---spacing--space-xxs);
  background-color: var(--_color---ninni-bg);
  color: var(--_color---white);
  font-size: var(--_typography---text--xs-text);
  font-weight: var(--_typography---font-wight--normal);
}

.ninni-text.grid {
  width: 100%;
  margin-left: var(--_spacing---radius--radius-none);
  background-color: var(--_color---ninni-bg);
  text-align: center;
}

.suisho-text {
  margin-left: var(--_spacing---spacing--space-xxs);
  padding-right: var(--_spacing---spacing--space-xxs);
  padding-left: var(--_spacing---spacing--space-xxs);
  background-color: var(--_color---blue-500);
  color: var(--_color---white);
  font-size: var(--_typography---text--xs-text);
  font-weight: var(--_typography---font-wight--normal);
}

.suisho-text.grid {
  width: 100%;
  margin-left: var(--_spacing---spacing--space-none);
  background-color: var(--_color---blue-500);
  text-align: center;
}

.data-wrapper {
  width: 100%;
  margin-bottom: var(--_spacing---spacing--space-none);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--_color---brown-opacity-10);
  border-bottom: 0px solid var(--_color---brown-opacity-50);
  border-left: 1px solid var(--_color---brown-opacity-10);
  border-radius: 0;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr .25fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.delete-button {
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---brown-opacity-50);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  padding: 0;
  display: flex;
}

.report-grid-content {
  border-right: 1px solid var(--_color---brown-opacity-10);
  border-bottom: 1px solid var(--_color---brown-opacity-10);
  background-color: var(--_color---white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.report-grid-content._2 {
  background-color: var(--_color---nutural-100);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
}

.add-button {
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---brown-opacity-50);
}

.report-item-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr .25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.helper-text-block {
  width: 100%;
  padding-top: var(--_spacing---spacing--space-xxs);
  padding-bottom: var(--_spacing---spacing--space-xxs);
}

.radio-check-button {
  width: auto;
  margin-right: var(--_spacing---spacing--space-none);
  padding: var(--_spacing---spacing--space-xxs) var(--_spacing---spacing--space-md);
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border: var(--_stroke---medium) solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-xxl);
  color: var(--_color---blue-700);
  -webkit-text-stroke-color: var(--_color---brown);
  background-color: #0000;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
}

.radio-check-button:active, .radio-check-button:focus {
  border-color: var(--_color---blue-700);
  background-color: var(--_color---white);
}

.radio-check-button:focus-visible, .radio-check-button[data-wf-focus-visible] {
  border-color: var(--_color---blue-700);
}

.radio-check-button.illustration {
  padding-top: var(--_spacing---spacing--space-sm);
  padding-bottom: var(--_spacing---spacing--space-sm);
  padding-left: var(--_spacing---spacing--space-md);
  grid-column-gap: var(--_spacing---spacing--space-sm);
  grid-row-gap: var(--_spacing---spacing--space-sm);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  position: relative;
}

.radio-check-button.illustration.w--current {
  border-color: var(--_color---blue-500);
  background-color: var(--_color---white);
}

.radio-check-button.illustration.horizontal {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.radio-check-button-block {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.radio-check-button-block.grid {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.radio-check-button-block.grid-4 {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.radio-check-button-block.grid-2 {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.report-form-section-wrapper {
  padding: var(--_spacing---spacing--space-none);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border: var(--_stroke---none) solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---spacing--space-none);
  background-color: var(--_color---transparent);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.logo-text {
  font-family: var(--_font---secondary-font);
  color: var(--_color---nutural-100);
  font-size: var(--_typography---heading--h2);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--bold);
  text-transform: none;
}

.logo-text.small {
  font-family: var(--_font---secondary-font);
  font-size: var(--_typography---heading--h4);
  text-transform: none;
}

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

.image.small {
  width: 65%;
  margin-right: 0;
  padding-right: 0;
}

.image.layered-buttom {
  width: 80%;
  margin-top: 0;
  margin-right: 0;
  padding-right: 0;
}

.image.layered-top {
  width: 100%;
  margin-right: 20px;
}

.image.medium {
  width: 80%;
  padding-right: 0;
}

.image.medium.margin {
  margin-right: 20px;
  padding-right: 0;
}

.image._0-radium {
  border-radius: 0;
}

.image.uppper-padding {
  margin-top: 20px;
}

.image.botton-padding {
  margin-bottom: 10px;
}

.image._50 {
  width: 50%;
}

.text-filed-number-block {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.upload-data-image {
  width: 200px;
}

.sub-text {
  font-family: var(--_font---primary-font);
  color: var(--_color---blue-800);
  font-size: var(--_typography---text--small-text);
  line-height: var(--_typography---line-height--large);
  font-weight: var(--_typography---font-wight--medium);
  text-align: left;
  text-underline-offset: -14px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_color---blue-700-opacity-20);
  text-decoration-color: var(--_color---blue-700-opacity-20);
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: 18px;
}

.sub-text.brown {
  background-color: var(--_color---brown);
  color: var(--_color---white);
  margin-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
}

.sub-text.space {
  padding-right: 4px;
}

.report-section-heading-title {
  width: 100%;
  height: 100%;
  min-height: 100px;
  margin-bottom: var(--_spacing---spacing--space-none);
  padding: var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.step-text {
  font-weight: var(--_typography---font-wight--medium);
}

.photo-upload {
  width: auto;
  min-height: 50px;
  padding: var(--_spacing---spacing--space-md);
  grid-column-gap: var(--_spacing---spacing--space-sm);
  grid-row-gap: var(--_spacing---spacing--space-sm);
  border: var(--_stroke---medium) dashed var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--medium-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--normal);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
}

.photo-upload:active, .photo-upload:focus-visible, .photo-upload[data-wf-focus-visible] {
  border-color: var(--_color---blue-500);
}

.report-status-grid {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  width: auto;
  display: grid;
}

.badge {
  box-sizing: border-box;
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  aspect-ratio: auto;
  border: 2px solid var(--_color---blue-500);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4px;
  display: flex;
}

.badge.not-yet {
  border: 2px dashed var(--_color---blue-500);
  border-radius: var(--_spacing---radius--radius-md);
  opacity: .3;
  padding-left: 8px;
  padding-right: 8px;
}

.badge-img {
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 0;
  width: 32px;
  min-width: 0;
  max-width: none;
  height: auto;
}

.report-status-wrapper {
  z-index: 1;
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border-top: 0px solid var(--_color---brown-opacity-10);
  background-color: var(--_color---nutural-50);
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: .5fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: auto;
  padding: 12px;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
  box-shadow: 0 2px 5px #0003;
}

.badge-text {
  font-family: var(--_font---primary-font);
  color: var(--_color---blue-700);
  font-size: var(--_typography---text--xs-text);
  font-weight: var(--_typography---font-wight--medium);
  text-align: center;
}

.status-ready {
  width: 100%;
  padding: var(--_spacing---spacing--space-md);
  border: 1px dashed var(--_color---blue-500);
  background-color: var(--_color---white);
  border-radius: 4px;
}

.small-text-copy {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--small-text);
  line-height: var(--_typography---line-height--large);
  font-weight: var(--_typography---font-wight--normal);
  margin-bottom: 0;
}

.small-text-copy.medium {
  font-weight: var(--_typography---font-wight--medium);
}

.report-section-subtitle {
  width: 100%;
  min-height: 60px;
  margin-top: var(--_spacing---spacing--space-lg);
  margin-bottom: var(--_spacing---spacing--space-md);
  padding: var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  border: 1px solid var(--_color---blue-700-opacity-20);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---blue-100);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(50px, 50px);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.report-section-subtitle.not-clickable {
  border-radius: var(--_spacing---radius--radius-none);
  border-width: 0;
  grid-template-columns: 1fr;
}

.report-section-subtitle.not-clickable.no-space {
  margin-top: var(--_spacing---spacing--space-none);
  margin-bottom: var(--_spacing---spacing--space-none);
}

.report-result-content {
  width: 100%;
  padding: var(--_spacing---spacing--space-xs);
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.report-result-content._2 {
  padding: var(--_spacing---spacing--space-md);
}

.report-result-content-block {
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white-opacity-30);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4px 4px 4px 5px;
  display: flex;
  position: relative;
}

.report-result-tag-block {
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-none);
  flex-flow: wrap;
  display: flex;
}

.result {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border: 0px dashed var(--_color---brown-opacity-70);
  border-radius: var(--_spacing---radius--radius-xl);
  background-color: var(--_color---transparent);
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.open-button {
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---white);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 6px;
  display: flex;
}

.report-section-sub-title-text-block {
  padding-top: var(--_spacing---spacing--space-none);
  padding-bottom: var(--_spacing---spacing--space-none);
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.form-item-container-hidden {
  width: 100%;
  padding: var(--_spacing---spacing--space-none);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border: var(--_stroke---none) solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---spacing--space-none);
  background-color: var(--_color---transparent);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.form-item-container {
  width: 100%;
  padding-bottom: var(--_spacing---spacing--space-2xlg);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.form-item-container.no-padding {
  padding-bottom: var(--_spacing---spacing--space-none);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
}

.form-item-optional {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  flex-flow: column;
  display: flex;
}

.heading-4 {
  font-size: var(--_typography---heading--h4);
  margin-top: 0;
  margin-bottom: 0;
}

.medium-number {
  font-family: var(--_font---secondary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--large-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--bold);
}

.small-tanni {
  font-size: var(--_typography---text--small-text);
  padding-left: 4px;
}

.small-tanni.jp {
  font-size: var(--_typography---text--xs-text);
}

.care-badge-block {
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  border: 0px solid var(--_color---brown);
  border-radius: var(--_spacing---radius--radius-md);
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  display: flex;
}

.care-badge-text {
  background-color: var(--_color---orange-red-opacity-20);
  width: 100%;
  font-family: var(--_font---primary-font);
  color: var(--_color---orange-red);
  font-size: 9px;
  font-weight: var(--_typography---font-wight--bold);
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.div-block-40 {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.recent-record-wrapper {
  width: 100%;
  padding: var(--_spacing---spacing--space-none);
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.tag-date-block {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.xxs-text {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--xxs-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--normal);
}

.writer-date-block, .edit-block {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  display: flex;
}

.edit-icon {
  background-color: var(--_color---blue-800-opacity-50);
  border-radius: 4px;
  width: 24px;
  height: 24px;
  padding: 4px;
}

.edit-icon:hover {
  background-color: var(--_color---blue-500);
}

.kansatsu-img {
  opacity: 1;
  vertical-align: baseline;
  mix-blend-mode: multiply;
  position: static;
  inset: 0%;
}

.form-title {
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.kansatsu-shurui {
  margin-top: var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-sm);
  grid-row-gap: var(--_spacing---spacing--space-sm);
  flex-flow: column;
  display: flex;
}

.large-icon {
  width: 50px;
  height: 50px;
}

.kansatsu-shurui-selected {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.kansatsu-shurui-selected-text-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.category-illustration {
  mix-blend-mode: normal;
  border-radius: 0;
  width: 100%;
}

.category-illustration._2 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 33%;
}

.radio-check-button-icon {
  width: 12px;
  height: 12px;
  margin-right: var(--_spacing---spacing--space-none);
  padding: var(--_spacing---spacing--space-xxs) var(--_spacing---spacing--space-none) var(--_spacing---spacing--space-xxs) var(--_spacing---radius--radius-none);
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  border: var(--_stroke---medium) solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-xxl);
  color: var(--_color---blue-700);
  -webkit-text-stroke-color: var(--_color---brown);
  background-color: #0000;
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  margin-left: 10px;
  display: flex;
}

.radio-check-button-icon:active, .radio-check-button-icon:focus {
  border-color: var(--_color---blue-700);
  background-color: var(--_color---white);
}

.radio-check-button-icon:focus-visible, .radio-check-button-icon[data-wf-focus-visible] {
  border-color: var(--_color---blue-700);
}

.radio-check-button-icon {
  margin-left: 0;
}

.radio-check-button-icon.w--redirected-checked {
  padding-top: var(--_spacing---spacing--space-none);
  padding-bottom: var(--_spacing---spacing--space-none);
}

.check-button-mark, .radio-button-icon {
  margin-left: 0;
}

.recommended-card-wrapper {
  width: 100%;
  margin-top: var(--_spacing---spacing--space-lg);
}

.recommended-card-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rc-popup-wrapper {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: fixed;
  inset: 0%;
}

.rc-card-link {
  height: 100%;
  padding: var(--_spacing---spacing--space-sm);
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border: var(--_stroke---medium) solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.rc-card-link:hover {
  background-color: var(--_color---white);
}

.rc-card-display-text {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.rc-popup-inner-wrapper {
  width: 100%;
  height: 100%;
  padding: var(--_spacing---spacing--mobile-padding);
  background-color: #0000005c;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rc-content-wrapper {
  width: 900px;
  height: auto;
  padding: var(--_spacing---spacing--space-lg);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--_spacing---radius--radius-xl);
  background-color: var(--_color---white);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
  overflow: scroll;
}

.illustration-img {
  mix-blend-mode: darken;
}

.rc-popup-detail {
  grid-column-gap: var(--_spacing---spacing--space-sm);
  grid-row-gap: var(--_spacing---spacing--space-sm);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.rc-left-block {
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---transparent);
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.kansatsu-link {
  width: auto;
  margin-right: var(--_spacing---spacing--space-none);
  padding: var(--_spacing---spacing--space-md);
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border: var(--_stroke---medium) solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  color: var(--_color---blue-700);
  -webkit-text-stroke-color: var(--_color---brown);
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: 0;
  text-decoration: none;
  display: flex;
}

.kansatsu-link:hover {
  border-color: var(--_color---blue-500);
  background-color: var(--_color---white);
}

.kansatsu-link:active, .kansatsu-link:focus {
  border-color: var(--_color---blue-700);
  background-color: var(--_color---white);
}

.kansatsu-link:focus-visible, .kansatsu-link[data-wf-focus-visible] {
  border-color: var(--_color---blue-700);
}

.rc-card-detail-item {
  padding: var(--_spacing---spacing--space-md);
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---nutural-50);
  flex-flow: column;
  display: flex;
}

.tag-text-2 {
  padding: var(--_spacing---spacing--space-xxs) var(--_spacing---spacing--space-md);
  border: 1px solid var(--_color---blue-500);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---blue-200);
  font-family: var(--_font---primary-font);
  color: var(--_color---blue-800);
  font-size: var(--_typography---text--small-text);
  font-weight: var(--_typography---font-wight--normal);
  text-transform: none;
}

.tag-block {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: wrap;
  padding-top: 4px;
  display: flex;
}

.popup-action-button {
  z-index: 1;
  width: auto;
  padding: var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-lg);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---blue-500);
  font-family: var(--_font---primary-font);
  font-size: var(--_typography---text--medium-text);
  font-weight: var(--_typography---font-wight--medium);
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  inset: auto auto 10%;
}

.popup-action-button:hover {
  background-color: var(--_color---blue-700);
  color: var(--_color---white);
}

.popup-close-button {
  background-color: var(--_color---brown);
  border-radius: 20px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 8px;
  position: absolute;
  inset: 20px 20px auto auto;
}

.icon-img {
  border-radius: 0;
}

.link-text-small {
  font-family: var(--_font---primary-font);
  color: var(--_color---blue-500);
  font-size: var(--_typography---text--xs-text);
  font-weight: var(--_typography---font-wight--medium);
  text-underline-offset: 4px;
  text-decoration: underline;
}

.rc-content-block {
  display: flex;
}

.check-button-with-icon {
  width: auto;
  margin-right: var(--_spacing---spacing--space-none);
  padding: var(--_spacing---spacing--space-xxs) var(--_spacing---spacing--space-md);
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border: var(--_stroke---medium) solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---transparent);
  color: var(--_color---blue-700);
  -webkit-text-stroke-color: var(--_color---brown);
  background-image: url('../images/canopy.jpg');
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: static;
}

.check-button-with-icon:active, .check-button-with-icon:focus {
  border-color: var(--_color---blue-700);
  background-color: var(--_color---white);
}

.check-button-with-icon:focus-visible, .check-button-with-icon[data-wf-focus-visible] {
  border-color: var(--_color---blue-700);
}

.checkbox-icon-img {
  aspect-ratio: 3 / 2;
  mix-blend-mode: multiply;
  object-fit: cover;
  width: 100%;
  height: auto;
  padding: 5px;
}

.checkbox-icon-img._2 {
  object-position: 50% 70%;
}

.navigation-block {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.login-form-context {
  width: 100%;
  padding: var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  display: flex;
}

.check-box {
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.check-mark {
  margin-top: 0;
  margin-left: 0;
}

.check-mark._2 {
  margin-top: 6px;
  margin-right: 4px;
}

.login-form-item-list {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: column;
  display: flex;
}

.help-information {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.xs-text-link {
  font-family: var(--_font---primary-font);
  color: var(--_color---blue-500);
  font-size: var(--_typography---text--xs-text);
  font-weight: var(--_typography---font-wight--medium);
}

.login-section {
  height: auto;
  min-height: 90vh;
  padding-top: var(--_spacing---spacing--space-3xlg);
  padding-bottom: var(--_spacing---spacing--space-2xlg);
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/leaflet-0303.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.small-text-link {
  font-family: var(--_font---primary-font);
  color: var(--_color---blue-500);
  font-size: var(--_typography---text--small-text);
  font-weight: var(--_typography---font-wight--normal);
}

.small-text-link.medium {
  font-weight: var(--_typography---font-wight--medium);
}

.account-link {
  width: 30px;
  height: 30px;
}

.account-wrapper {
  margin-top: var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-2xlg);
  grid-row-gap: var(--_spacing---spacing--space-2xlg);
  border-radius: var(--_spacing---radius--radius-xl);
  background-color: var(--_color---transparent);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  padding: 0;
  display: flex;
}

.context-block {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.context-block.center {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  justify-content: space-between;
  align-items: center;
}

.context-block.center.blur {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  border: 1px solid var(--_color---white-opacity-30);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---black-opacity-20);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  padding: 32px;
}

.context-block._2 {
  flex-flow: column;
  display: flex;
}

.context-block.small {
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-start;
  width: 500px;
  max-width: 500px;
  display: flex;
}

.context-block.small.blur {
  width: 600px;
  max-width: 600px;
  padding: var(--_spacing---spacing--space-lg);
  border: 1px solid var(--_color---white-opacity-30);
  border-radius: var(--_spacing---radius--radius-md);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.context-block.horizontal {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.context-block.grid {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.context-block.medium {
  max-width: 740px;
}

.context-block.m {
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-start;
  width: 500px;
  max-width: 500px;
  display: flex;
}

.context-block.m.blur {
  width: 100%;
  max-width: none;
  padding: var(--_spacing---spacing--space-2xlg);
  border: 1px solid var(--_color---white-opacity-30);
  border-radius: var(--_spacing---radius--radius-md);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
}

.context-wrapper {
  grid-column-gap: var(--_spacing---spacing--space-2xlg);
  grid-row-gap: var(--_spacing---spacing--space-2xlg);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  display: flex;
}

.paragragh {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--medium-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--normal);
}

.english-subtitle {
  font-family: var(--_font---secondary-font);
}

.subtitle-block {
  flex-flow: column;
  display: flex;
}

.subtitle-block.dashed {
  border-bottom: 1px dashed var(--_color---brown);
  width: 100%;
  padding-bottom: 16px;
}

.section-header {
  min-height: 50vh;
  padding-top: var(--_spacing---spacing--space-2xlg);
  padding-bottom: var(--_spacing---spacing--space-2xlg);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-header.style-guide-top {
  padding-top: var(--_spacing---spacing--space-3xlg);
  padding-bottom: var(--_spacing---spacing--space-3xlg);
}

.section-header.blue {
  padding-top: var(--_spacing---spacing--space-3xlg);
  padding-bottom: var(--_spacing---spacing--space-3xlg);
  background-color: var(--_color---blue-200);
}

.section-header.none-upper {
  padding-top: var(--_spacing---spacing--space-none);
}

.section-header.none-upper.hidden {
  display: none;
}

.section-header.header {
  padding-top: var(--_spacing---spacing--space-none);
}

.section-header.map {
  background-color: var(--_color---blue-800);
  background-image: linear-gradient(105deg, #29506b, #d0d9de38 59%, #fff0), url('../images/leaflet-0303.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-bottom: 0 solid #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 50vh;
  margin: 0;
  padding-top: 15vh;
  display: flex;
}

.section-header.large-upeerp-padding {
  padding-top: var(--_spacing---spacing--space-3xlg);
}

.section-header.hidden {
  display: none;
}

.section-header.about {
  background-color: var(--_color---blue-800);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(105deg, #29506bcc, #fff0 56%), url('../images/250516-spring0128.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-bottom: 0 solid #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 50vh;
  margin: 0;
  padding-top: 15vh;
  display: flex;
}

.section-header.hint {
  background-color: var(--_color---blue-800);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(105deg, #29506bcc, #fff0 56%), url('../images/what-to-do-main.jpg');
  background-position: 0 0, 100% 100%;
  background-size: auto, cover;
  border-bottom: 0 solid #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 50vh;
  margin: 0;
  padding-top: 15vh;
  display: flex;
}

.section-header.water-forest {
  background-color: var(--_color---blue-800);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(105deg, #29506bcc, #fff0 56%), url('../images/20260628_m24.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-bottom: 0 solid #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 50vh;
  margin: 0;
  padding-top: 15vh;
  display: flex;
}

.image-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area ."
                 ". Area-2 Area-2"
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.radio-button-clickable-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.layer-checkbutton-grid {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.layer-checkbutton-grid.grid {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.layer-checkbutton-grid.grid-4 {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.layer-checkbutton-grid.grid-2 {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.user-basic-info {
  width: 100%;
  margin-top: var(--_spacing---spacing--space-none);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border-radius: var(--_spacing---radius--radius-none);
  border-bottom: 0 solid #000;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.my-kansatsu-wrapper {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border-radius: var(--_spacing---radius--radius-xl);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.my-kansatsu-list {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: flex;
}

.my-kansatsu-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 200px) 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: grid;
  overflow: hidden;
}

.my-kansatsu-item:hover {
  background-color: var(--_color---white);
  opacity: .9;
}

.my-kansatsu-image {
  aspect-ratio: 3 / 2;
  border-radius: var(--_spacing---radius--radius-none);
  object-fit: cover;
  height: 100%;
}

.my-kansatsu-context {
  height: 100%;
  padding: var(--_spacing---spacing--space-md);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.my-kansatsu-context-upper {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

._1000forestgarden-badge {
  padding: var(--_spacing---spacing--space-xxs) var(--_spacing---spacing--space-sm);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---green);
  font-family: var(--_font---primary-font);
  color: var(--_color---white);
  font-size: var(--_typography---text--small-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--normal);
}

.mypage-badge-block {
  padding: var(--_spacing---spacing--space-none) var(--_spacing---spacing--space-none) var(--_spacing---radius--radius-none);
  grid-column-gap: var(--_spacing---radius--radius-md);
  grid-row-gap: var(--_spacing---radius--radius-md);
  border-radius: var(--_spacing---radius--radius-xxl);
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--small-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--medium);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.small-icon {
  border-radius: 0;
  width: 32px;
  height: 32px;
}

.my-page-setting-form {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.my-page-setting-form-wrapper {
  width: 100%;
  padding: var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border-radius: var(--_spacing---radius--radius-xl);
  background-color: var(--_color---white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.tab-pane {
  width: 100%;
}

.user-name-block {
  grid-column-gap: var(--_spacing---radius--radius-none);
  grid-row-gap: var(--_spacing---radius--radius-none);
  border-bottom: 0px solid var(--_color---white-opacity-30);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.my-kansatsu-item-title {
  width: 100%;
}

.my-page-subtitle {
  padding-bottom: var(--_spacing---spacing--space-none);
  border-bottom: 0px dashed var(--_color---brown);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.empty-state {
  width: 100%;
  padding: var(--_spacing---spacing--space-lg);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
}

.kansatsu-badge {
  padding: var(--_spacing---spacing--space-xxs) var(--_spacing---spacing--space-sm);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---blue-700);
  font-family: var(--_font---primary-font);
  color: var(--_color---white);
  font-size: var(--_typography---text--small-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--normal);
}

.kansatsu-badge.small {
  font-size: var(--_typography---text--xs-text);
}

.mypage-user-info-item {
  grid-column-gap: var(--_spacing---spacing--space-xxs);
  grid-row-gap: var(--_spacing---spacing--space-xxs);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mypage-user-info {
  background-color: var(--_color---blue-500);
  padding-top: 20vh;
  padding-bottom: 10vh;
}

.my-page-setting-section {
  width: 100%;
  padding: var(--_spacing---spacing--space-lg);
  border-radius: var(--_spacing---radius--radius-xl);
  background-color: var(--_color---white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.primary-blue-button-copy {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---blue-500);
  min-width: 0;
  color: var(--_color---brown);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 14px 28px;
  text-decoration: none;
  transition: all .375s;
  display: flex;
}

.primary-blue-button-copy:hover {
  background-color: var(--_color---blue-700);
}

.mypage-setting-wrapper {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.logout-button {
  padding: var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-lg);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---ninni-bg);
}

.logout-button:hover {
  background-color: var(--_color---ninni-bg);
  opacity: .8;
  color: var(--_color---white);
}

.my-dashboard-wrapper {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mypage-action-wrapper {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mysetting-action-link {
  width: 100%;
  height: 100%;
  padding: var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border: 1px solid var(--_color---white);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.mysetting-action-link:hover {
  border-width: 1px;
  border-color: var(--_color---blue-500);
  background-color: var(--_color---nutural-50);
}

.mypage-user-info-detail {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.coming-soon-block {
  grid-column-gap: var(--_spacing---spacing--space-none);
  grid-row-gap: var(--_spacing---spacing--space-none);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
}

.medium-illustration-image {
  width: 120px;
}

.mypage-date-and-mode {
  grid-column-gap: var(--_spacing---spacing--mobile-padding);
  grid-row-gap: var(--_spacing---spacing--mobile-padding);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.my-kansatsu-lower-block {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.vertical-borderline {
  flex: 0 auto;
  align-self: stretch;
  width: 1px;
  height: 10px;
  min-height: 100%;
}

.vertical-borderline.white {
  background-color: var(--_color---white-opacity-30);
  order: 0;
  align-self: auto;
  height: 100%;
  display: block;
  position: static;
}

.vertical-borderline.brown {
  background-color: var(--_color---brown-opacity-10);
  order: 0;
  align-self: auto;
  height: 100%;
  display: block;
  position: static;
}

.content-column {
  grid-column-gap: var(--_spacing---spacing--space-2xlg);
  grid-row-gap: var(--_spacing---spacing--space-2xlg);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  display: grid;
}

.content-column._3 {
  grid-template-columns: 1fr .75fr;
}

.content-column._4 {
  grid-template-rows: auto auto;
}

.content-column.less-gap {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
}

.content-column._2 {
  grid-template-columns: .5fr 1fr;
}

.content-column._2.less-gap {
  margin-bottom: 20px;
}

.content-wrapper.bg-image {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: end flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.content-wrapper.center {
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.section-large-padding, .section-large-padding.style-guide-top {
  padding-top: var(--_spacing---spacing--space-3xlg);
  padding-bottom: var(--_spacing---spacing--space-3xlg);
}

.section-large-padding.blue {
  padding-top: var(--_spacing---spacing--space-3xlg);
  padding-bottom: var(--_spacing---spacing--space-3xlg);
  background-color: var(--_color---blue-200);
}

.section-large-padding.none-upper {
  padding-top: var(--_spacing---spacing--space-none);
}

.section-large-padding.none-upper.hidden {
  display: none;
}

.section-large-padding.header {
  padding-top: var(--_spacing---spacing--space-none);
}

.section-large-padding.map {
  background-color: var(--_color---blue-800);
  background-image: linear-gradient(84deg, #46799ccc, #d0d9de38 97%, #fff0), url('../images/leaflet-0303.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-bottom: 0 solid #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 50vh;
  margin: 0;
  padding-top: 15vh;
  display: flex;
}

.section-large-padding.large-upeerp-padding {
  padding-top: var(--_spacing---spacing--space-3xlg);
}

.section-large-padding.hidden {
  display: none;
}

.section-large-padding.about {
  background-color: var(--_color---blue-800);
  background-image: linear-gradient(105deg, #29506be6, #b8c5ce63 50%, #fff0), url('../images/250516-spring0128.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-bottom: 0 solid #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 50vh;
  margin: 0;
  padding-top: 15vh;
  display: flex;
}

.section-large-padding.bigger {
  padding-top: var(--_spacing---spacing--space-xlg);
  padding-bottom: var(--_spacing---spacing--space-xlg);
}

.section-large-padding.nuetural-100 {
  background-color: var(--_color---blue-100);
}

.section-large-padding.why-forest-and-water {
  background-color: var(--_color---blue-800);
  background-image: linear-gradient(84deg, #46799ccc, #fff0 72%, #d0d9de38 97%), url('../images/Screenshot-2026-07-07-at-7.07.15-PM.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-bottom: 0 solid #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 50vh;
  margin: 0;
  padding-top: 15vh;
  display: flex;
}

.section-large-padding.image {
  background-image: url('../images/20260628_m30.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100vh;
}

.section-large-padding.nuetual-200 {
  background-color: var(--_color---nutural-200);
}

.section-large-padding.step {
  background-color: #0000;
  background-image: linear-gradient(138deg, #00000080, #fff0), url('../images/20260628_m24.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.section-large-padding.nueatural-50 {
  background-color: var(--_color---nutural-50);
}

.layered-image-4 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  margin: 0% 0 0 0%;
  position: static;
  inset: auto 0% 0% auto;
}

.image-set {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.layered-image-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.layered-image-block.layered-image-1 {
  position: relative;
}

.feature-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.feature-grid-item {
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  padding: 32px;
}

.feature-item-context {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  flex-flow: column;
  display: flex;
}

.check-button-click {
  width: auto;
  margin-right: var(--_spacing---spacing--space-none);
  padding: var(--_spacing---spacing--space-xxs) var(--_spacing---spacing--space-md);
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border: var(--_stroke---medium) solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-xxl);
  color: var(--_color---blue-700);
  -webkit-text-stroke-color: var(--_color---brown);
  background-color: #0000;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
}

.check-button-click:active, .check-button-click:focus {
  border-color: var(--_color---blue-700);
  background-color: var(--_color---white);
}

.check-button-click:focus-visible, .check-button-click[data-wf-focus-visible] {
  border-color: var(--_color---blue-700);
}

.check-button-click.illustration {
  padding-top: var(--_spacing---spacing--space-sm);
  padding-bottom: var(--_spacing---spacing--space-sm);
  padding-left: var(--_spacing---spacing--space-md);
  grid-column-gap: var(--_spacing---spacing--space-sm);
  grid-row-gap: var(--_spacing---spacing--space-sm);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  position: relative;
}

.check-button-click.illustration.w--current {
  border-color: var(--_color---blue-500);
  background-color: var(--_color---white);
}

.check-button-click.illustration.horizontal {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.feature-item {
  padding: var(--_spacing---spacing--space-lg);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
}

.feature-item.blue {
  padding: var(--_spacing---spacing--space-none);
  border: 0px solid var(--_color---blue-500);
  background-color: var(--_color---blue-700-opacity-20);
  overflow: hidden;
}

.feature-item.orange {
  padding: var(--_spacing---spacing--space-none);
  border: 0px solid var(--_color---orange-red);
  background-color: var(--_color---orange-red-opacity-20);
  overflow: hidden;
}

.feature-item.green {
  padding: var(--_spacing---spacing--space-none);
  border: 0px solid var(--_color---green);
  background-color: var(--_color---green-opacity-20);
  overflow: hidden;
}

.heading-blue-with-bg {
  background-color: var(--_color---blue-500);
  color: var(--_color---white);
  font-size: var(--_typography---heading--h6);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.heading-orange-with-bg {
  background-color: var(--_color---orange-red);
  color: var(--_color---white);
  font-size: var(--_typography---heading--h6);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.heading-green-with-bg {
  background-color: var(--_color---green);
  color: var(--_color---white);
  font-size: var(--_typography---heading--h6);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.coming-soon {
  font-family: var(--_font---secondary-font);
  color: var(--_color---blue-500);
  font-size: var(--_typography---text--small-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--medium);
  margin-top: 0;
  margin-bottom: 0;
}

.feature-grid-with-arrow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(35px, 35px) 1fr minmax(35px, 35px) 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  display: grid;
}

.arrow-icon {
  width: 35px;
  height: 35px;
}

.feature-context {
  padding: var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.landscape-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 10px;
  margin-top: 8px;
  margin-bottom: 16px;
}

.feature-item-inside-block {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.image-small-square {
  aspect-ratio: 1;
  width: 50px;
  height: 50px;
}

._3-reason-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.reason-item {
  padding: var(--_spacing---spacing--space-lg);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  flex-flow: column;
  display: flex;
}

.title-box {
  display: flex;
}

.xl-icon {
  width: 62px;
  height: 62px;
}

.image-layered-set {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.large-text {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--large-text);
  line-height: var(--_typography---line-height--large);
  font-weight: var(--_typography---font-wight--medium);
  margin-top: 0;
  margin-bottom: 0;
}

.large-text.white {
  color: var(--_color---white);
}

.large-text.bold {
  font-weight: var(--_typography---font-wight--bold);
}

.large-text.center {
  text-align: center;
}

.large-text.center.bold {
  margin-bottom: 0;
}

.large-text.no-padding {
  margin-top: 0;
  margin-bottom: 0;
}

.large-text.blue {
  color: var(--_color---blue-800);
}

.step-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.step-item {
  height: auto;
  padding: var(--_spacing---spacing--space-lg);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid var(--_color---white-opacity-30);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---blue-800-opacity-50);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  grid-template-rows: auto;
  grid-template-columns: minmax(80px, 80px) minmax(1px, 1px) 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
}

.step-item._2 {
  background-color: var(--_color---white);
  align-content: start;
  width: 100%;
}

.step-item._3 {
  background-color: var(--_color---white);
  grid-template-columns: minmax(80px, 80px) minmax(1px, 1px) minmax(200px, 200px) 1fr;
  width: 100%;
}

.step-number-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--_color---transparent);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  padding-top: 10px;
  display: flex;
}

.step-slider {
  background-color: #ddd0;
  width: 100%;
  min-height: 0;
}

.step-slide-1 {
  width: auto;
  max-width: 700px;
  padding-right: 16px;
}

.learn-more-big-block {
  background-color: var(--_color---transparent);
  padding-left: 32px;
}

.horizontal-borderline {
  display: flex;
}

.horizontal-borderline.step {
  display: none;
}

.horizontal-borderline.brown {
  background-color: var(--_color---brown-opacity-10);
  display: none;
}

.horizontal-borderline.for-dark-bg {
  display: none;
}

.map-section {
  min-height: 100vh;
  max-height: none;
  padding-top: var(--_spacing---spacing--space-3xlg);
  padding-bottom: var(--_spacing---spacing--space-3xlg);
  mix-blend-mode: darken;
  display: block;
  position: static;
}

.japan-map-image {
  object-fit: contain;
  width: 40%;
  position: static;
  inset: auto 0% 0% auto;
}

.popup-close-button-text {
  color: var(--_color---white);
}

.map-image {
  aspect-ratio: auto;
  mix-blend-mode: darken;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100vw;
  height: 40vh;
}

.navigation-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.navigation-card-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.xxl-icon {
  object-fit: cover;
  width: 124px;
  min-width: 124px;
  height: 124px;
  min-height: 124px;
}

._2-image-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: relative;
}

.small-image {
  object-fit: contain;
  width: 120px;
}

.approach-image-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.paragraph-section {
  grid-column-gap: var(--_spacing---spacing--space-sm);
  grid-row-gap: var(--_spacing---spacing--space-sm);
  flex-flow: column;
  display: flex;
}

.medium-image {
  width: 70%;
}

.reason-text-2-column {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.addtional-info {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---black-opacity-20);
  flex-flow: column;
  margin-top: 10px;
  padding: 16px;
  display: flex;
}

.button-with-info {
  width: 100%;
  height: 100%;
  padding: var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border: 1px solid var(--_color---white);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-with-info:hover {
  border-width: 1px;
  border-color: var(--_color---blue-500);
  background-color: var(--_color---white);
}

.button-inside-text-block {
  flex-flow: column;
  display: flex;
}

.button-block-vertical {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.large-contents-grid {
  grid-column-gap: 8%;
  grid-row-gap: 8%;
  grid-template-rows: auto;
  grid-template-columns: .33fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.observation-tip-outline {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 0px solid var(--_color---blue-500);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 32px 32px;
  display: flex;
  position: sticky;
  top: 18vh;
  overflow: visible;
}

.overview-title-link {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--xs-text);
  font-weight: var(--_typography---font-wight--medium);
  letter-spacing: 0;
  flex: 0 auto;
  padding-left: 0;
  text-decoration: none;
}

.overview-title-link:hover {
  text-decoration: none;
}

.overview-title-link.w--current {
  color: var(--_color---blue-700);
  font-weight: var(--_typography---font-wight--normal);
}

.overview-title-link.subtitle {
  color: var(--_color---brown);
  font-size: var(--_typography---text--xxs-text);
  line-height: var(--_typography---line-height--medium);
  letter-spacing: 0;
}

.ot-list-item {
  border-bottom: 1px solid var(--_color---blue-800-opacity-50);
  width: 100%;
  color: var(--_color---blue-700);
  justify-content: space-between;
  align-items: flex-start;
  list-style-type: disc;
  display: block;
}

.list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--_color---brown);
  flex-flow: column;
  flex: 0 auto;
  padding-left: 40px;
  list-style-type: decimal;
  display: block;
}

.list-number {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  margin-top: 16px;
  padding-left: 20px;
  list-style-type: decimal;
  display: flex;
  overflow: visible;
}

.list-number._2, .list-number.big {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.list-item-blue {
  border-bottom: 1px solid var(--_color---blue-700-opacity-20);
  font-family: var(--_font---secondary-font);
  color: var(--_color---blue-500);
  font-size: var(--_typography---text--xs-text);
  font-weight: var(--_typography---font-wight--bold);
  padding-left: 4px;
}

.list-item-blue.sub {
  border-bottom-width: 0;
  padding-left: 0;
}

.tape {
  background-color: var(--_color---blue-500);
  font-family: var(--_font---secondary-font);
  color: #fff;
  font-size: var(--_typography---text--small-text);
  font-weight: var(--_typography---font-wight--medium);
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  margin-top: -10px;
  padding: 4px 16px 3px;
}

.observation-tip-context {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  max-width: none;
  display: flex;
}

.observation-tip-context.smaller {
  max-width: var(--_size---container--s-max-width);
}

.main-section {
  grid-column-gap: var(--_spacing---spacing--space-lg);
  grid-row-gap: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  display: flex;
}

.main-section.small {
  max-width: 700px;
}

.sub-section-list {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.kansatsu-type-item {
  border-radius: var(--_spacing---radius--radius-xl);
  background-color: var(--_color---white);
  padding: 32px;
}

.kansatsu-type-context-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.list-dot {
  width: 100%;
  margin-top: 0;
  padding-left: 40px;
}

.list-dot.no-padding {
  padding-left: 20px;
}

.list-item-brown {
  border-bottom: 1px solid var(--_color---brown-opacity-10);
  font-family: var(--_font---secondary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--small-text);
  font-weight: var(--_typography---font-wight--bold);
  padding-left: 4px;
}

.list-item-brown.no-padding {
  border-bottom-width: 1px;
  border-bottom-color: var(--_color---blue-200);
  line-height: var(--_typography---line-height--medium);
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0;
}

.kansatsu-type-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.step-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.step-item-2 {
  height: auto;
  padding: var(--_spacing---radius--radius-none) var(--_spacing---spacing--space-none) var(--_spacing---spacing--space-none);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 0px solid var(--_color---white-opacity-30);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
  overflow: hidden;
}

.context {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.content-block {
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  flex-flow: column;
  display: flex;
}

.step-context-block {
  width: 100%;
  padding: var(--_spacing---spacing--space-lg);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  transition: all .375s;
  display: flex;
}

._2-image-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  display: grid;
}

.sub-section-list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.sub-section-list-item.hidden {
  display: none;
}

.tape-copy {
  background-color: var(--_color---blue-500);
  font-family: var(--_font---secondary-font);
  color: #fff;
  font-size: var(--_typography---text--small-text);
  font-weight: var(--_typography---font-wight--medium);
  text-align: center;
  border-radius: 4px;
  margin-top: -10px;
  padding: 4px 8px 3px;
}

.card-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.card {
  width: 100%;
  height: 100%;
  padding: var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-lg);
  grid-column-gap: var(--_spacing---spacing--space-md);
  grid-row-gap: var(--_spacing---spacing--space-md);
  border: 0px solid var(--_color---white);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.card:hover {
  border-width: 0;
  border-color: var(--_color---blue-500);
  background-color: var(--_color---white);
}

.list-2 {
  list-style-type: decimal;
}

.widescreen-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin-top: 10px;
}

._3-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.kansatsu-info-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  flex-flow: column;
  padding: 32px;
  display: flex;
}

.image-as-bg {
  aspect-ratio: 16 / 9;
  background-image: url('../images/extreme-heat-day.png');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 48px;
  display: flex;
  position: relative;
}

.summer-challenge-illustration {
  mix-blend-mode: normal;
  border-radius: 20px;
  width: 300px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.list-item-big {
  border-bottom: 1px solid var(--_color---brown-opacity-10);
  font-family: var(--_font---secondary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--large-text);
  line-height: 2;
  font-weight: var(--_typography---font-wight--bold);
  flex: 0 auto;
  padding-top: 8px;
  padding-bottom: 16px;
}

.list-item-block {
  flex-flow: column;
  height: 100%;
  display: flex;
}

.addtional-info-brown-bg {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---brown-opacity-10);
  flex-flow: column;
  margin-top: 0;
  padding: 16px 32px;
  display: flex;
}

.accordion-top-icon {
  background-color: var(--_color---blue-500);
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 8px;
  transition: all .3s;
  position: relative;
}

.accordion-top-icon:hover {
  transform: scale(.95);
}

.accordion-icon-stripe-2 {
  background-color: #fff;
  width: 100%;
  height: 1px;
  position: absolute;
}

.faq-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.accordion-bottom {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  width: 100%;
  overflow: hidden;
}

.p1-3 {
  color: #654b27;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  text-decoration: none;
}

.p1-3.brown {
  font-family: var(--_font---primary-font);
  font-size: var(--_typography---text--small-text);
  font-weight: var(--_typography---font-wight--normal);
}

.accordion-icon-stripe-1 {
  background-color: #fff;
  width: 1px;
  height: 100%;
}

.accordion-top-wrap {
  flex: 1;
  padding-top: 16px;
  padding-bottom: 16px;
}

.accordion-top {
  opacity: 1;
  align-items: center;
  width: 100%;
  transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.accordion-top:hover {
  opacity: 1;
}

.accordion-top-icon-wrap {
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  display: flex;
  position: relative;
}

.faq-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--_color---white);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---white);
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding: 1rem 2rem;
  display: flex;
}

.faq-item:hover {
  border: 1px solid var(--_color---blue-500);
}

.accordion-top-text {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--medium-text);
  line-height: 24px;
  font-weight: var(--_typography---font-wight--bold);
}

.sub-list {
  margin-top: 4px;
  padding-left: 10px;
  list-style-type: disc;
}

.addtional-info-blue-bg {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border: 0px solid var(--_color---blue-500);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--_color---blue-700-opacity-20);
  flex-flow: column;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 32px;
  display: flex;
}

.block-quote {
  border-left-width: 0;
  border-left-color: var(--_color---blue-700-opacity-20);
  color: var(--_color---blue-800);
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: var(--_typography---text--large-text);
  line-height: var(--_typography---line-height--large);
  font-style: normal;
  font-weight: var(--_typography---font-wight--medium);
  text-underline-offset: -20px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_color---blue-700-opacity-20);
  text-decoration-color: var(--_color---blue-700-opacity-20);
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 0;
  text-decoration-style: solid;
  text-decoration-thickness: 24px;
}

.overview-sub-link {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--xs-text);
  font-weight: var(--_typography---font-wight--normal);
  letter-spacing: 0;
  flex: 0 auto;
  padding-left: 0;
  text-decoration: none;
}

.overview-sub-link:hover {
  text-decoration: none;
}

.overview-sub-link.w--current {
  color: var(--_color---blue-700);
  font-weight: var(--_typography---font-wight--normal);
}

.overview-sub-link.subtitle {
  color: var(--_color---brown);
  font-size: var(--_typography---text--xxs-text);
  line-height: var(--_typography---line-height--medium);
  letter-spacing: 0;
}

.display-english-text {
  font-family: var(--_font---secondary-font);
  color: var(--_color---white);
  font-size: 5vw;
  line-height: var(--_typography---line-height--small);
  text-align: center;
  -webkit-text-stroke-width: 0px;
  margin-top: 0;
  margin-bottom: 0;
}

.name-title-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.square-image {
  aspect-ratio: 1;
  object-fit: cover;
}

.addtional-info-red-bg {
  grid-column-gap: var(--_spacing---spacing--space-xs);
  grid-row-gap: var(--_spacing---spacing--space-xs);
  border-radius: var(--_spacing---radius--radius-md);
  background-color: var(--soft-orange);
  flex-flow: column;
  margin-top: 0;
  padding: 16px 32px;
  display: flex;
}

.get-location-button {
  width: 100%;
}

.location-button {
  min-height: 35px;
  padding: var(--_spacing---spacing--space-xs) var(--_spacing---spacing--space-md);
  border: var(--_stroke---medium) solid var(--_color---brown-opacity-10);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---white);
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--small-text);
  line-height: var(--_typography---line-height--medium);
  font-weight: var(--_typography---font-wight--normal);
  margin-bottom: 0;
  text-decoration: none;
}

.location-button:hover, .location-button:active, .location-button:focus-visible, .location-button[data-wf-focus-visible] {
  border-color: var(--_color---blue-500);
}

.location-button.small {
  width: 48.7%;
}

.location-button.grid {
  border-style: solid;
  border-width: 0;
  border-bottom-color: var(--_color---brown-opacity-50);
  border-radius: var(--_spacing---radius--radius-none);
  background-color: var(--_color---white);
  text-align: center;
  height: auto;
}

.field-item-set {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.field-title-box {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.field-title-box._2 {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.help-icon {
  border-radius: 0;
  width: 16px;
  height: 16px;
}

.help-mark {
  background-color: var(--_color---blue-500);
  width: 16px;
  height: 16px;
  color: var(--_color---white);
  font-size: var(--_typography---text--xxs-text);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.help-popup-wrapper {
  z-index: 100;
  background-color: var(--_color---white-opacity-30);
  width: auto;
  height: auto;
  display: none;
  position: fixed;
  inset: 0%;
}

.help-popup-inner-wrapper {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000005c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.help-link-button {
  z-index: 1;
  width: auto;
  padding: var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-lg);
  border-radius: var(--_spacing---radius--radius-xxl);
  background-color: var(--_color---blue-500);
  font-family: var(--_font---primary-font);
  font-size: var(--_typography---text--medium-text);
  font-weight: var(--_typography---font-wight--medium);
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  inset: auto auto 10%;
}

.help-link-button:hover {
  background-color: var(--_color---blue-700);
  color: var(--_color---white);
}

.checkbox-field {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-bottom: 0;
  padding-left: 0;
  display: block;
}

.title-centered {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--large-text);
  font-weight: var(--_typography---font-wight--bold);
  text-align: center;
  margin-bottom: 0;
}

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

.medium-text-centered {
  font-family: var(--_font---primary-font);
  color: var(--_color---brown);
  font-size: var(--_typography---text--medium-text);
  line-height: var(--_typography---line-height--large);
  font-weight: var(--_typography---font-wight--normal);
  text-align: center;
}

.xs-text-white {
  color: var(--_color---white);
  font-size: var(--_typography---text--xs-text);
  font-weight: var(--_typography---font-wight--medium);
}

@media screen and (min-width: 1280px) {
  .medium-text.hidden {
    display: none;
  }

  .text-block.no-space {
    width: 100%;
  }

  .p1-2.small {
    text-align: left;
  }

  .location-popup {
    display: none;
  }

  .medium-icon {
    width: 48px;
    height: 48px;
  }

  .card-block {
    width: 100%;
  }

  .card {
    border-style: dashed;
    border-color: var(--_color---brown-opacity-50);
  }

  .kansatsu-info-box {
    border-radius: var(--_spacing---radius--radius-md);
    background-color: var(--_color---white);
    padding-top: 36px;
    padding-bottom: 36px;
    padding-right: 36px;
  }
}

@media screen and (min-width: 1440px) {
  h3 {
    font-size: 24px;
  }

  a {
    color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
    font-family: Zen Kaku Gothic New, sans-serif;
  }

  img {
    margin-top: 0;
    margin-bottom: 0;
  }

  .container {
    padding-left: var(--_spacing---spacing--space-xlg);
  }

  .link-nav-text {
    letter-spacing: 1px;
    font-size: 14px;
  }

  .link-nav-text.w--current {
    letter-spacing: 1px;
  }

  .link-nav-text.w--current:hover {
    color: var(--color--white\<deleted\|variable-688940cb\>);
  }

  .button-primary-2 {
    align-items: center;
    display: flex;
  }

  .p1.white {
    font-size: 14px;
  }

  .p1.small {
    font-size: 12px;
  }

  .p1.brown.small {
    line-height: 1.5;
  }

  .main_container {
    grid-row-gap: 4rem;
    flex-direction: column;
    max-width: 1400px;
    display: flex;
  }

  .sub_container {
    grid-row-gap: 3rem;
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .h5 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .search_container {
    width: 30rem;
  }

  .wide_container {
    grid-row-gap: 0px;
    flex-direction: column;
    display: flex;
  }

  .dropdown-list {
    border: 2px solid var(--color--brown\<deleted\|variable-e76f6cf0\>);
    margin-top: 0;
    position: fixed;
    inset: 0% 0;
  }

  .dropdown-list.w--open {
    width: 15rem;
    max-width: none;
    margin-top: 0;
    padding-top: .5rem;
    padding-left: 1rem;
    position: absolute;
    inset: auto 0%;
  }

  .fs_modal-1_close-5 {
    inset: auto 0% 0%;
  }

  .fs_modal-1_button-5 {
    justify-content: space-between;
  }

  .flex_vertical_2 {
    grid-row-gap: 40px;
    flex-direction: column;
    display: flex;
  }

  .text_box_2 {
    grid-row-gap: 5px;
  }

  .welcome-section-wrapper {
    grid-template-columns: .5fr .75fr;
  }

  .button-secondary:hover {
    opacity: 1;
    background-color: #fff;
  }

  .button-secondary.green:hover {
    background-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  }

  .collection-list-15 {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .collection-list-wrapper-7 {
    width: 100%;
  }

  .drop-down-text {
    letter-spacing: 1px;
    font-size: 14px;
  }

  .c_search_input {
    padding-left: 4em;
    font-size: 12px;
  }

  .c_search_results-wrap {
    overflow: visible;
  }

  .search-result-link-block {
    grid-template-columns: .25fr 1fr;
  }

  .search-result-wrapper {
    padding: 0;
  }

  .navbar-container {
    grid-row-gap: 4rem;
    flex-direction: row;
    max-width: 1920px;
    padding-top: 2vh;
    padding-bottom: 2vh;
    display: flex;
  }

  .menu-icon {
    font-family: Zen Kaku Gothic New, sans-serif;
  }

  .magazine-menu-wrapper {
    width: 100%;
  }

  .contact_form_wrapper {
    grid-row-gap: 3rem;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .fs_cms_nest_hide {
    display: none;
  }

  .nav-menu-block---desktop {
    width: auto;
  }

  .link-box.w--current {
    border-right-width: 0;
  }

  .login-signup-box {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .section.bigger {
    padding-top: var(--_spacing---spacing--space-2xlg);
  }

  .medium-text.highlighted {
    -webkit-text-decoration-color: var(--_color---green-opacity-20);
    text-decoration-color: var(--_color---green-opacity-20);
  }

  .small-text.underline {
    text-decoration: underline;
    -webkit-text-decoration-color: var(--_color---brown-opacity-10);
    text-decoration-color: var(--_color---brown-opacity-10);
    text-decoration-thickness: 1px;
  }

  .heading-2 {
    font-size: var(--_typography---heading--h2);
    line-height: var(--_typography---line-height--large);
  }

  .more-infomation-link-card {
    border-radius: var(--_spacing---radius--radius-md);
  }

  .kansatsu-img {
    mix-blend-mode: multiply;
  }

  .context-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .section-large-padding.bigger {
    padding-top: var(--_spacing---spacing--space-2xlg);
  }

  .kansatsu-type-item {
    border-radius: var(--_spacing---radius--radius-md);
  }

  .kansatsu-type-context-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: minmax(300px, 300px) 1fr;
  }

  .kansatsu-type-info {
    flex-flow: column;
    display: flex;
  }

  .list-dot {
    margin-top: 0;
  }

  .list-item-brown {
    border-bottom-color: var(--_color---brown-opacity-10);
    color: var(--_color---brown);
  }

  .sub-section-list-item {
    flex-flow: column;
    display: flex;
  }
}

@media screen and (min-width: 1920px) {
  p {
    font-size: 14px;
  }

  a {
    color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  }

  img {
    margin-top: 0;
  }

  .link-nav-text {
    color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    font-size: 16px;
  }

  .link-nav-text:hover {
    color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  }

  .link-nav-text.w--current, .link-nav-text.w--current:hover {
    color: var(--color--white\<deleted\|variable-688940cb\>);
  }

  .p1.small {
    font-size: 12px;
  }

  .p1.brown.smaller {
    font-size: 10px;
  }

  .h1.green {
    font-size: 32px;
  }

  .main_container {
    max-width: 1600px;
    padding-top: 10vh;
    padding-left: 40px;
    padding-right: 40px;
  }

  .sub_container {
    align-items: stretch;
  }

  .search_container {
    width: 40rem;
  }

  .search_option_box {
    width: 100%;
  }

  .option._1, .option._2 {
    height: 40px;
  }

  .search-result-wrapper {
    width: 100%;
  }

  .wide_container {
    grid-row-gap: 0px;
    align-items: stretch;
  }

  .empty_emoji, .empty_emoji.show {
    display: flex;
  }

  .dropdown-list {
    border: 2px solid #000;
  }

  .dropdown-list.w--open {
    width: 15rem;
    margin-top: 0;
  }

  .regular-img-no-edge {
    z-index: -10;
    position: static;
  }

  .fs_modal-1_close-5 {
    inset: auto 0% 0%;
  }

  .fs_modal-1_button-5 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
    font-family: Zen Kaku Gothic New, sans-serif;
    position: relative;
  }

  .flex_vertical_2 {
    align-items: center;
  }

  .title-text {
    color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    letter-spacing: 2px;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
    font-family: Craftmincho, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
  }

  .text_box_2 {
    grid-row-gap: 10px;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .text-block_2 {
    border-top-left-radius: 150px;
    border-bottom-right-radius: 150px;
  }

  .welcome-section-wrapper {
    overflow: visible;
  }

  .drop-down-text {
    font-size: 16px;
  }

  .c_search_input {
    font-size: 14px;
  }

  .navbar-container {
    max-width: 1920px;
    padding: 2vh 40px;
  }

  .contact_form_wrapper {
    align-items: center;
  }

  .login-signup-box {
    grid-column-gap: .5rem;
  }

  .style-guide-heading-grid {
    grid-column-gap: var(--_spacing---spacing--space-none);
    grid-row-gap: var(--_spacing---spacing--space-none);
  }

  .style-guide-heading-content {
    border-bottom-width: 1px;
  }

  .class-name {
    padding: var(--_spacing---spacing--space-xxs) var(--_spacing---spacing--space-xs);
    background-color: var(--color--blue-700-opacity-20\<deleted\|variable-2f363336-b5da-c2d5-d162-e66d357e289b\>);
    font-family: var(--_font---primary-font);
    color: var(--color--blue-700\<deleted\|variable-d9d73969-a9d9-4527-16be-7855f3dc95b1\>);
    font-size: var(--_typography---text--medium-text);
    line-height: var(--_typography---text--small-text);
    font-weight: var(--_typography---font-wight--bold);
    display: flex;
  }

  .faq-item {
    flex-direction: column;
    padding: 1rem 2rem;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_typography---heading--h1: 38px;
    --_typography---line-height--medium: 150%;
    --_typography---font-wight--bold: 700;
    --_typography---heading--h2: 32px;
    --_typography---heading--h3: 24px;
    --_typography---heading--h4: 24px;
    --_typography---heading--h5: 20px;
    --_typography---heading--h6: 16px;
    --_typography---text--medium-text: 16px;
    --_typography---font-wight--normal: 400;
    --_typography---link--text-link: 16px;
    --_typography---font-wight--medium: 500;
    --_typography---text--small-text: 14px;
    --_typography---heading--display: 36px;
    --_typography---text--large-text: 20px;
    --_typography---link--button: 16px;
    --_typography---line-height--large: 200%;
    --_typography---text--xs-text: 12px;
    --_typography---text--2x-large-text: 20px;
    --_typography---line-height--small: 100%;
    --_typography---link--small-text-link: 14px;
    --_typography---text--xxs-text: 10px;
  }

  .container {
    max-width: none;
  }

  .container.hero {
    width: 100%;
    padding-right: var(--_spacing---spacing--space-none);
    padding-left: var(--_spacing---spacing--space-none);
  }

  .footer-wrapper-two {
    flex-wrap: wrap;
  }

  .footer-form {
    width: 100%;
    margin-top: 40px;
  }

  .footer-form-container {
    max-width: 350px;
  }

  .nav-link-4 {
    text-align: center;
    display: block;
  }

  .nav-link-4:hover {
    color: var(--color--white\<deleted\|variable-688940cb\>);
    background-color: #288837;
    border-top-style: none;
    padding-top: 20px;
  }

  .nav-link-5 {
    text-align: center;
  }

  .nav-link-5:hover {
    color: var(--color--white\<deleted\|variable-688940cb\>);
    background-color: #288837;
    border-top-style: none;
    padding-top: 20px;
  }

  .nav-link-6 {
    text-align: center;
  }

  .nav-link-6:hover {
    color: var(--color--white\<deleted\|variable-688940cb\>);
    background-color: #288837;
    border-top-style: none;
    padding-top: 20px;
  }

  .nav-menu {
    background-color: #cbfedd;
  }

  .menu-button, .menu-button.w--open {
    background-color: var(--color--white\<deleted\|variable-688940cb\>);
  }

  .icon-2 {
    color: #288837;
  }

  .lottie-animation {
    width: 35px;
  }

  .link-nav-text {
    padding: 0;
    font-size: 24px;
  }

  .link-nav-text:hover {
    padding: 0;
  }

  .link-nav-text.w--current {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .link-nav-text.dropdown {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
  }

  .link-nav-text.dropdown:hover {
    color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  }

  .button-primary-2 {
    background-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    justify-content: center;
    display: flex;
  }

  .button-primary-2._2, .button-primary-2._3 {
    border-width: 1px;
    border-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
    color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    justify-content: center;
    display: flex;
  }

  .p1 {
    font-size: 12px;
  }

  .p1.brown.smaller {
    font-size: 9px;
  }

  .sub_container.nallow {
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown_icon {
    font-size: 18px;
  }

  .fs_modal-1_close {
    width: 50px;
    height: 50px;
    padding: .5rem 1rem;
    top: 1%;
    right: 2%;
  }

  .search_container {
    width: 100%;
  }

  .option._1 {
    background-color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
  }

  .wide_container {
    overflow: hidden;
  }

  .dropdown-list {
    position: absolute;
    top: 0;
  }

  .dropdown-list.w--open {
    z-index: 1000;
    background-image: none;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 0;
    position: static;
    inset: 75% 5% 0%;
  }

  .h3 {
    color: var(--color--white\<deleted\|variable-688940cb\>);
    letter-spacing: .5px;
    font-family: Zen Kaku Gothic New, sans-serif;
  }

  .regular-img-no-edge {
    border-radius: 0;
  }

  .fs_modal-1_close-3 {
    background-color: var(--sea-green\<deleted\|variable-a4fcb096\>);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    justify-content: center;
    align-self: auto;
    align-items: center;
    height: 12vh;
    display: flex;
    position: fixed;
    inset: auto 20px 10px;
  }

  .fs_modal-1_cover-2 {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: static;
    overflow: scroll;
  }

  .fs_modal-1_button-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 2px solid var(--color--brown\<deleted\|variable-e76f6cf0\>);
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .fs_modal-1_close-4 {
    border-radius: 100px;
    width: auto;
    position: fixed;
    bottom: 40px;
    left: 40px;
    right: 40px;
  }

  .down_arrow {
    border-top-color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
    background-image: none;
  }

  .menu-wrapper {
    min-width: 18vw;
  }

  .menu-item-slide {
    max-width: 300px;
  }

  .drop-down-text {
    font-size: 24px;
    text-decoration: none;
  }

  .navbar-container {
    justify-content: space-between;
    height: 12ch;
  }

  .nav-menu-box {
    flex-direction: column;
    align-items: flex-start;
    display: none;
  }

  .menu-icon {
    z-index: 10000;
    border: 1px solid var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    background-color: var(--color--white\<deleted\|variable-688940cb\>);
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0;
    display: flex;
    position: fixed;
    inset: auto auto auto 40px;
    overflow: hidden;
  }

  .lottie-animation {
    border-radius: 1000px;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 5px;
  }

  .close-text {
    color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    letter-spacing: .5px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    font-family: Craftmincho, sans-serif;
    font-size: 8px;
    font-weight: 700;
    display: none;
    position: absolute;
    inset: auto 0% 12%;
  }

  .lottie-text-box {
    width: 100%;
    padding-top: 50%;
    padding-bottom: 50%;
    position: absolute;
  }

  .hamburgermenu-inside {
    z-index: 999;
    background-color: #00000080;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .fs_modal-1_button-8 {
    background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    display: flex;
  }

  .magazine-menu-wrapper {
    width: 100%;
  }

  .magazine_menu_list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .menu-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
  }

  .menu-text {
    color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    letter-spacing: .5px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    font-family: Craftmincho, sans-serif;
    font-size: 8px;
    font-weight: 700;
    display: flex;
    position: absolute;
    inset: auto 0% 12%;
  }

  .p1-center {
    font-size: 12px;
  }

  .link-box {
    border-right-width: 1px;
    justify-content: center;
    align-items: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .link-box._2.w--current {
    padding-bottom: .5rem;
  }

  .nav-menu-block---mobile {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    display: flex;
    position: absolute;
    inset: 0% 40px 0% auto;
  }

  .nav-menu-block---desktop {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    display: none;
  }

  .user-login-signup {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    padding: 0;
    display: grid;
  }

  .menu-wrapper {
    z-index: 1000;
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    background-image: url('../images/natural-paper-1920x1080-6_1.webp');
    background-position: 0 0;
    background-size: auto;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    height: 100%;
    padding-top: 1rem;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: relative;
    overflow: scroll;
  }

  .useraccount-box {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-top: 0px solid var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    width: 100%;
    height: 10vh;
    display: flex;
    position: static;
    inset: auto 0% 0%;
  }

  .link-box {
    border-right-width: 0;
  }

  .primary {
    background-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    justify-content: center;
    display: flex;
  }

  .illustration-box {
    opacity: 1;
    mix-blend-mode: normal;
    width: 100vw;
    height: auto;
    margin-bottom: -20px;
    position: fixed;
    inset: auto 0% 0%;
  }

  .brand-logo-box-footer {
    width: 250px;
  }

  .brand-logo-navbar {
    margin-top: 0;
    margin-bottom: 0;
    position: static;
  }

  .brand-ogo-wrapper-footer {
    bottom: 25%;
  }

  .nav-menu-wrapper {
    background-color: #0000;
    display: none;
  }

  .nav-menu-two {
    border-radius: var(--_spacing---radius--radius-xl);
    background-color: var(--navbar-background);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .menu-button-2 {
    border-radius: var(--_spacing---radius--radius-xxl);
    background-color: var(--_color---blue-800);
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .section, .section.blue {
    padding-top: var(--_spacing---spacing--space-2xlg);
    padding-bottom: var(--_spacing---spacing--space-2xlg);
  }

  .section.approach {
    background-image: linear-gradient(50deg, #121212, #fff0), url('../images/20260628_m30.jpg');
    background-position: 0 0, 10% 70%;
    background-size: auto, cover;
  }

  .section.neautural-50 {
    padding-top: var(--_spacing---spacing--space-2xlg);
    padding-bottom: var(--_spacing---spacing--space-2xlg);
  }

  .section.project--2 {
    background-image: linear-gradient(50deg, #121212, #fff0), url('../images/20260628_m30.jpg');
    background-position: 0 0, 10% 70%;
    background-size: auto, cover;
  }

  .section.what-we-cherish {
    background-image: linear-gradient(50deg, #121212, #fff0), url('../images/step-3-or-last.jpg');
    background-position: 0 0, 10% 70%;
    background-size: auto, cover;
  }

  .navbar-content {
    background-color: var(--navbar-background);
  }

  .button-icon.large {
    width: 28px;
    height: 28px;
  }

  .hero-section {
    padding-top: var(--_spacing---spacing--space-3xlg);
    margin-top: -50vh;
  }

  .hero-grid {
    grid-template-columns: 1fr;
    grid-auto-flow: row dense;
    width: 100%;
  }

  .hero-block-content {
    padding-right: var(--_spacing---spacing--space-2xlg);
    padding-left: var(--_spacing---spacing--space-2xlg);
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
  }

  .hero-block-image {
    justify-content: center;
    align-items: center;
    width: 120%;
    margin-top: 0;
    display: flex;
  }

  .img-filtered-bigger {
    width: 100%;
    margin-right: 0;
    position: static;
  }

  .action-content-grid {
    grid-column-gap: var(--_spacing---spacing--space-md);
    grid-row-gap: var(--_spacing---spacing--space-md);
    grid-template-columns: 1fr 1fr 1fr;
  }

  .feature-block {
    grid-template-columns: 1fr;
  }

  .layered-image-1 {
    width: 60%;
    margin-left: 40%;
  }

  .layered-image-2 {
    width: 80%;
  }

  .accent-illustration.right-upper {
    top: 10%;
    right: 10%;
  }

  .layered-image-3 {
    width: 50%;
  }

  .more-infomation-grid {
    grid-template-columns: 1fr;
  }

  .dot-borderline {
    width: 100%;
  }

  .map-column {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .map-left-column {
    position: static;
  }

  .filter-wrapper {
    z-index: 1000;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: static;
    inset: 0%;
  }

  .form {
    width: 100%;
    position: static;
  }

  .check-box-filed {
    background-color: var(--_color---white);
  }

  .filter-item-block {
    flex-flow: row;
  }

  .fliter-category {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .recent-record-block {
    grid-column-gap: var(--_spacing---spacing--space-md);
    grid-row-gap: var(--_spacing---spacing--space-md);
  }

  .tab-link, .tab-link.w--current {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .tab-menu {
    width: 100%;
  }

  .tabs {
    justify-content: flex-start;
    align-items: center;
  }

  .filter-button {
    display: none;
  }

  .create-a-card-button {
    width: 120px;
    height: 120px;
  }

  .google-map {
    border-radius: 0;
  }

  .p1-2 {
    font-size: 12px;
  }

  .hamburger-menu-icon {
    border-radius: var(--_spacing---radius--radius-xxl);
    color: var(--_color---nutural-100);
  }

  .content-column {
    grid-template-columns: 1fr;
  }

  .content-column._2 {
    flex-flow: column;
    display: flex;
  }

  .section-large-padding {
    padding-top: var(--_spacing---spacing--space-2xlg);
    padding-bottom: var(--_spacing---spacing--space-2xlg);
  }

  .layered-image-4 {
    width: 60%;
    margin-left: 40%;
  }

  .navigation-grid {
    grid-template-columns: 1fr;
  }

  .reason-text-2-column {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .large-contents-grid {
    grid-column-gap: var(--_spacing---spacing--space-2xlg);
    grid-row-gap: var(--_spacing---spacing--space-2xlg);
    flex-flow: column;
    grid-template-columns: .33fr;
    display: flex;
  }

  .observation-tip-outline {
    width: 100%;
    padding-left: 62px;
    padding-right: 62px;
    position: static;
  }

  .overview-title-link, .list-item-blue {
    font-size: var(--_typography---text--medium-text);
  }

  .p1-3 {
    font-size: 12px;
  }

  .overview-sub-link {
    font-size: var(--_typography---text--medium-text);
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---heading--h1: 38px;
    --_typography---line-height--medium: 150%;
    --_typography---font-wight--bold: 700;
    --_typography---heading--h2: 32px;
    --_typography---heading--h3: 24px;
    --_typography---heading--h4: 24px;
    --_typography---heading--h5: 20px;
    --_typography---heading--h6: 16px;
    --_typography---text--medium-text: 16px;
    --_typography---font-wight--normal: 400;
    --_typography---link--text-link: 16px;
    --_typography---font-wight--medium: 500;
    --_typography---text--small-text: 14px;
    --_typography---heading--display: 36px;
    --_typography---text--large-text: 20px;
    --_typography---link--button: 16px;
    --_typography---line-height--large: 200%;
    --_typography---text--xs-text: 12px;
    --_typography---text--2x-large-text: 20px;
    --_typography---line-height--small: 100%;
    --_typography---link--small-text-link: 12px;
    --_typography---text--xxs-text: 10px;
  }

  .footer-light {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .link-nav-text {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .link-nav-text.dropdown:hover {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .p1.bold {
    font-size: 14px;
  }

  .fs_modal-1_close {
    width: 50px;
    height: 50px;
    padding: 1rem;
  }

  .fs_modal-1_cover {
    align-items: center;
    display: block;
  }

  .fs_modal-1_close-2 {
    background-color: #fff;
    width: 50px;
    height: 50px;
    padding: 1rem;
    top: 1%;
    right: 2%;
  }

  .search_container {
    width: 100%;
  }

  .dropdown-list, .dropdown-list.w--open {
    position: static;
  }

  .regular-img-no-edge {
    border-radius: 0;
  }

  .fs_modal-1_close-3, .fs_modal-1_close-4, .fs_modal-1_close-5, .fs_modal-1_close-6 {
    padding: 1rem;
  }

  .menu-item-slide {
    max-width: 210px;
  }

  .fs_modal-1_close-7 {
    padding: 1rem;
  }

  .menu-icon {
    top: 10px;
    left: 20px;
  }

  .close-text {
    display: none;
  }

  .lottie-text-box {
    width: 100%;
  }

  .hamburgermenu-inside {
    display: none;
  }

  .fs_modal-1_close-8 {
    padding: 1rem;
  }

  .menu-list {
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .title_box_page_top {
    grid-row-gap: 15px;
  }

  .nav-menu-block---mobile, .nav-menu-block---desktop {
    flex-direction: row;
  }

  .user-login-signup {
    padding-left: 0;
    padding-right: 0;
  }

  .menu-wrapper {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 100%;
    padding-right: 40px;
  }

  .useraccount-box {
    flex-direction: column;
    display: flex;
  }

  .illustration-box {
    inset: auto 0% 0%;
  }

  .brand-ogo-wrapper-footer {
    bottom: 10%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .text-block {
    width: 100%;
  }

  .xs-text.left {
    text-align: right;
  }

  .more-detail-grid._2 {
    grid-column-gap: var(--_spacing---spacing--space-xxs);
    grid-row-gap: var(--_spacing---spacing--space-xxs);
    flex-flow: column;
  }

  .location-popup {
    display: none;
  }

  .field-item.small {
    width: 100%;
  }

  .feature-grid-with-arrow {
    flex-flow: column;
    display: flex;
  }

  .arrow-icon {
    transform: rotate(90deg);
  }

  .kansatsu-info-box {
    padding-top: 33px;
  }
}

@media screen and (max-width: 479px) {
  body {
    background-color: var(--_color---nutural-100);
    --_typography---heading--h1: 24px;
    --_typography---line-height--medium: 150%;
    --_typography---font-wight--bold: 700;
    --_typography---heading--h2: 22px;
    --_typography---heading--h3: 20px;
    --_typography---heading--h4: 18px;
    --_typography---heading--h5: 18px;
    --_typography---heading--h6: 16px;
    --_typography---text--medium-text: 14px;
    --_typography---font-wight--normal: 400;
    --_typography---link--text-link: 14px;
    --_typography---font-wight--medium: 500;
    --_typography---text--small-text: 12px;
    --_typography---heading--display: 36px;
    --_typography---text--large-text: 16px;
    --_typography---link--button: 14px;
    --_typography---line-height--large: 200%;
    --_typography---text--xs-text: 10px;
    --_typography---text--2x-large-text: 18px;
    --_typography---line-height--small: 100%;
    --_typography---link--small-text-link: 12px;
    --_typography---text--xxs-text: 8px;
  }

  h1 {
    font-size: 24px;
  }

  h2 {
    font-size: 22px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }

  p {
    font-size: 12px;
  }

  .tag-text {
    background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
    color: var(--color--white\<deleted\|variable-688940cb\>);
    border-width: 1px;
    align-items: center;
    padding-top: .125rem;
    padding-bottom: .125rem;
    font-size: 8px;
    line-height: 1.5;
    display: flex;
  }

  .container {
    max-width: none;
    padding-right: var(--_spacing---spacing--mobile-padding);
    padding-left: var(--_spacing---spacing--mobile-padding);
  }

  .footer-wrapper-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-block-two {
    margin-top: 40px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .link-nav-text {
    padding: 0;
    font-size: 20px;
    position: relative;
  }

  .link-nav-text:hover {
    padding: 0;
  }

  .link-nav-text.w--current {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
  }

  .link-nav-text.w--current:hover {
    padding: 5px 10px;
  }

  .link-nav-text.dropdown {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .link-nav-text.dropdown:hover {
    color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .button-primary-2 {
    background-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  }

  .button-primary-2._2 {
    color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .button-primary-2._3 {
    color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
  }

  .p1, .p1.white {
    font-size: 12px;
  }

  .p1.white.small {
    font-size: 12px;
    font-weight: 500;
  }

  .p1.bold {
    font-size: 12px;
  }

  .p1.green {
    line-height: 1.5;
  }

  .p1.green.small.link {
    font-weight: 700;
  }

  .p1.small {
    font-size: 10px;
  }

  .p1.brown {
    color: #654b27;
  }

  .p1.brown.small {
    font-family: Zen Kaku Gothic New, sans-serif;
    font-size: 12px;
  }

  .p1.brown.smaller {
    font-size: 10px;
  }

  .h1.green {
    font-size: 24px;
  }

  .main_container {
    grid-row-gap: 40px;
    padding: 5vh 20px;
    position: static;
  }

  .sub_container {
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .sub_container.nallow {
    padding-left: 0;
    padding-right: 0;
  }

  .h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
  }

  .title-tag {
    justify-content: center;
    min-width: 35px;
    font-size: 8px;
    display: flex;
  }

  .dropdown-2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown_icon {
    font-size: 18px;
  }

  .fs_modal-1_close {
    z-index: 1000;
    grid-row-gap: 0px;
    border-width: 0;
    width: 40px;
    height: 40px;
    margin-top: 0;
    padding: 0;
    line-height: 1.2;
    position: fixed;
    top: 20px;
    right: 20px;
  }

  .fs_modal-1_cover {
    background-color: #0000004d;
  }

  .fs_modal-1_button {
    flex-wrap: nowrap;
  }

  .fs_modal-1_close-2 {
    z-index: 1000;
    grid-row-gap: 0px;
    border-width: 0;
    width: 40px;
    height: 40px;
    margin-top: 0;
    padding: 0;
    line-height: 1.2;
    top: 20px;
    bottom: auto;
    right: 20px;
  }

  .search_container {
    padding-left: 0;
    padding-right: 0;
    position: static;
    inset: auto 0% 5%;
  }

  .option._1 {
    background-color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
    height: 35px;
  }

  .option._2 {
    height: 35px;
  }

  .wide_container {
    grid-row-gap: 40px;
    padding: 0 20px 8vh;
  }

  .wide_container.first {
    padding-top: 8vh;
  }

  .empty_emoji.show {
    border-width: 0;
  }

  .dropdown-list {
    margin-top: 0;
    position: static;
  }

  .dropdown-list.w--open {
    border-width: 1px;
    border-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    border-radius: 10px;
    height: auto;
    margin-top: .5rem;
    padding-top: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    position: static;
    overflow: hidden;
  }

  .h3.white, .h3.white.bg {
    font-size: 1rem;
  }

  .icon-box {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    padding: 0;
  }

  .regular-img-no-edge {
    border-radius: 0;
  }

  .fs_modal-1_button-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 2px solid var(--color--brown\<deleted\|variable-e76f6cf0\>);
    border-radius: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: block;
  }

  .fs_modal-1_close-4 {
    height: 8vh;
    left: 20px;
    right: 20px;
  }

  .fs_modal-1_close-5 {
    background-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    border-radius: 0;
    align-items: center;
    height: 3rem;
    margin-left: 0;
    margin-right: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    position: absolute;
    inset: auto 0% 0%;
  }

  .fs_modal-1_button-5 {
    height: 3rem;
  }

  .flex_vertical_2 {
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .title-text {
    margin-bottom: 0;
    font-size: 1rem;
  }

  .text-block_2 {
    grid-row-gap: 20px;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .welcome-section-wrapper {
    display: block;
  }

  .button-secondary {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .button-secondary.green {
    color: var(--color--white\<deleted\|variable-688940cb\>);
    justify-content: center;
    display: flex;
  }

  .down_arrow {
    border-top-color: var(--color--brown\<deleted\|variable-e76f6cf0\>);
    background-image: none;
  }

  .collection-item-6 {
    border: 0px solid var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    flex-direction: row;
    padding-left: .5rem;
  }

  .dropdown_link {
    padding-left: 10px;
    padding-right: 0;
    font-size: 12px;
  }

  .drop-down-text {
    color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
  }

  .footer {
    padding-top: var(--_spacing---spacing--space-2xlg);
  }

  .footer-section-container {
    align-items: center;
  }

  .footer-item-block {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .footer-item-wrapper {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    align-items: center;
  }

  .c_search_component, .c_search_bar {
    z-index: 1;
  }

  .c_search_input {
    padding-left: 4.5em;
  }

  .c_search_results-list {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    display: flex;
  }

  .search-result-link-block {
    border-radius: 10px;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .navbar-main {
    position: absolute;
    inset: 0% 0% auto;
  }

  .navbar-wrapper {
    height: 8vh;
  }

  .navbar-container {
    grid-row-gap: 40px;
    height: 8vh;
    padding: .5rem 20px;
  }

  .nav-menu-box {
    display: none;
  }

  .brand-logo-box {
    width: 120px;
  }

  .brand-logo-box.w--current {
    z-index: 1;
    width: 120px;
  }

  .menu-icon {
    z-index: 1000;
    border-width: 1px;
    border-color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    background-color: var(--color--white\<deleted\|variable-688940cb\>);
    border-radius: 1000px;
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0;
    position: fixed;
    inset: auto auto auto 20px;
    overflow: hidden;
  }

  .lottie-animation {
    align-items: center;
    width: 100%;
    height: 100%;
    margin-bottom: auto;
    display: flex;
    position: absolute;
    bottom: 6px;
    overflow: visible;
  }

  .close-text {
    color: var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 8px;
    display: none;
    position: absolute;
    inset: auto 0% 12%;
  }

  .lottie-text-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 50%;
    padding-bottom: 50%;
    display: flex;
    position: relative;
    inset: 0%;
    overflow: hidden;
  }

  .hamburgermenu-inside {
    z-index: 999;
    background-color: #00000080;
    justify-content: space-between;
    align-items: flex-start;
    width: 100vw;
    height: 100vh;
    padding: 0 0 0;
    display: none;
    position: fixed;
    inset: 0% auto 0% 0%;
    overflow: hidden;
  }

  .fs_modal-1_button-8 {
    width: 100%;
    height: 100%;
  }

  .magazine_menu_list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr 1fr;
    overflow: visible;
  }

  .menu-list {
    grid-column-gap: .25rem;
    grid-row-gap: 1rem;
    background-image: none;
    align-items: flex-start;
    height: auto;
    padding: 0 0 0;
  }

  .menu-text {
    color: #1a863c;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 8px;
    display: block;
    position: absolute;
    inset: auto 0% 12%;
  }

  .title_box_page_top {
    grid-row-gap: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .p1-center {
    font-size: 12px;
  }

  .contact_form_wrapper {
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .form-title {
    flex-flow: wrap;
  }

  ._2-collumn {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
  }

  .favoriting-icon {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
  }

  .favoriting-icon.bigger {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
  }

  .favoriting-icon.bigger.white {
    min-width: 30px;
    min-height: 30px;
    padding: 5px;
  }

  .jetboost-toggle-favorite-1lp5 {
    justify-content: center;
    align-items: center;
  }

  .link-box {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    border-right-width: 0;
    justify-content: center;
    align-items: center;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .link-box._2 {
    border-left: 0px solid var(--color--nutural-50\<deleted\|variable-03a81a06-2ec6-2d3a-2063-9afcae92deb7\>);
    border-right-width: 0;
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .nav-menu-block---mobile {
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    position: absolute;
    inset: auto 20px auto auto;
  }

  .nav-menu-block---desktop {
    flex-direction: row;
    display: none;
  }

  .mobile-menu-wrapper {
    width: 100%;
    height: auto;
  }

  .user-login-signup {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .menu-wrapper {
    z-index: 10000;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-image: url('../images/natural-paper-1920x1080-6_1.webp');
    background-position: 0 0;
    background-size: auto;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: .5rem 20px 5rem;
    display: flex;
    position: relative;
    overflow: scroll;
  }

  .useraccount-box {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--transparent\<deleted\|variable-de6731b0-5b58-df3d-7870-e0f42a1fdd19\>);
    border: 0 solid #000;
    border-radius: 0;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center;
    place-items: flex-start center;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: static;
    inset: auto 20px 5%;
  }

  .account-main-links {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .illustration-box {
    z-index: 0;
    mix-blend-mode: darken;
    width: 100vw;
    margin-bottom: -10px;
    position: fixed;
    inset: auto 0% 0%;
  }

  .brand-logo-box-footer {
    width: 150px;
  }

  .brand-logo-box-footer.w--current {
    margin-bottom: 5%;
  }

  .jetboost-toggle-favorite-1lzz {
    align-items: center;
  }

  .brand-logo-navbar {
    width: 120px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    position: static;
  }

  .brand-logo-navbar.w--current {
    z-index: 1;
    width: 150px;
    margin-top: 0;
    margin-bottom: 0;
    position: static;
  }

  .footer-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
  }

  .navbar-logo-left {
    padding-top: var(--_spacing---spacing--space-sm);
    padding-bottom: var(--_spacing---spacing--space-xs);
  }

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

  .nav-link:hover, .nav-link:active {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .menu-button-2:active, .menu-button-2:focus {
    background-color: var(--_color---blue-800);
  }

  .section, .section.blue {
    padding-top: var(--_spacing---spacing--space-xlg);
    padding-bottom: var(--_spacing---spacing--space-xlg);
  }

  .section.none-upper {
    padding-bottom: var(--_spacing---spacing--space-xlg);
  }

  .section.map {
    background-image: linear-gradient(143deg, #59778de6, #fff0), url('../images/leaflet-0303.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    min-height: 40vh;
    padding-top: 15vh;
  }

  .section.large-upeerp-padding {
    padding-top: var(--_spacing---spacing--space-2xlg);
  }

  .section.about {
    background-image: linear-gradient(143deg, #59778de6, #fff0), url('../images/leaflet-0303.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .section.why-forest-and-water {
    background-image: linear-gradient(143deg, #59778de6, #fff0), url('../images/20260628_m45.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    min-height: 40vh;
    padding-top: 15vh;
  }

  .section.neautural-50 {
    padding-top: var(--_spacing---spacing--space-xlg);
    padding-bottom: var(--_spacing---spacing--space-xlg);
  }

  .section.project--2 {
    background-image: linear-gradient(50deg, #121212, #fff0), url('../images/step-3-or-last.jpg');
    background-position: 0 0, 10% 70%;
    background-size: auto, cover;
    min-height: 60vh;
  }

  .primary-contrast-button {
    grid-column-gap: var(--_spacing---spacing--space-xs);
    grid-row-gap: var(--_spacing---spacing--space-xs);
    width: 100%;
  }

  .button-icon {
    width: 18px;
    height: 18px;
  }

  .button-icon.large {
    width: 24px;
    height: 24px;
  }

  .hero-section {
    margin-top: -25vh;
    padding-top: 0;
  }

  .hero-grid {
    grid-column-gap: var(--_spacing---spacing--space-md);
    grid-row-gap: var(--_spacing---spacing--space-md);
  }

  .hero-block-content {
    padding-right: var(--_spacing---spacing--space-lg);
    padding-left: var(--_spacing---spacing--space-lg);
    grid-column-gap: var(--_spacing---spacing--space-md);
    grid-row-gap: var(--_spacing---spacing--space-md);
  }

  .hero-block-image {
    width: 150%;
    margin-top: 0;
  }

  .img-filtered-bigger {
    width: 100%;
  }

  .hero-title {
    --_typography---heading--h1: 24px;
    --_typography---line-height--medium: 150%;
    --_typography---font-wight--bold: 700;
    --_typography---heading--h2: 22px;
    --_typography---heading--h3: 20px;
    --_typography---heading--h4: 18px;
    --_typography---heading--h5: 18px;
    --_typography---heading--h6: 16px;
    --_typography---text--medium-text: 14px;
    --_typography---font-wight--normal: 400;
    --_typography---link--text-link: 14px;
    --_typography---font-wight--medium: 500;
    --_typography---text--small-text: 12px;
    --_typography---heading--display: 36px;
    --_typography---text--large-text: 16px;
    --_typography---link--button: 14px;
    --_typography---line-height--large: 200%;
    --_typography---text--xs-text: 10px;
    --_typography---text--2x-large-text: 18px;
    --_typography---line-height--small: 100%;
    --_typography---link--small-text-link: 12px;
    --_typography---text--xxs-text: 8px;
  }

  .primary-blue-button {
    grid-column-gap: var(--_spacing---spacing--space-sm);
    grid-row-gap: var(--_spacing---spacing--space-sm);
    width: 100%;
  }

  .button-block {
    grid-column-gap: var(--_spacing---spacing--space-xs);
    grid-row-gap: var(--_spacing---spacing--space-xs);
    flex-flow: column;
    width: 100%;
  }

  .button-block._2 {
    flex-flow: column;
  }

  .waring-block {
    grid-column-gap: var(--_spacing---spacing--space-xxs);
    grid-row-gap: var(--_spacing---spacing--space-xxs);
  }

  .small-text.white.absolute {
    font-size: var(--_typography---link--button);
    font-weight: var(--_typography---font-wight--medium);
  }

  .small-text.blue.report-item, .small-text.orange.report-item, .small-text.green.report-item {
    display: none;
  }

  .hero-full-image-block {
    padding-top: var(--_spacing---spacing--space-lg);
    padding-bottom: var(--_spacing---spacing--space-lg);
  }

  .description-block {
    grid-column-gap: var(--_spacing---spacing--space-xxs);
    grid-row-gap: var(--_spacing---spacing--space-xxs);
  }

  .action-content-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .action-content-single {
    min-height: 100px;
    padding-top: var(--_spacing---spacing--space-lg);
    padding-right: var(--_spacing---spacing--space-xs);
    padding-left: var(--_spacing---spacing--space-xs);
    justify-content: flex-start;
    align-items: center;
  }

  .big-secondary-text._2 {
    font-size: var(--_typography---heading--h3);
  }

  .feature-block {
    min-height: 0;
  }

  .feature-block._2 {
    grid-template-columns: 1fr;
  }

  .image-grid-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .layered-image-1 {
    width: 60%;
    margin-left: 40%;
  }

  .layered-image-2 {
    width: 90%;
  }

  .illustration-background {
    min-height: 90vh;
    margin-top: var(--_spacing---spacing--space-lg);
  }

  .story-block {
    padding: var(--_spacing---spacing--space-lg);
  }

  .small-container {
    grid-column-gap: var(--_spacing---spacing--space-md);
    grid-row-gap: var(--_spacing---spacing--space-md);
  }

  .accent-illustration.left-buttom {
    width: 100px;
    height: 100px;
  }

  .accent-illustration.right-upper {
    width: 100px;
    height: 100px;
    top: 0%;
    right: 0%;
  }

  .layered-image-3 {
    width: 70%;
  }

  .more-infomation-block {
    grid-column-gap: var(--_spacing---spacing--space-xlg);
    grid-row-gap: var(--_spacing---spacing--space-xlg);
  }

  .more-infomation-grid {
    grid-template-columns: 1fr;
  }

  .more-infomation-link-card {
    padding: var(--_spacing---spacing--space-md);
    grid-column-gap: var(--_spacing---spacing--space-md);
    grid-row-gap: var(--_spacing---spacing--space-md);
    border-radius: var(--_spacing---radius--radius-md);
    justify-content: space-between;
    align-items: center;
  }

  .more-infomation-link-card.water-forest {
    padding: var(--_spacing---spacing--space-lg) var(--_spacing---spacing--space-lg) var(--_spacing---spacing--space-md);
  }

  .more-infomation-layout._2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
  }

  .arrow-only-button {
    width: 38px;
    height: 38px;
  }

  .related-project-link-card {
    grid-template-columns: 1fr;
  }

  .related-project-image {
    aspect-ratio: 16 / 9;
  }

  .related-project-context {
    padding: var(--_spacing---spacing--space-md);
  }

  .tag-text {
    background-color: var(--_color---green);
    font-size: var(--_typography---text--xs-text);
  }

  .footer-grid {
    padding-bottom: var(--_spacing---spacing--space-2xlg);
    grid-column-gap: var(--_spacing---spacing--space-xlg);
    grid-row-gap: var(--_spacing---spacing--space-xlg);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .footer-sitemap-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-company-grid, .footer-related-project-grid {
    grid-template-columns: 1fr;
  }

  .footer-company-info {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-1.white {
    font-size: var(--_typography---heading--h1);
  }

  .filter-item-block {
    flex-flow: wrap;
  }

  .recent-record-block {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .recent-record-item {
    width: 100%;
  }

  .recent-record-item._2 {
    border-bottom-left-radius: var(--_spacing---radius--radius-none);
    border-bottom-right-radius: var(--_spacing---radius--radius-none);
  }

  .recent-record-content {
    padding: var(--_spacing---spacing--space-md);
    grid-column-gap: var(--_spacing---spacing--space-sm);
    grid-row-gap: var(--_spacing---spacing--space-sm);
  }

  .tab-menu {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .record-buttom-infomation {
    padding-right: var(--_spacing---spacing--space-md);
    padding-left: var(--_spacing---spacing--space-md);
  }

  .create-a-card-button {
    grid-column-gap: var(--_spacing---spacing--space-sm);
    grid-row-gap: var(--_spacing---spacing--space-sm);
    flex-flow: row;
    width: auto;
    min-width: 200px;
    height: auto;
    padding: 0;
    inset: auto 10% 1%;
  }

  .card-button-block {
    grid-column-gap: var(--_spacing---spacing--space-sm);
    grid-row-gap: var(--_spacing---spacing--space-sm);
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: 50px;
  }

  .more-detail-grid._2 {
    grid-column-gap: var(--_spacing---spacing--space-xxs);
    grid-row-gap: var(--_spacing---spacing--space-xxs);
    flex-flow: column;
    width: 100%;
  }

  .recent-record-item-upper {
    flex-flow: column;
  }

  ._3-factor-grid {
    grid-template-columns: 1fr;
  }

  ._3-factor-grid._2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .factor-title.blue.bigger, .factor-title.orange.bigger, .factor-title.green.bigger {
    font-size: var(--_typography---text--small-text);
  }

  .popup-close-button {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    inset: 10px 10px auto auto;
  }

  .google-map {
    display: flex;
  }

  .p1-2 {
    white-space: pre-line;
    word-break: break-all;
    flex: 0 auto;
    font-size: 12px;
    line-height: 1.8;
    display: block;
  }

  .popup-container {
    border-radius: var(--_spacing---radius--radius-xl) var(--_spacing---radius--radius-xl) var(--_spacing---radius--radius-none) var(--_spacing---radius--radius-none);
    height: 70vh;
  }

  .location-popup {
    z-index: 1000;
    border-radius: var(--_spacing---radius--radius-none);
    max-width: 100vw;
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: fixed;
    inset: auto 0% 0%;
  }

  .slider {
    width: 100%;
  }

  .report-wrapper {
    margin-top: var(--_spacing---spacing--space-md);
  }

  .report-form {
    padding-top: var(--_spacing---spacing--space-2xlg);
  }

  .form-content {
    padding-top: var(--_spacing---spacing--space-none);
  }

  .text-field.small {
    width: 100%;
  }

  .report-section-title-block.spaced {
    grid-column-gap: var(--_spacing---spacing--space-none);
    grid-row-gap: var(--_spacing---spacing--space-none);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 50px 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .report-section-title-block.spaced.first-hidden {
    padding-right: var(--_spacing---spacing--space-none);
    grid-column-gap: var(--_spacing---spacing--space-none);
    grid-row-gap: var(--_spacing---spacing--space-none);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 50px 1fr 50px;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .report-step-box {
    grid-column-gap: var(--_spacing---spacing--space-xxs);
    grid-row-gap: var(--_spacing---spacing--space-xxs);
    flex-flow: row;
    width: 50px;
    min-height: 30px;
    position: static;
  }

  .report-section-title-text-block {
    grid-column-gap: var(--_spacing---spacing--space-xs);
    grid-row-gap: var(--_spacing---spacing--space-xs);
  }

  .report-form-section-accent {
    grid-column-gap: var(--_spacing---spacing--space-xxs);
    grid-row-gap: var(--_spacing---spacing--space-xxs);
  }

  .medium-icon {
    width: 28px;
    height: 28px;
  }

  .field-item.small {
    width: 100%;
  }

  .select-field {
    min-height: 60px;
  }

  .delete-button {
    width: 16px;
    height: 16px;
  }

  .radio-check-button.illustration {
    padding: var(--_spacing---spacing--space-none) var(--_spacing---spacing--space-xs);
    grid-column-gap: var(--_spacing---spacing--space-sm);
    grid-row-gap: var(--_spacing---spacing--space-sm);
    border-radius: var(--_spacing---radius--radius-md);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: flex-start stretch;
    display: flex;
  }

  .radio-check-button.illustration.w--current {
    grid-column-gap: var(--_spacing---spacing--space-sm);
    grid-row-gap: var(--_spacing---spacing--space-sm);
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .radio-check-button.illustration.horizontal {
    padding-top: var(--_spacing---spacing--space-none);
    padding-bottom: var(--_spacing---spacing--space-none);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .radio-check-button-block.grid {
    grid-column-gap: var(--_spacing---spacing--space-xs);
    grid-row-gap: var(--_spacing---spacing--space-xs);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .radio-check-button-block.grid-4 {
    grid-column-gap: var(--_spacing---spacing--space-xs);
    grid-row-gap: var(--_spacing---spacing--space-xs);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .radio-check-button-block.grid-2 {
    grid-column-gap: var(--_spacing---spacing--space-xs);
    grid-row-gap: var(--_spacing---spacing--space-xs);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .image {
    aspect-ratio: auto;
  }

  .report-section-heading-title {
    padding: var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-none) var(--_spacing---spacing--space-md) var(--_spacing---spacing--space-md);
  }

  .report-status-grid {
    grid-column-gap: var(--_spacing---spacing--space-xs);
    grid-row-gap: var(--_spacing---spacing--space-xs);
    width: 100%;
  }

  .badge {
    grid-column-gap: var(--_spacing---spacing--space-none);
    grid-row-gap: var(--_spacing---spacing--space-none);
    flex-flow: column;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .badge.not-yet {
    flex-flow: column;
    padding-left: 4px;
    padding-right: 4px;
  }

  .badge-img {
    width: 24px;
  }

  .report-section-subtitle {
    padding-right: var(--_spacing---spacing--space-md);
    padding-left: var(--_spacing---spacing--space-md);
    grid-column-gap: var(--_spacing---spacing--space-xxs);
    grid-row-gap: var(--_spacing---spacing--space-xxs);
    grid-template-columns: 1fr minmax(32px, 32px);
  }

  .report-result-content {
    grid-column-gap: var(--_spacing---spacing--space-xxs);
    grid-row-gap: var(--_spacing---spacing--space-xxs);
  }

  .report-result-tag-block {
    grid-row-gap: var(--_spacing---spacing--space-none);
  }

  .open-button {
    width: 32px;
    height: 32px;
  }

  .report-section-sub-title-text-block {
    grid-column-gap: var(--_spacing---spacing--space-xs);
    grid-row-gap: var(--_spacing---spacing--space-xs);
  }

  .form-item-container {
    padding-bottom: var(--_spacing---spacing--space-lg);
  }

  .recent-record-wrapper {
    grid-column-gap: var(--_spacing---spacing--space-xs);
    grid-row-gap: var(--_spacing---spacing--space-xs);
  }

  .kansatsu-shurui {
    justify-content: center;
    align-items: flex-start;
  }

  .kansatsu-shurui-selected {
    grid-column-gap: var(--_spacing---spacing--space-none);
    grid-row-gap: var(--_spacing---spacing--space-none);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .category-illustration {
    width: 100%;
  }

  .category-illustration._2 {
    width: 33%;
  }

  .radio-check-button-icon {
    margin-top: 0;
  }

  .recommended-card-list {
    grid-column-gap: var(--_spacing---spacing--space-xxs);
    grid-row-gap: var(--_spacing---spacing--space-xxs);
    grid-template-columns: 1fr 1fr;
  }

  .recommended-card-item {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .rc-popup-wrapper {
    display: none;
  }

  .rc-card-link {
    grid-column-gap: var(--_spacing---spacing--space-md);
    grid-row-gap: var(--_spacing---spacing--space-md);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: center space-between;
    place-items: flex-end end;
    display: flex;
  }

  .rc-card-display-text {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .rc-content-wrapper {
    padding: var(--_spacing---spacing--space-md);
    flex-flow: column;
  }

  .kansatsu-link {
    padding-top: var(--_spacing---spacing--space-none);
    padding-bottom: var(--_spacing---spacing--space-none);
    grid-column-gap: var(--_spacing---spacing--space-xs);
    grid-row-gap: var(--_spacing---spacing--space-xs);
    border-radius: var(--_spacing---radius--radius-md);
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center stretch;
    display: grid;
  }

  .tag-text-2 {
    padding: var(--_spacing---spacing--space-none) var(--_spacing---spacing--space-xs);
    background-color: var(--_color---blue-200);
    color: var(--_color---blue-700);
    font-size: var(--_typography---text--xs-text);
  }

  .popup-action-button {
    bottom: 5%;
  }

  .rc-content-block {
    flex-flow: column;
  }

  .check-button-with-icon {
    padding: var(--_spacing---spacing--space-none) var(--_spacing---spacing--space-xs);
    flex-flow: column;
  }

  .navigation-block {
    grid-column-gap: var(--_spacing---spacing--space-md);
    grid-row-gap: var(--_spacing---spacing--space-md);
  }

  .check-mark._2 {
    margin-top: 4px;
  }

  .account-wrapper {
    padding: 0;
  }

  .context-block {
    grid-column-gap: var(--_spacing---spacing--space-md);
    grid-row-gap: var(--_spacing---spacing--space-md);
  }

  .context-block.m.blur {
    padding: var(--_spacing---spacing--space-lg);
  }

  .context-wrapper {
    display: flex;
  }

  .section-header, .section-header.blue {
    padding-top: var(--_spacing---spacing--space-lg);
    padding-bottom: var(--_spacing---spacing--space-lg);
  }

  .section-header.none-upper {
    padding-bottom: var(--_spacing---spacing--space-lg);
  }

  .section-header.map {
    background-image: linear-gradient(143deg, #59778de6, #fff0), url('../images/leaflet-0303.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .section-header.large-upeerp-padding {
    padding-top: var(--_spacing---spacing--space-2xlg);
  }

  .section-header.about {
    background-image: linear-gradient(143deg, #59778de6, #fff0), url('../images/250516-spring0128.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    min-height: 40vh;
    padding-top: 12vh;
  }

  .section-header.hint {
    background-image: linear-gradient(143deg, #59778de6, #fff0), url('../images/what-to-do-main.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    min-height: 40vh;
    padding-top: 12vh;
  }

  .section-header.water-forest {
    background-image: linear-gradient(143deg, #59778de6, #fff0), url('../images/20260628_m45.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    min-height: 40vh;
    padding-top: 12vh;
  }

  .layer-checkbutton-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .layer-checkbutton-grid.grid {
    grid-column-gap: var(--_spacing---spacing--space-xs);
    grid-row-gap: var(--_spacing---spacing--space-xs);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .layer-checkbutton-grid.grid-4 {
    grid-column-gap: var(--_spacing---spacing--space-xs);
    grid-row-gap: var(--_spacing---spacing--space-xs);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .layer-checkbutton-grid.grid-2 {
    grid-column-gap: var(--_spacing---spacing--space-xs);
    grid-row-gap: var(--_spacing---spacing--space-xs);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .user-basic-info {
    grid-column-gap: var(--_spacing---spacing--space-md);
    grid-row-gap: var(--_spacing---spacing--space-md);
  }

  .my-kansatsu-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: minmax(150px, 100px) 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .my-kansatsu-context {
    flex-flow: column;
  }

  .mypage-badge-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .user-name-block {
    flex-flow: row;
  }

  .mypage-user-info {
    padding-top: var(--_spacing---spacing--space-3xlg);
    padding-bottom: var(--_spacing---spacing--space-2xlg);
  }

  .primary-blue-button-copy {
    grid-column-gap: var(--_spacing---spacing--space-sm);
    grid-row-gap: var(--_spacing---spacing--space-sm);
    width: 100%;
  }

  .mypage-setting-wrapper {
    grid-column-gap: var(--_spacing---spacing--space-lg);
    grid-row-gap: var(--_spacing---spacing--space-lg);
  }

  .mypage-action-wrapper {
    flex-flow: column;
  }

  .mysetting-action-link {
    padding: var(--_spacing---spacing--space-md);
    border-radius: var(--_spacing---radius--radius-md);
  }

  .my-kansatsu-lower-block {
    grid-column-gap: var(--_spacing---spacing--space-md);
    grid-row-gap: var(--_spacing---spacing--space-md);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .vertical-borderline.white, .vertical-borderline.brown {
    display: none;
  }

  .content-column {
    grid-column-gap: var(--_spacing---spacing--space-lg);
    grid-row-gap: var(--_spacing---spacing--space-lg);
  }

  .content-column._4 {
    grid-column-gap: var(--_spacing---spacing--space-md);
    grid-row-gap: var(--_spacing---spacing--space-md);
  }

  .content-column._2 {
    flex-flow: column;
    grid-template-columns: .5fr;
    display: flex;
  }

  .section-large-padding {
    padding-top: var(--_spacing---spacing--space-xlg);
    padding-bottom: var(--_spacing---spacing--space-xlg);
  }

  .section-large-padding.blue {
    padding-top: var(--_spacing---spacing--space-lg);
    padding-bottom: var(--_spacing---spacing--space-lg);
  }

  .section-large-padding.none-upper {
    padding-bottom: var(--_spacing---spacing--space-lg);
  }

  .section-large-padding.map {
    background-image: linear-gradient(143deg, #59778de6, #fff0), url('../images/leaflet-0303.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    min-height: 40vh;
    padding-top: 15vh;
  }

  .section-large-padding.large-upeerp-padding {
    padding-top: var(--_spacing---spacing--space-2xlg);
  }

  .section-large-padding.about {
    background-image: linear-gradient(143deg, #59778de6, #fff0), url('../images/leaflet-0303.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .section-large-padding.why-forest-and-water {
    background-image: linear-gradient(143deg, #59778de6, #fff0), url('../images/leaflet-0303.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    min-height: 40vh;
    padding-top: 15vh;
  }

  .layered-image-4 {
    width: 60%;
    margin-left: 40%;
  }

  .check-button-click.illustration {
    padding: var(--_spacing---spacing--space-none) var(--_spacing---spacing--space-xs);
    grid-column-gap: var(--_spacing---spacing--space-sm);
    grid-row-gap: var(--_spacing---spacing--space-sm);
    border-radius: var(--_spacing---radius--radius-md);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: flex-start stretch;
    display: flex;
  }

  .check-button-click.illustration.w--current {
    grid-column-gap: var(--_spacing---spacing--space-sm);
    grid-row-gap: var(--_spacing---spacing--space-sm);
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .check-button-click.illustration.horizontal {
    padding-top: var(--_spacing---spacing--space-none);
    padding-bottom: var(--_spacing---spacing--space-none);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .feature-grid-with-arrow {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  ._3-reason-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .step-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .step-item._2, .step-item._3 {
    flex-flow: column;
  }

  .step-number-block {
    flex-flow: row;
    width: auto;
  }

  .horizontal-borderline {
    background-color: var(--_color---white-opacity-30);
    width: 100%;
    height: 1px;
    display: flex;
  }

  .horizontal-borderline.step {
    background-color: var(--_color---brown-opacity-10);
    align-self: stretch;
    display: flex;
  }

  .horizontal-borderline.step.white {
    background-color: var(--_color---white-opacity-30);
  }

  .horizontal-borderline.brown, .horizontal-borderline.for-dark-bg {
    display: flex;
  }

  .xxl-icon {
    width: 64px;
    min-width: 80px;
    height: 64px;
    min-height: 80px;
  }

  .button-with-info {
    padding: var(--_spacing---spacing--space-md);
    border-radius: var(--_spacing---radius--radius-md);
  }

  .large-contents-grid {
    grid-column-gap: var(--_spacing---spacing--space-xlg);
    grid-row-gap: var(--_spacing---spacing--space-xlg);
    flex-flow: column;
    display: flex;
  }

  .observation-tip-outline {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    position: static;
    top: 0;
  }

  .overview-title-link, .overview-title-link.w--current, .list-item-blue {
    font-size: var(--_typography---text--medium-text);
  }

  .observation-tip-context {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .kansatsu-type-context-grid {
    flex-flow: column;
    display: flex;
  }

  .list-dot.no-padding {
    padding-left: 20px;
  }

  .list-item-brown {
    font-family: var(--_font---secondary-font);
    font-size: var(--_typography---text--medium-text);
  }

  .step-item-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .step-context-block {
    padding: var(--_spacing---spacing--space-md);
  }

  .card-block {
    display: flex;
  }

  .card {
    padding: var(--_spacing---spacing--space-md);
    border-radius: var(--_spacing---radius--radius-md);
    justify-content: space-between;
    align-items: flex-start;
  }

  .image-as-bg {
    padding-bottom: 20px;
  }

  .accordion-top-icon {
    padding: 6px;
  }

  .p1-3 {
    font-size: 12px;
  }

  .p1-3.brown {
    color: #654b27;
  }

  .accordion-top-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }

  .accordion-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .accordion-top-icon-wrap {
    width: 15px;
    height: 15px;
  }

  .faq-item {
    padding: 1rem;
  }

  .accordion-top-text {
    letter-spacing: .5px;
    font-size: 12px;
    font-weight: 700;
  }

  .overview-sub-link, .overview-sub-link.w--current {
    font-size: var(--_typography---text--medium-text);
  }

  .display-english-text {
    font-size: 12vw;
  }

  .location-button.small {
    width: 100%;
  }

  .field-title-box._2 {
    grid-row-gap: 0px;
  }

  .help-link-button {
    bottom: 5%;
  }

  .title-centered {
    font-size: var(--_typography---text--medium-text);
  }

  .medium-text-centered {
    font-size: var(--_typography---text--small-text);
  }
}

#w-node-a031e4cd-5483-deee-7933-5df5558ae9c9-fa5b4e36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_4bc72a1a-332f-2bff-a972-4aee9a5d0ae7-fa5b4e36 {
  place-self: center start;
}

#w-node-cb0d74a6-7036-583c-0787-53ffec003dbd-fa5b4e36 {
  place-self: auto;
}

#w-node-f7a31bc6-6209-7a04-1bcc-b7c40e139eca-fa5b4e36 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_292c5918-d24b-ed41-28fb-24d73b2fdb45-fa5b4e36 {
  align-self: end;
}

#w-node-f5c03301-0bb0-b32f-2095-fcccc49e13c3-c49e13a6 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-f5c03301-0bb0-b32f-2095-fcccc49e13c4-c49e13a6, #w-node-f5c03301-0bb0-b32f-2095-fcccc49e13ca-c49e13a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5c03301-0bb0-b32f-2095-fcccc49e13df-c49e13a6 {
  justify-self: end;
}

#w-node-_58dd9959-0a83-aa8e-a7e2-2d467c526174-7c52616c, #w-node-_58dd9959-0a83-aa8e-a7e2-2d467c526175-7c52616c, #w-node-_58dd9959-0a83-aa8e-a7e2-2d467c526178-7c52616c {
  align-self: start;
}

#w-node-_58dd9959-0a83-aa8e-a7e2-2d467c526184-7c52616c {
  justify-self: stretch;
}

#w-node-_16b54354-c400-28e5-17b4-754097886e14-97886e14 {
  justify-self: center;
}

#w-node-_78b70093-fa9b-64d6-5dcc-170cc660d9ef-c660d9ef {
  align-self: start;
}

#w-node-c7258996-ca6d-9fe4-0106-ecc1f6c587b7-fa5b4ed0 {
  align-self: center;
}

#w-node-_49a80783-5b14-3961-d7d3-96b54fe2a974-fa5b4ed0 {
  align-self: start;
}

#w-node-ddd3ea34-52a5-75e6-1bd8-f3bb4afc1f07-fa5b4ed0 {
  align-self: center;
}

#w-node-_3c1769cb-924e-5007-0572-1a63d7eb6fea-fa5b4ed0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5178560-5737-4c9c-1e63-828ffd56933d-fa5b4efe {
  align-self: center;
}

#w-node-_612570f4-b4db-6e79-25c8-cdba409b8a5b-fa5b4efe {
  place-self: center;
}

#w-node-b5d71402-24db-aa5b-d8f7-e3f2fcb76808-fa5b4efe {
  place-self: end start;
}

#w-node-_050cabef-ddb2-94e3-9fe4-30ce20b30a20-fa5b4efe, #w-node-e5901713-bfd6-55be-0b95-49058922b66c-fa5b4efe, #w-node-ba0df149-73d8-27d1-3dc6-30ab743a033f-fa5b4efe, #w-node-ba0df149-73d8-27d1-3dc6-30ab743a0348-fa5b4efe {
  align-self: center;
}

#w-node-_3d3377b1-0879-ba7d-3c55-7a51c94c60ee-fa5b4efe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_10e7e06f-e665-4c9f-328e-23bb6e0768fd-fa5b4efe {
  align-self: center;
}

#w-node-_0913e3ae-3641-84db-baff-8528b93c6100-fa5b4efe, #w-node-_4c6b9687-364e-f9cd-8f3d-efb22c0bff7a-fa5b4efe {
  place-self: center end;
}

#w-node-_96a119d1-c88e-a316-1452-d4929e057008-fa5b4efe {
  align-self: start;
}

#w-node-_96a119d1-c88e-a316-1452-d4929e057021-fa5b4efe {
  place-self: start end;
}

#w-node-d8e16bc8-f311-4899-b7b7-66c588ec09b8-fa5b4efe {
  align-self: center;
}

#w-node-d8e16bc8-f311-4899-b7b7-66c588ec09d1-fa5b4efe {
  place-self: center end;
}

#w-node-d2228ff5-fba1-0fb3-1155-5feb5f9081ec-fa5b4f18 {
  align-self: start;
}

#w-node-_2f44afc3-5592-ed29-4a1e-3a68edb6bed1-fa5b4f19 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_2f44afc3-5592-ed29-4a1e-3a68edb6bf0d-fa5b4f19 {
  justify-self: end;
}

#w-node-_73985c1c-1464-6fec-681b-6acb7921aa3b-fa5b4f19 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_03716932-26df-b9ef-0015-b2b8c8701b32-b278600d, #w-node-b56f5994-c329-c88c-bfb4-da05885436e1-e48f381b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_577ada16-e06a-8da6-a7a4-1e4c0e2819bd-3b4efe6b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_2aa77878-7d1e-0077-4402-939af43f04a0-fa5b4f1d, #w-node-_2aa77878-7d1e-0077-4402-939af43f04a5-fa5b4f1d, #w-node-_1bd54fe2-6311-f208-4f90-5ebf12326cbf-fa5b4f1f, #w-node-_2f58f661-c42a-b7ea-9f5b-85d796183b39-fa5b4f1f, #w-node-_57e42189-4469-f7dc-f114-e7aa039ddd2b-fa5b4f1f, #w-node-b61e207a-8c81-569d-1978-89901d280381-fa5b4f1f, #w-node-_843c99dc-ba6a-9177-371f-7fe390a0f603-fa5b4f1f, #w-node-_677f6d95-12a4-ff98-bc52-7e46e1eb3539-fa5b4f1f, #w-node-cdb334e3-ed0b-8e99-9277-eb12fd296040-fa5b4f1f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ca583eab-422d-2234-05c3-14901b57a826-d74ce0fa {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-df4327a6-5342-aa75-0730-ac748e51709f-84d235ca, #w-node-_15aa2e82-25e0-ad2c-1a69-935739cd54d1-84d235ca, #w-node-_5f9cf14a-3eca-b295-be67-8678e46a8517-84d235ca, #w-node-be4d0575-0d09-29f0-bf55-c14e558b5588-84d235ca, #w-node-_7dcb9b48-a0a3-272c-8638-d1e558089c26-84d235ca, #w-node-cc80bce9-4df7-b939-e338-e1efc677c94c-84d235ca {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7dcb9b48-a0a3-272c-8638-d1e558089d8b-84d235ca {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_1726cb26-0964-81d4-03f5-ef3153ca99c4-53ca99b6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0366c1fd-ca91-fc43-2eb8-a17cda749520-bf7cb2a2 {
  align-self: start;
}

#w-node-b88dc3b5-a7b6-c567-1d02-36ed7f029118-0109c0d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1701809-0487-cdfd-b196-a7d39d07c5b6-04b61220 {
  align-self: start;
}

@media screen and (min-width: 1440px) {
  #w-node-_2aa77878-7d1e-0077-4402-939af43f04a5-fa5b4f1d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-a031e4cd-5483-deee-7933-5df5558ae9c9-fa5b4e36 {
    grid-area: 2 / 1 / 3 / 2;
    place-self: stretch center;
  }

  #w-node-_4bc72a1a-332f-2bff-a972-4aee9a5d0ae7-fa5b4e36 {
    order: 9999;
    grid-area: 1 / 1 / 2 / 2;
    place-self: end center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a031e4cd-5483-deee-7933-5df5558ae9c9-fa5b4e36 {
    grid-row: 2 / 3;
  }

  #w-node-_4bc72a1a-332f-2bff-a972-4aee9a5d0ae7-fa5b4e36 {
    grid-row: 1 / 2;
    grid-column-end: 2;
  }

  #w-node-cb0d74a6-7036-583c-0787-53ffec003dbd-fa5b4e36 {
    align-self: start;
  }

  #w-node-f7a31bc6-6209-7a04-1bcc-b7c40e139eca-fa5b4e36 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f5c03301-0bb0-b32f-2095-fcccc49e13c3-c49e13a6, #w-node-_3d3377b1-0879-ba7d-3c55-7a51c94c60ee-fa5b4efe, #w-node-_73985c1c-1464-6fec-681b-6acb7921a6cd-fa5b4f19 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_73985c1c-1464-6fec-681b-6acb7921a750-fa5b4f19, #w-node-_0c1cec47-6a17-7c06-ce50-0363bbc96e46-fa5b4f19 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_2f44afc3-5592-ed29-4a1e-3a68edb6bed1-fa5b4f19 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #radio-12.w-node-_03716932-26df-b9ef-0015-b2b8c8701b33-b278600d, #radio-13.w-node-a933cc22-db5b-5f7b-5fad-0d62b2786016-b278600d, #\33 0.w-node-a933cc22-db5b-5f7b-5fad-0d62b278601d-b278600d, #radio-14.w-node-a933cc22-db5b-5f7b-5fad-0d62b2786022-b278600d, #radio-15.w-node-a933cc22-db5b-5f7b-5fad-0d62b2786029-b278600d, #w-node-ae14d3b3-5932-7e7c-5941-e81d59572957-d74ce0fa, #w-node-_7dcb9b48-a0a3-272c-8638-d1e558089bc2-84d235ca, #w-node-_7dcb9b48-a0a3-272c-8638-d1e558089bee-84d235ca, #w-node-_8889d6b8-bafd-2651-f079-d975a831cd00-84d235ca, #w-node-_23d93565-1ebb-32b9-cc2b-ef628e05a082-84d235ca {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: '851 Chikara Yowaku 002';
  src: url('../fonts/851CHIKARA-YOWAKU_002.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Craftmincho';
  src: url('../fonts/craftmincho.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}