:root {
  --_lp-color---color-01: #f6f6f6;
  --_lp-font---font-ja: "Noto Sans JP", sans-serif;
  --_lp-color---color-black: #1b1b1b;
  --_lp-color---color-white: white;
  --_lp-font---font-en: "Montserrat Alternates", sans-serif;
  --_lp-color---color-02: #d9d9d9;
  --_lp-color---color-03: #b4b4b4;
  --_apps---charts--chart-5-dark: #5b5b5b;
  --template---gap: 1.5em;
  --_apps---charts--chart-1: #1b1b1b;
  --template---system-grey: #d3cccc;
  --_apps---charts--chart-2: #333;
  --_apps---charts--chart-3: #101010;
  --_apps---charts--chart-4: #060606;
  --_apps---charts--chart-5: #222;
  --_apps---charts--chart-1-dark: #868686;
  --_apps---charts--chart-2-dark: #b4b4b4;
  --_apps---charts--chart-3-dark: #696969;
  --_apps---charts--chart-4-dark: #a4a4a4;
  --_apps---colors--background: #f6f6f6;
  --_apps---colors--foreground: #1b1b1b;
  --_apps---colors--card: #fff;
  --_apps---colors--card-foreground: #060606;
  --_apps---colors--popover: #e9e9e9;
  --_apps---colors--popover-foreground: #060606;
  --_apps---colors--primary: #1b1b1b;
  --_apps---colors--primary-foreground: #f8f8f8;
  --_apps---colors--secondary: #f9e7eb;
  --_apps---colors--secondary-foreground: #0f0d0d;
  --_apps---colors--muted: #efefef;
  --_apps---colors--muted-foreground: #757172;
  --_apps---colors--accent: #dcdcdc;
  --_apps---colors--accent-foreground: #0d0d0d;
  --_apps---colors--destructive: #d74843;
  --_apps---colors--border: #1b1b1b;
  --_apps---colors--input: #1d1d1d;
  --_apps---colors--ring: #1b1b1b;
  --_apps---colors--background-dark: #060606;
  --_apps---colors--foreground-dark: #f8f8f8;
  --_apps---colors--card-dark: #191919;
  --_apps---colors--card-foreground-dark: #f8f8f8;
  --_apps---colors--popover-dark: #191919;
  --_apps---colors--popover-foreground-dark: #f8f8f8;
  --_apps---colors--primary-dark: #868686;
  --_apps---colors--primary-foreground-dark: #060606;
  --_apps---colors--secondary-dark: #27161b;
  --_apps---colors--secondary-foreground-dark: #fcf7f8;
  --_apps---colors--muted-dark: #020202;
  --_apps---colors--muted-foreground-dark: #8d8d8d;
  --_apps---colors--accent-dark: #2f2f2f;
  --_apps---colors--accent-foreground-dark: #f8f8f8;
  --_apps---colors--destructive-dark: #db4c47;
  --_apps---colors--border-dark: #1b1b1b;
  --_apps---colors--input-dark: #fff;
  --_apps---colors--ring-dark: #989898;
  --_apps---sidebar--sidebar: #efefef;
  --_apps---sidebar--sidebar-foreground: #060606;
  --_apps---sidebar--sidebar-primary: #1b1b1b;
  --_apps---sidebar--sidebar-primary-foreground: #f8f8f8;
  --_apps---sidebar--sidebar-accent: #dcdcdc;
  --_apps---sidebar--sidebar-accent-foreground: #0d0d0d;
  --_apps---sidebar--sidebar-border: #1b1b1b;
  --_apps---sidebar--sidebar-ring: #1b1b1b;
  --_apps---sidebar--sidebar-dark: #0c0c0c;
  --_apps---sidebar--sidebar-foreground-dark: #f8f8f8;
  --_apps---sidebar--sidebar-primary-dark: #868686;
  --_apps---sidebar--sidebar-primary-foreground-dark: #060606;
  --_apps---sidebar--sidebar-accent-dark: #2f2f2f;
  --_apps---sidebar--sidebar-accent-foreground-dark: #f8f8f8;
  --_apps---sidebar--sidebar-border-dark: #fff;
  --_apps---sidebar--sidebar-ring-dark: #989898;
  --_apps---sizes--radius: .2em;
  --_apps---typography--heading-font: Jost, sans-serif;
  --_apps---typography--body-font: "Zen Kaku Gothic New", sans-serif;
  --_apps---typography--button-font: Jost, sans-serif;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.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("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7602 0.200943C12.0812 0.477421 12.0812 0.925728 11.7602 1.20221L4.77464 7.21972C4.4537 7.49619 3.93327 7.49619 3.61233 7.21972L0.239785 4.31483C-0.0811558 4.03835 -0.0811558 3.59004 0.239785 3.31356C0.560726 3.03708 1.08115 3.03708 1.40209 3.31356L4.19349 5.71782L10.5979 0.200943C10.9188 -0.0755352 11.4393 -0.0755352 11.7602 0.200943Z' fill='white'/%3E%3C/svg%3E");
  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;
}

.template--breadcrumb--wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 3px;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.template--breadcrumb--wrapper--block {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.template--breadcrumb--wrapper--block.template--no-print {
  max-width: 100%;
}

.template--fa {
  font-family: "Fa Sharp 300", Arial, sans-serif;
}

.template--fa.template--light {
  font-family: "Fa Sharp 400", Arial, sans-serif;
}

.template--fa.template--light.template--last:where(.w-variant-32d0a7be-b6b6-c4ef-04a3-0a88e200c4be) {
  display: none;
}

.template--breadcrumb {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000000b8;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.template--breadcrumb--tag {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.template--breadcrumb--tag:where(.w-variant-32d0a7be-b6b6-c4ef-04a3-0a88e200c4be) {
  border-color: #3330;
}

.template--spacer {
  width: 100%;
  height: 20px;
}

.template--spacer:where(.w-variant-f984b6af-a069-2a8d-76fa-518144003643) {
  height: 100px;
}

.template--spacer:where(.w-variant-e8362b40-6359-feb6-b057-eabe878a0cb8) {
  height: 75px;
}

.template--spacer:where(.w-variant-ac1af04e-0b46-b39e-7fa9-b27552b6b0fa) {
  height: 50px;
}

.template--spacer:where(.w-variant-26dd9896-1eb2-e45c-01d1-c1666d4c1cf1) {
  height: 40px;
}

.template--spacer:where(.w-variant-c01799fb-242d-08af-d902-9d4ed6222e16) {
  height: 10px;
}

body {
  color: #1b1b1b;
  letter-spacing: .1em;
  background-color: #f6f6f6;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: .86vw;
  font-weight: 500;
  line-height: 1.6;
}

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

p {
  margin-bottom: 10px;
}

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

strong {
  font-weight: bold;
}

.page--wrapper {
  overflow: hidden;
}

.hero--section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 11.8em;
  padding-left: 6em;
  padding-right: 6em;
  display: flex;
  position: relative;
}

.header {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.header--title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.7em;
  line-height: 170%;
}

.header--subtitle {
  color: #b1b1b1;
  letter-spacing: .1em;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 1.4em;
}

.door--wrapper {
  aspect-ratio: 1 / 1.5;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 3.5em;
  display: flex;
  position: relative;
}

.logo--img {
  width: 100%;
}

.nav_button--list_wrapper {
  z-index: 1100;
  margin-top: 17em;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.nav_button {
  aspect-ratio: 1;
  cursor: pointer;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 7em;
  display: flex;
}

.nav_buttom--line {
  background-color: #1b1b1b;
  width: 2.5em;
  height: 2px;
}

.nav_button--2line {
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav_button--text {
  text-transform: uppercase;
  padding-top: .6em;
  padding-left: 4%;
  font-family: Jost, sans-serif;
  font-size: .9em;
  font-weight: 600;
}

.nav_button--contact {
  aspect-ratio: 1;
  color: #fff;
  cursor: pointer;
  background-color: #1b1b1b;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 7em;
  display: flex;
}

.nav_button--contact--img {
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  display: flex;
}

.nav_button--contact--img.black {
  display: none;
}

.nav_button--list {
  transform-style: preserve-3d;
}

.nav_menu {
  z-index: 1000;
  background-color: #f6f6f6;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.nav_menu--img {
  object-fit: cover;
  object-position: 0% 50%;
  width: 43%;
  height: 100%;
}

.nav_menu--right {
  width: 100%;
  height: 100%;
  margin-right: 7.5em;
  padding-top: 4em;
  padding-left: 4.7em;
  position: relative;
}

.works--section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 8em;
  display: flex;
}

.section__title--text {
  text-transform: uppercase;
  border: .2em solid #1b1b1b;
  margin-top: 0;
  margin-bottom: 0;
  padding: .4em 1.6em;
  font-family: Jost, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 130%;
}

.section__title--text.bg--wht {
  background-color: #fff;
}

.works--item--wrapper {
  aspect-ratio: 1 / 1.06;
  flex-flow: row;
  height: 100%;
  padding-top: 4.4em;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
  position: relative;
}

.works__number {
  z-index: 3;
  background-color: #f6f6f6;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.75em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-family: Jost, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 130%;
  position: relative;
}

.works__title {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -3% 0% auto auto;
}

.works--img {
  aspect-ratio: 3 / 2;
  width: 100%;
  height: 100%;
}

.produced_by {
  margin-bottom: 0;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 130%;
}

.works--text {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.works--text.vertical {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.works--content {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.works--list {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  display: grid;
}

.works--item {
  border: .25em solid #1b1b1b;
  border-right-style: none;
  position: relative;
}

.works--item:last-child {
  box-shadow: .25em 0 #1b1b1b;
}

.section--padding_side {
  width: 100%;
  padding-left: 13em;
  padding-right: 13em;
}

.works--section__title {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 4em;
  display: flex;
}

.cmn__cta--top {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.5em;
  padding-right: .5em;
  font-family: Jost, sans-serif;
  font-weight: 500;
  display: flex;
}

.cmn__cta__title {
  flex: none;
  margin-bottom: .7em;
  font-size: 1.5em;
  line-height: 130%;
}

.cmn__cta__title:where(.w-variant-cdcc4251-2fdd-4d72-6b47-531fa8ad978b) {
  font-family: Zen Kaku Gothic New, sans-serif;
  font-weight: 500;
}

.cmn__cta__title.font--zen {
  font-family: Zen Kaku Gothic New, sans-serif;
}

.works--img--wrapper {
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

.works--img--wrapper.hover--effect {
  display: flex;
}

.link-block {
  z-index: 100;
  position: absolute;
  inset: 0%;
}

.arrow__frame {
  aspect-ratio: 1;
  background-color: #c8c8c8;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 6em;
  display: flex;
}

.arrow--img {
  width: 12%;
  position: relative;
}

.arrow--img.postion {
  top: -3.4em;
}

.cmn__cta {
  z-index: 10;
  flex-flow: column;
  min-width: 23em;
  display: flex;
  position: relative;
}

.cmn__cta--bot {
  z-index: 3;
  background-color: #1b1b1b;
  border-top: .14em solid #000;
  width: 100%;
  position: relative;
  top: -2em;
}

.about--section {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 13.3em;
  display: flex;
}

.about--left {
  aspect-ratio: 1 / 1.164;
  width: 20%;
}

.about--center {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 5em;
  margin-left: 6em;
  margin-right: 7em;
  display: flex;
}

.about--right {
  justify-content: flex-start;
  align-items: center;
  width: 28%;
  margin-top: 12em;
  display: flex;
  position: relative;
}

.image-4 {
  aspect-ratio: 1 / 1.133;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-5 {
  aspect-ratio: 1 / 1.074;
  object-fit: cover;
  width: 100%;
}

.about--section__title {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 4.2em;
  display: flex;
}

.about__content {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  display: flex;
}

.about--cta--link {
  justify-content: flex-start;
  align-items: center;
  margin-top: 4.2em;
  display: flex;
}

.service--section {
  margin-top: 16.4em;
  margin-bottom: 9.4em;
}

.service--section__title {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 6.8em;
  display: flex;
}

.service__content {
  grid-column-gap: 5.5em;
  grid-row-gap: 5.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  display: grid;
}

.service__content--left {
  aspect-ratio: 1.243;
  position: relative;
}

.service__content--right {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  margin-right: 7.5em;
  display: flex;
}

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

.flow--imglink {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.service--block {
  grid-column-gap: 1.2em;
  grid-row-gap: 1.2em;
  border-bottom: 1px solid #b4b4b4;
  flex-flow: column;
  padding-bottom: 2.7em;
  display: flex;
}

.stairs--section {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: .4em;
  display: flex;
}

.door {
  background-color: #c8c8c8;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: .6em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.door._2 {
  transform-style: preserve-3d;
  display: none;
  transform: translate(.4em, -.5em)rotateX(0)rotateY(42deg)rotateZ(0)skew(0deg, 17deg);
}

.door._3 {
  transform-style: preserve-3d;
  display: none;
  transform: translate(1em, -.5em)rotateX(0)rotateY(66deg)rotateZ(0)skew(0deg, 17deg);
}

.door._4 {
  transform-style: preserve-3d;
  display: none;
  transform: translate(1.4em, -.5em)rotateX(0)rotateY(77deg)rotateZ(0)skew(0deg, 17deg);
}

.flow__content {
  grid-column-gap: 1.2em;
  grid-row-gap: 1.2em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flow__content--item {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 100%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 20.5em;
  padding-top: 3em;
  display: flex;
}

.flow__content--item.aling {
  justify-content: center;
  align-items: center;
  padding-top: 0;
}

.flow__content--text {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flow__content__title {
  color: #b1b1b1;
  border-bottom: .08em solid #c8c8c8;
  margin-top: 0;
  margin-bottom: 1.3em;
  padding-bottom: 1em;
  padding-left: .6em;
  padding-right: .6em;
  font-family: Jost, sans-serif;
  font-size: 1.7em;
  font-weight: 500;
  line-height: 130%;
}

.heading-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 130%;
}

.paragraph-3 {
  text-align: center;
  margin-bottom: 0;
}

.between__arrow {
  width: 1em;
}

.between__arrow.downward {
  transform: rotate(90deg);
}

.flow--cta--link {
  justify-content: center;
  align-items: center;
  margin-top: 4.6em;
  margin-bottom: 13em;
  display: flex;
}

.flow--imglink--layout {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start stretch;
  display: grid;
}

.flow--img {
  z-index: -1;
  aspect-ratio: 1.655;
  object-fit: cover;
  width: 100%;
}

.flow--imglink__title {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 4em;
  margin-left: 4em;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.flow--imglink__arrow {
  z-index: 5;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 14%;
  margin-bottom: 3.5em;
  margin-right: 3.5em;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.flow--img__overlay {
  background-image: linear-gradient(#1b1b1b33, #1b1b1b33);
  position: absolute;
  inset: 0%;
}

.middle--section {
  margin-top: 17.3em;
  margin-bottom: 13em;
  position: relative;
}

.arrow {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flow--section__title, .blog--section__title {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 5.8em;
  margin-bottom: 5.8em;
  display: flex;
}

.blog--link {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.2em;
  display: flex;
}

.blog--tmb {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

.date {
  color: #6f6f6f;
  letter-spacing: .1em;
  border-right: 1px solid #1b1b1b40;
  justify-content: flex-start;
  align-items: center;
  padding-right: 1.5em;
  font-size: .87em;
  display: flex;
}

.blog_link--kategory {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 1em;
  line-height: 110%;
}

.div-block-4 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-top: 1.8em;
  margin-bottom: 1.2em;
  font-family: Jost, sans-serif;
  display: flex;
}

.collection-list {
  grid-column-gap: 3.7em;
  grid-row-gap: 3.7em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.collection-list-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: flex-start stretch;
}

.utility-page-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  min-height: 100svh;
  max-height: 100%;
  padding-top: 100px;
  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;
}

.collection-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  place-items: start stretch;
}

.collection-item:hover {
  opacity: 1;
}

.blog__content {
  margin-bottom: 5em;
}

.contact--section {
  margin-top: 10.8em;
}

.contant--margin {
  margin-left: 6.7em;
  margin-right: 6.7em;
  position: relative;
}

.contact--bgcl {
  background-color: #f1f0f0;
  margin: 1.5% 1%;
  position: absolute;
  inset: 0%;
}

.contact--content {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.contact__title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 130%;
}

.contact--p {
  text-align: center;
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 180%;
}

.contact--text {
  margin-top: 2em;
  margin-bottom: 4em;
}

.contact--text.text-span-3 {
  display: none;
}

.door__shade {
  background-color: #919191;
  border-radius: 3px;
  width: 100%;
  height: 100%;
}

.door__icon {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.knob {
  aspect-ratio: 1;
  background-color: #1b1b1b;
  border-radius: 100%;
  width: .3em;
}

.stairs--item {
  background-color: #1b1b1b;
  width: 4em;
  height: .15em;
}

.stairs--item._2 {
  width: 5em;
}

.door--list {
  display: flex;
}

.blog_link--titele {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 130%;
}

.footer {
  padding: 10em 9em 9em;
}

.footor--top {
  grid-template-rows: auto;
  grid-template-columns: 1fr auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12.5em;
  display: grid;
}

.footer--text {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 170%;
}

.fottor--link--wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link--text {
  font-family: Jost, sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 170%;
}

.div-block-9 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  padding-top: .3em;
  padding-bottom: .3em;
  transition: opacity .3s;
  display: flex;
}

.div-block-9:hover {
  opacity: .6;
}

.company_information {
  margin-left: 6em;
  margin-right: 8em;
}

.text-block-2 {
  font-size: 1.1em;
  font-weight: 700;
}

.navmenu--item--link--list {
  grid-column-gap: 1.2em;
  grid-row-gap: 1.2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: .5em;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav--text_link {
  text-transform: uppercase;
  font-family: Hind, sans-serif;
  font-size: 1.35em;
  line-height: 130%;
  transition: opacity .2s;
}

.nav--text_link:hover {
  opacity: .4;
}

.navmenu--item--link--list_item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-11 {
  border-top: 1px solid #1b1b1b;
  width: 15px;
  height: 0;
}

.navmenu--item--link {
  text-transform: uppercase;
  font-family: Hind, sans-serif;
  font-size: 1.25em;
  line-height: 130%;
  transition: opacity .2s;
}

.navmenu--item--link:hover {
  opacity: .4;
}

.nav_menu--list_wrapper {
  grid-column-gap: 8em;
  grid-row-gap: 8em;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 35%;
  left: 25%;
}

.navmenu--item {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav_menu--list {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.door--section {
  width: 100%;
  max-width: none;
  position: relative;
}

.text-span, .text-span-2 {
  display: flex;
}

.contant--frame {
  aspect-ratio: 2.7;
  width: 100%;
  position: relative;
}

.footer--link--list {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-5 {
  transition: opacity .3s;
}

.link-5:hover {
  opacity: .6;
}

.separate_line {
  background-color: #1b1b1b;
  width: 1px;
  margin-left: 2em;
  margin-right: 2em;
  padding-top: 1.3em;
  padding-bottom: 1.3em;
}

.subpage_logo--wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.subpage_top {
  flex-flow: column;
  display: flex;
}

.subpage_top.center--align {
  justify-content: flex-start;
  align-items: center;
}

.subpage_title--wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  margin-top: 7.5em;
  margin-bottom: 10.5em;
  margin-left: 12.5em;
  display: flex;
}

.subpage_title--wrapper.align--center {
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
}

.subpage_title {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 4.5em;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.subpage_title.align--vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.text-span-7 {
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: .3em;
  font-weight: 700;
  line-height: 200%;
}

.subpage_subtitle {
  color: #b1b1b1;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 1.3em;
  line-height: 170%;
}

.subpage_top--img {
  width: 100%;
  max-width: none;
}

.subpage_content--wrapper.margin--top {
  margin-top: 11.5em;
}

.philosophy--section__title {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 5em;
  display: flex;
}

.philosophy--section {
  margin-top: 2.3em;
  margin-bottom: 11.5em;
}

.philosophy--text_content--top {
  grid-column-gap: 6.5em;
  grid-row-gap: 6.5em;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  display: flex;
}

.service_detail--text_heading {
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.46em;
  font-weight: 600;
  line-height: 240%;
}

.service_detail--text_p {
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 240%;
}

.philosophy--text_content--right {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  display: flex;
}

.philosophy--text_content--bot {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  display: flex;
}

.subpage--section--padding--side {
  grid-column-gap: 7em;
  grid-row-gap: 7em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 15em;
  padding-right: 15em;
}

.subpage--section--padding--side.side--9-8em {
  padding-left: 9.8em;
  padding-right: 9.8em;
}

.philosophy--img--row {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 5em;
  margin-bottom: 13em;
  display: flex;
}

.philosophy--img--row_1 {
  display: flex;
  position: relative;
}

.philosophy--img--row_2 {
  position: relative;
}

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

.philosophy--img--row_3 {
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.philosophy--img--full--inwrapper {
  justify-content: flex-end;
  margin-left: 13em;
  display: flex;
  position: relative;
}

.philosophy--img--full--wrapper {
  margin-top: 12.4em;
}

.philosophy--img--full {
  aspect-ratio: 3;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.member--section {
  display: none;
}

.member--section__title {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5em;
  display: flex;
}

.member_tmb {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

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

.member_name {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .1em;
  font-family: Hind, sans-serif;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 130%;
}

.member--item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.member_tmb--wrapper {
  border-radius: 100%;
  margin-bottom: 2em;
  overflow: hidden;
}

.member_affiliation {
  margin-bottom: 1.3em;
  font-size: 1.1em;
  line-height: 130%;
}

.member--illust {
  margin-top: 15em;
  margin-bottom: 8em;
  margin-right: 11%;
  position: relative;
}

.member--illust--img {
  aspect-ratio: 3;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.frame--deco_yoko {
  width: 11.5em;
  position: absolute;
  inset: 0%;
}

.frame--deco_yoko.member--left {
  inset: auto auto -1.5em 25%;
}

.frame--deco_yoko.member--right {
  inset: auto 25% -1.5em auto;
}

.frame--deco_yoko.philosophy--row {
  inset: auto 20% -1.5em auto;
}

.frame--deco_yoko.service_1 {
  inset: auto auto -1.5em 20%;
}

.frame--deco_yoko.service_2 {
  inset: auto 20% -1.4em auto;
}

.frame--deco_yoko.works_list_1 {
  inset: -1.5em 13% auto auto;
}

.frame--deco_yoko.service_web {
  top: -1.5em;
  left: 20%;
}

.frame--deco_yoko.service_branding {
  inset: auto 20% -1.5em auto;
}

.frame--deco_yoko.blog-1 {
  inset: -1.7em 8% auto auto;
}

.frame--deco_yoko.blog-2 {
  inset: auto auto -1.7em 13%;
}

.frame--deco_yoko.project_1 {
  top: -1.5em;
  left: 22em;
}

.frame--deco_yoko.project_2 {
  inset: -1.5em 22em 0% auto;
}

.outline--section {
  padding-top: 8em;
}

.outline--section__title {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.outline--wrapper {
  grid-column-gap: 7.5em;
  grid-row-gap: 7.5em;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.outline--content {
  width: 100%;
}

.outline--content--block {
  grid-column-gap: 3.4em;
  grid-row-gap: 3.4em;
  border-top: 1px solid #b4b4b4;
  grid-template-rows: auto;
  grid-template-columns: 11% 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  padding-top: 2em;
  padding-bottom: 2em;
  display: grid;
}

.outline--content--block.underline {
  border-bottom: 1px solid #b4b4b4;
  place-items: start stretch;
}

.heading-6 {
  letter-spacing: .4em;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: .7em;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 130%;
  display: flex;
}

.paragraph-6 {
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 180%;
}

.list-3 {
  margin-bottom: 0;
  padding-left: 1em;
}

.frame--deco_tate {
  height: 11.5em;
  position: absolute;
}

.frame--deco_tate.philosophy--full {
  inset: 35% auto 0% -1.5em;
}

.frame--deco_tate.flow_1 {
  inset: 8em auto 0% -1.5em;
}

.frame--deco_tate.flow_2 {
  top: 8em;
  right: -1.5em;
}

.frame--deco_tate.about {
  inset: 30% auto 0% -1.4em;
}

.frame--deco_tate.works_list_2 {
  inset: auto -1.5em 20% auto;
}

.frame--deco_tate.service_system {
  inset: auto auto 15% -1.5em;
}

.frame--deco_square {
  aspect-ratio: 1;
  background-color: #f6f6f6;
  border: .23em solid #1b1b1b;
  width: 1.7em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.frame--deco_square.philosophy--row_3 {
  inset: -.3em auto auto -.3em;
}

.frame--deco_square.service {
  inset: -.3em -.3em auto auto;
}

.frame--deco_square.service_graphic_1 {
  top: -.3em;
  left: -.3em;
}

.frame--deco_square.service_graphic_2 {
  inset: auto auto -.3em -.3em;
}

.middle--img {
  aspect-ratio: 3;
  object-fit: cover;
  width: 100%;
}

.frame--door {
  width: 9em;
  position: absolute;
  inset: -.6em 20% auto auto;
}

.frame--door.middle {
  inset: auto auto -8.5em 16%;
}

.frame--door.works_list_3 {
  inset: auto auto -8.4em 12%;
}

.service--cta--link {
  justify-content: flex-end;
  align-items: center;
  margin-top: 2.2em;
  display: flex;
  position: relative;
}

.contant--frame_sp {
  aspect-ratio: 2.7;
  width: 100%;
  display: none;
  position: relative;
}

.image-18 {
  aspect-ratio: 1.129;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-19 {
  aspect-ratio: 1.159;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.paragraph-7 {
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 180%;
}

.philosophy--img--row_1--wrapper {
  width: 23%;
}

.philosophy--img--row_2--wrapper {
  width: 26%;
  margin-top: 11em;
}

.philosophy--img--row_3--wrapper {
  width: 29%;
  margin-top: 3.2em;
}

.tab_menu--link {
  color: #1b1b1b80;
  text-transform: uppercase;
  background-color: #ddd0;
  padding: 0;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 1.2em;
  line-height: 180%;
}

.tab_menu--link.w--current {
  color: #1b1b1b;
  background-color: #ddd0;
  border-bottom: 3px solid #1b1b1b;
  padding: 0;
}

.tab_menu--link.font--zen {
  font-family: Zen Kaku Gothic New, sans-serif;
}

.tab_menu--title {
  padding-left: .3em;
  padding-right: .2em;
}

.tab_menu--title.jost {
  font-family: Jost, sans-serif;
}

.flow--img--wrapper {
  width: 100%;
  overflow: hidden;
}

.tab_menu--list {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 7em;
  margin-bottom: 7em;
  display: flex;
}

.works_list--section {
  margin-bottom: 19em;
}

.works_list--section.template {
  margin-top: 10em;
}

.works_list--tab {
  z-index: 20;
}

.works_list--tab_content--wrapper {
  overflow: visible;
}

.works_list--tab_content {
  position: relative;
}

.works_list--tab_content--layout {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 6em 5em;
}

.works_list--tab_content--list {
  grid-column-gap: 3em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  display: grid;
}

.works_list--tab_content--item {
  width: 100%;
  position: relative;
}

.works--link {
  position: absolute;
  inset: 0%;
}

.page_click {
  color: #1b1b1b80;
  text-transform: uppercase;
  background-color: #fafafa00;
  border-style: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0 .3em;
  font-family: Jost, sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  transition: border-color .3s, border-radius .3s;
  display: flex;
}

.page_click:hover {
  color: #1b1b1b;
  box-shadow: inset 0 -2px #1b1b1b;
}

.code-embed {
  display: none;
}

.pagination--wrapper {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  margin-top: 6em;
  transition: all .4s;
}

.pagination--wrapper.blog--pagenav {
  margin-top: 0;
  padding-top: 13em;
  position: relative;
}

.page_click--text {
  padding-top: .3em;
}

.service_detail--section {
  margin-bottom: 19em;
}

.service_detail--section.margin--top {
  margin-top: 12.5em;
}

.service_detail--section_title {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 5em;
  display: flex;
}

.service_detail--top {
  grid-column-gap: 7em;
  grid-row-gap: 7em;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 40%;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  display: grid;
}

.service_detail--top.block {
  display: block;
}

.service_detail--top--left {
  margin-left: 15em;
}

.service_detail--content__text {
  grid-column-gap: 1.2em;
  grid-row-gap: 1.2em;
  flex-flow: column;
  margin-top: 3em;
  margin-bottom: 4.3em;
  display: flex;
}

.service_detail--link {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.service_detail--img--wrapper {
  height: 45em;
  position: relative;
}

.img--frame_line {
  border: .23em solid #1b1b1b;
  width: 100%;
  height: 100%;
  display: block;
}

.img--frame_line.line--right_0 {
  border-right-style: none;
}

.img--frame_line.line--left_0 {
  border-left-style: none;
}

.img--frame_line.line--left_0.line--right_0 {
  border-right-style: solid;
}

.img--frame_line.line--left-right_0 {
  border-left-style: none;
  border-right-style: none;
}

.service_detail--img {
  object-fit: cover;
  height: 100%;
}

.cost {
  background-color: #e4e4e4;
  margin-top: 4em;
  padding: 2em 3.6em 3em;
}

.type_list--wrapper {
  grid-column-gap: 3em;
  grid-row-gap: 1.7em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4em;
  display: grid;
}

.type_list--item {
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: 1.4em;
  font-size: 1.1em;
  line-height: 110%;
  display: flex;
}

.cost_title {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .3em;
  display: flex;
}

.bullet {
  background-color: #1b1b1b;
  width: 1.7em;
  height: .15em;
}

.price_notation--wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.price_notation--text {
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 220%;
}

.precautions--text {
  font-size: 1.2em;
  line-height: 200%;
}

.service_flow--section {
  margin-top: 5.3em;
}

.service_flow--block {
  grid-column-gap: 5em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

.service_flow--arrow--img {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 2.4em;
  margin-bottom: 2.4em;
  display: flex;
}

.service_flow--arrow--img.pc--none {
  display: none;
}

.service_flow--title {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 1.3em;
  line-height: 240%;
}

.service_flow--text {
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 170%;
}

.service_flow--marker--text--wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-top: 2.5em;
  display: flex;
}

.service_flow--marker--text {
  color: #6f6f6f;
  background-color: #fff;
  padding: .8em 1.5em;
  font-size: 1.2em;
  line-height: 130%;
}

.service_flow--section_title {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 5.2em;
  margin-bottom: 5em;
  display: flex;
}

.img--frame--wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.faq--section {
  margin-top: 11.5em;
}

.faq_title {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.faq--arrow {
  width: .6em;
  margin-top: 1.2em;
  margin-right: 1em;
  transform: rotate(90deg);
}

.faq--item {
  z-index: 10;
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  border-bottom: 1px solid #6f6f6f;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 2em;
  padding-bottom: 2em;
  display: grid;
  position: relative;
}

.faq--item.top_line {
  border-top: 1px solid #6f6f6f;
  grid-auto-columns: 1fr;
}

.faq_title--text {
  font-size: 1.34em;
  font-weight: 700;
  line-height: 240%;
}

.faq_title--text.text--q {
  font-family: Jost, sans-serif;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 200%;
}

.paragraph-8 {
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 180%;
  transition: transform 1s;
}

.works--cta--link {
  justify-content: center;
  align-items: center;
  margin-top: 4.2em;
  display: flex;
}

.logo--wrapper {
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-top: 4em;
  margin-bottom: 8.2em;
  display: flex;
}

.blog_list--tab {
  z-index: 20;
}

.blog_list--tab_content {
  margin-left: -.25em;
  margin-right: -.25em;
  position: relative;
}

.glog--link--wrapper {
  height: 100%;
  padding: 5.5em 4em;
}

.blog_list--tab_content--layout {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: flex-start stretch;
}

.blog_list--tab_content--list {
  outline-offset: -.25em;
  border-left: .25em solid #1b1b1b;
  outline: .25em solid #1b1b1b;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.blog_list--tab_content--item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: .25em solid #1b1b1b;
  border-right: .25em solid #1b1b1b;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  place-items: start stretch;
  height: 100%;
}

.page-count {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  display: none;
}

.blog_header {
  grid-column-gap: 2.4em;
  grid-row-gap: 2.4em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog_detail--title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  line-height: 150%;
}

.blog--metadata {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog--metadata.full--left {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.blog_date {
  color: #6f6f6f;
  justify-content: center;
  align-items: center;
  font-family: Jost, sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  display: flex;
}

.blog_content {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  border-top: .25em solid #1b1b1b;
  border-bottom: .25em solid #1b1b1b;
  flex-flow: column;
  max-width: 1160px;
  margin-top: 6em;
  margin-left: auto;
  margin-right: auto;
  padding: 7em 5em;
  display: flex;
  position: relative;
}

.blog--main_text {
  margin-bottom: 0;
  font-size: 1.08em;
  line-height: 200%;
}

.blog--main_text strong {
  font-weight: 900;
}

.blog--author {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.blog_author--heading {
  margin-top: 3em;
  margin-bottom: 1.7em;
  font-size: 1.6em;
  line-height: 240%;
}

.member--link {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.member--link.width--25 {
  width: 25%;
}

.blog--nav {
  z-index: 100;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 11em;
  transition: opacity .2s;
  display: grid;
}

.blog--nav--link {
  color: #1b1b1b80;
  padding-left: 1.5em;
  padding-right: 1.5em;
  transition: all .2s;
}

.blog--nav--link:hover {
  color: #1b1b1b;
  box-shadow: inset 0 -.14em #1b1b1b;
}

.blog--nav--link.pc--none {
  display: none;
}

.blog_date--text {
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog_detail--link--wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact_form--bot {
  width: 100%;
  padding: 6.5em 5em 6.2em;
  position: relative;
}

.form--bg {
  z-index: -1;
  background-color: #f1f0f0;
  margin: .9em .3em 1.3em;
  position: absolute;
  inset: 0%;
}

.form--item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  display: grid;
}

.form--item.align--top {
  place-items: start stretch;
}

.input--text {
  flex: none;
  margin-bottom: 0;
  font-size: 1.2em;
  font-weight: 500;
}

.text-field {
  color: #1b1b1b;
  background-color: #fff;
  border: 1px #000;
  height: 100%;
  margin-bottom: 0;
  padding: 1em;
  font-size: 1.2em;
}

.text-field.width--50 {
  width: 50%;
}

.text-field.minh--12em {
  min-height: 12em;
}

.form--list {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 5em;
  padding-right: 5em;
  display: flex;
}

.form--list--item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.form_frame--top {
  background-image: url('../images/form_frame_1.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 50%;
}

.form_frame--bot {
  background-image: url('../images/form_frame_1.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 50%;
}

.form_frame {
  position: absolute;
  inset: 0%;
}

.form-block {
  z-index: 10;
  position: relative;
}

.input {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  justify-content: flex-start;
  align-items: center;
  min-width: 15em;
  padding-top: .5em;
  padding-bottom: .5em;
  display: flex;
}

.input--category {
  color: #fff;
  background-color: #1b1b1b;
  margin-bottom: 0;
  padding-left: .8em;
  padding-right: .8em;
  font-size: .8em;
  font-weight: 500;
}

.contact_form--top {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 6em;
  margin-bottom: 7em;
  display: flex;
}

.contact_notice--text {
  text-align: center;
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 170%;
}

.contact_notice {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.contact_note--text {
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 1.08em;
  font-weight: 500;
  line-height: 170%;
}

.form--bot {
  border-top: 2px solid #1b1b1b;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 6em;
  padding-top: 4em;
  display: flex;
}

.checkbox-field {
  justify-content: flex-start;
  align-items: center;
  margin-top: 2em;
  margin-bottom: 3.5em;
  display: flex;
}

.checkbox {
  margin-top: 0;
}

.send--button {
  background-color: #1b1b1b;
  width: 35%;
  padding: 1.5em 2em;
  font-size: 1.2em;
  transition: background-color .3s;
}

.send--button:hover {
  background-color: #979797;
}

.link-6 {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  transition: opacity .2s;
}

.link-6:hover {
  opacity: .5;
}

.success-message {
  background-color: #ddd0;
}

.text-block-5 {
  color: #df2f2f;
}

.error-message {
  text-align: center;
}

.text-span-12 {
  flex-flow: column;
  display: flex;
}

.works_details--section__title {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 1em;
  display: flex;
}

.project_title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  line-height: 240%;
}

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

.production {
  margin-bottom: 0;
  padding-top: .3em;
  padding-bottom: .3em;
  font-size: 1.3em;
  line-height: 110%;
}

.project_header {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 4em;
  display: flex;
}

.works_details--link {
  justify-content: center;
  align-items: center;
  margin-top: 7em;
  display: flex;
}

.works_details--link.pc--none {
  display: none;
}

.project_content--text {
  text-align: justify;
  margin-top: 4em;
  margin-bottom: 0;
  font-size: clamp(14px, 1.08em, 999px);
  line-height: 200%;
}

.project_content--text h2 {
  font-size: 1.5em;
  line-height: 160%;
}

.project--main_img {
  aspect-ratio: 1.692;
  object-fit: cover;
  width: 100%;
}

.project_content--item {
  padding-top: 10em;
}

.project_content--item.gallery {
  padding-top: 7em;
}

.project_gallery--wrapper {
  position: relative;
}

.project_details {
  border-top: .23em solid #1b1b1b;
  margin-top: 11em;
  padding-top: 5em;
}

.project--padding--side {
  width: 100%;
  padding-left: 3em;
  padding-right: 3em;
}

.project_details--list {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  display: flex;
}

.project_details--item {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 10% 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

.project_details--title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 180%;
}

.project_details--text {
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 120%;
}

.project_details--text.text--cl {
  color: #6f6f6f;
  text-decoration: underline;
}

.collection-list-3 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.collection-list-3.top--page {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
}

.works--tag--wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.works--tag--wrapper.top--page {
  padding: 3px;
  font-size: .7em;
}

.code-embed-3 {
  display: none;
}

.web_site--link {
  justify-content: center;
  align-items: center;
  display: flex;
}

.web_site--link.sp--none {
  max-width: 19em;
}

.div-block-21 {
  position: relative;
}

.collection-list-4 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1em;
  aspect-ratio: 1.692;
  background-color: #fff;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding: 7em 5em;
  display: grid;
}

.collection-list-5 {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-23 {
  background-color: #1b1b1b;
  width: 2px;
  height: 2em;
  margin-left: 2em;
  margin-right: 2em;
}

.collection-list-6 {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog--tmb--wrapper {
  overflow: hidden;
}

.fa {
  font-family: "Fa 3 Brands 400", Arial, sans-serif;
  font-size: 2.2em;
}

.nav--wrapper {
  z-index: 1100;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-block-27 {
  padding: 100px;
}

.list_page-buttons {
  grid-column-gap: .2em;
  grid-row-gap: .2em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  font-family: Hind, sans-serif;
  font-size: 1.2em;
  display: grid;
}

.fs-list_pagination_button {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.fs-list_pagination_button.w--current {
  cursor: not-allowed;
}

.fs-list_pagination_button.page_click.w--current {
  color: #1b1b1b;
  border-bottom: 2px solid #1b1b1b;
}

.fs-list_pagination_dots {
  justify-content: center;
  align-items: center;
}

.none_hover:hover {
  color: #1b1b1b80;
  box-shadow: 0 0 #0000;
}

.works_number--script, .nav--contact {
  display: none;
}

.body {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.code-embed-4 {
  display: none;
}

.blog--cta--link {
  justify-content: center;
  align-items: center;
  display: flex;
}

.empty {
  text-align: center;
  background-color: #ddd0;
}

.heading--works {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.heading--works.jp {
  font-family: Zen Kaku Gothic New, sans-serif;
  font-weight: 500;
}

.footer--link:hover {
  opacity: .6;
}

.rich-text-block {
  margin-top: 10px;
}

.small {
  font-size: 12px;
}

.collection-list-wrapper-2 {
  margin-top: 10px;
}

.collection-list-wrapper-4 {
  margin-top: 1em;
}

.footer--service--link--list {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.collection-item-5 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.code-embed-6 {
  display: none;
}

.blog--jisseki_link {
  z-index: 100;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 4em;
  transition: opacity .2s;
  display: grid;
}

.blog--jisseki_link.attachment {
  margin-top: 0;
}

.div-block-29 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.worksdetail--section--padding--side {
  grid-column-gap: 7em;
  grid-row-gap: 7em;
  padding-left: clamp(20em, calc(20em + var(--R) * (100vw - 1920px)), 999em);
  padding-right: clamp(20em, calc(20em + var(--R) * (100vw - 1920px)), 999em);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.blogdetail--section--padding--side {
  grid-column-gap: 7em;
  grid-row-gap: 7em;
  padding-left: clamp(15em, calc(15em + var(--R) * (100vw - 1920px)), 999em);
  padding-right: clamp(15em, calc(15em + var(--R) * (100vw - 1920px)), 999em);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.blog--title--wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.collection-list-7 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog--lightbox {
  width: 100%;
}

.blog--image {
  aspect-ratio: 1.49;
  object-fit: cover;
  width: 100%;
}

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

.top--fixed--news {
  z-index: 2000;
  border: 3px solid #000;
  max-width: 300px;
  position: fixed;
  inset: auto 10px 10px auto;
}

.template--section {
  margin-top: 5em;
}

.template-banner__item {
  grid-column-gap: 5.0872em;
  grid-row-gap: 5.0872em;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 54fr 69fr;
  grid-auto-columns: 1fr;
  padding: 3.6337em;
  display: grid;
  box-shadow: 3px 3px 8px #00000040;
}

.template-banner__visual {
  aspect-ratio: 540 / 370;
  display: flex;
  overflow: hidden;
}

.template-banner__content {
  flex-flow: column;
  display: flex;
  position: relative;
}

.template-banner__title {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 1.3324em;
}

.template-banner__text {
  margin-bottom: 2em;
  font-size: 1em;
  line-height: 240%;
}

.template-banner__button {
  max-width: 23em;
  margin-top: auto;
  margin-left: auto;
}

.template-banner__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.link-7 {
  transition: opacity .3s;
}

.link-7:hover {
  opacity: .6;
}

.div-block-30 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-32 {
  border-top: 1px solid #1b1b1b;
  width: 15px;
  height: 0;
}

.fa-3 {
  font-family: "Fa 3 Brands 400", Arial, sans-serif;
  font-size: 2.2em;
}

.collection-list-wrapper-7 {
  margin-top: 1em;
}

.div-block-33 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  padding-top: .3em;
  padding-bottom: .3em;
  transition: opacity .3s;
  display: flex;
}

.div-block-33:hover {
  opacity: .6;
}

.template-link {
  grid-column-gap: 12em;
  grid-row-gap: 12em;
  justify-content: center;
  align-items: center;
  margin-top: 8em;
  display: flex;
}

.lp {
  background-color: var(--_lp-color---color-01);
  font-family: var(--_lp-font---font-ja);
  color: var(--_lp-color---color-black);
  letter-spacing: .0555556em;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 180%;
}

.lp-site-header {
  position: absolute;
  top: 0;
  left: 0;
}

.lp-site-header__logo {
  background-color: var(--_lp-color---color-white);
  border-bottom-right-radius: 6rem;
  padding: 4.9rem 5.5rem 4.9rem 6rem;
}

.lp-site-header__logo-image {
  width: 26.5rem;
}

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

.code-embed-7 {
  display: none;
}

.lp-hero {
  height: 91.6rem;
  position: relative;
  overflow: visible;
}

.lp-hero__container {
  width: 100%;
  height: 100%;
  position: relative;
}

.lp-hero__pc {
  aspect-ratio: 939.92 / 727;
  justify-content: center;
  align-items: center;
  width: 93.992rem;
  position: relative;
  top: 11.6rem;
  left: 50%;
  transform: translate(-50%);
}

.lp-hero__pc-image {
  width: 100%;
  height: 100%;
}

.lp-hero__pc-text {
  z-index: 1;
  grid-row-gap: 2.8rem;
  letter-spacing: .0526316em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 59rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.8rem;
  font-weight: 600;
  line-height: 180%;
  display: flex;
  position: absolute;
  top: 15rem;
  left: 50%;
  transform: translate(-50%);
}

.lp-hero__pc-text-line {
  border: .1rem solid var(--_lp-color---color-black);
  background-color: var(--_lp-color---color-white);
  padding-left: 2rem;
  padding-right: 2rem;
}

.lp-hero__human-01 {
  aspect-ratio: 145.15 / 319;
  width: 15.2rem;
  position: absolute;
  bottom: 9.7rem;
  left: 18.3rem;
}

.lp-hero__human-02 {
  aspect-ratio: 171 / 345.48;
  width: 17.1rem;
  position: absolute;
  bottom: 4.7rem;
  left: 39.5rem;
}

.lp-hero__human-03 {
  aspect-ratio: 175.83 / 321;
  width: 17.583rem;
  position: absolute;
  bottom: 5rem;
  right: 37.6rem;
}

.lp-hero__human-04 {
  aspect-ratio: 143 / 313.94;
  width: 14.3rem;
  position: absolute;
  bottom: 11.8rem;
  right: 19.2rem;
}

.lp-introduction {
  margin-bottom: 10.6rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

.lp-section-header {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  margin-bottom: 6rem;
  display: flex;
}

.lp-section-header:where(.w-variant-22356774-d26c-11b4-d787-5bf99ba9f00a), .lp-section-header:where(.w-variant-d330cc40-ca92-5a64-c3d9-723bf9121d61) {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 8rem;
}

.lp-section-header:where(.w-variant-cdced481-edb4-6d3b-7555-a65cb1113398) {
  margin-bottom: 10rem;
}

.lp-section-header:where(.w-variant-fccb7480-c3e7-c61a-4df2-fef9c3c26a6c) {
  margin-bottom: 8rem;
}

.lp-section-header__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 2.1rem;
  padding-left: .8rem;
  padding-right: .8rem;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 180%;
}

.lp-section-header__title:where(.w-variant-22356774-d26c-11b4-d787-5bf99ba9f00a) {
  padding-left: 0;
  padding-right: 0;
}

.lp-section-header__label {
  font-family: var(--_lp-font---font-en);
  text-align: center;
  letter-spacing: .125em;
  text-transform: uppercase;
  margin-bottom: 2.3rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 180%;
}

.lp-section-header__label:where(.w-variant-22356774-d26c-11b4-d787-5bf99ba9f00a) {
  margin-bottom: 1.4rem;
}

.lp-hero__star-01 {
  aspect-ratio: 47.43 / 54.23;
  width: 4.743rem;
  position: absolute;
  top: 28rem;
  left: 9rem;
}

.lp-hero__star-01.lp-hero__star {
  justify-content: center;
  align-items: center;
  width: 4.7rem;
  display: flex;
}

.lp-hero__star-02 {
  aspect-ratio: 43.66 / 49.93;
  width: 4.366rem;
  position: absolute;
  top: 38rem;
  left: 36.8rem;
}

.lp-hero__star-03 {
  aspect-ratio: 54.2 / 61.98;
  width: 5.42rem;
  position: absolute;
  top: 21.4rem;
  left: 44.9rem;
}

.lp-hero__star-04 {
  aspect-ratio: 54.2 / 61.98;
  width: 5.42rem;
  position: absolute;
  top: 34.5rem;
  right: 45.5rem;
}

.lp-hero__star-05 {
  aspect-ratio: 42.91 / 49.07;
  width: 4.291rem;
  position: absolute;
  top: 22.6rem;
  right: 34.2rem;
}

.lp-hero__star-06 {
  aspect-ratio: 50.44 / 57.68;
  width: 5.044rem;
  position: absolute;
  top: 31.8rem;
  right: 13.9rem;
}

.lp-introduction__container {
  background-color: var(--_lp-color---color-white);
  border-radius: 999px;
  padding: 13.6rem 20rem 15.8rem;
}

.lp-text {
  text-align: center;
  line-height: 210%;
}

.lp-service {
  margin-bottom: 13.7rem;
}

.lp-introduction__decor {
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.lp-introduction__illustrator-01 {
  width: 24.4rem;
  position: absolute;
  top: 12.4rem;
  left: 32.9rem;
}

.lp-introduction__illustrator-02 {
  width: 10.25rem;
  position: absolute;
  top: 18.8rem;
  left: 15.6rem;
}

.lp-introduction__illustrator-03 {
  width: 20.5rem;
  position: absolute;
  top: 31.9rem;
  left: 18.8rem;
}

.lp-introduction__illustrator-04 {
  width: 10.25rem;
  position: absolute;
  top: 38.4rem;
  left: 41.9rem;
}

.lp-service-card {
  position: relative;
}

.lp-service-card-wrapper {
  grid-column-gap: 15rem;
  grid-row-gap: 15rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 8.1rem;
  display: grid;
}

.lp-service__container {
  padding-left: 18rem;
  padding-right: 18rem;
}

.lp-service-card__number {
  font-family: var(--_lp-font---font-en);
  color: #1b1b1b00;
  -webkit-text-stroke-width: .05rem;
  -webkit-text-stroke-color: var(--_lp-color---color-black);
  font-size: 5.2rem;
  position: absolute;
  top: 0;
  left: 0;
}

.lp-service-card__icon {
  aspect-ratio: 1;
  border: .1rem solid var(--_lp-color---color-black);
  background-color: var(--_lp-color---color-white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.lp-service-card__title {
  text-align: center;
  letter-spacing: .0454545em;
  margin-bottom: 1.5rem;
  font-size: 2.2rem;
  font-weight: 700;
}

.lp-service-card__text {
  text-align: center;
  line-height: 180%;
}

.lp-service-list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.lp-service-list__item {
  border: .1rem solid var(--_lp-color---color-black);
  background-color: var(--_lp-color---color-white);
  border-top-right-radius: 6rem;
  border-bottom-right-radius: 6rem;
  border-bottom-left-radius: 6rem;
  justify-content: center;
  align-items: center;
  padding: 3.4rem;
  display: flex;
}

.lp-service-list__text {
  font-weight: 700;
}

.lp-service-list__icon {
  background-color: var(--_lp-color---color-02);
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
}

.lp-works__inner {
  border-top-right-radius: 12rem;
  padding: 7.4rem 12rem 28rem;
}

.lp-works-card {
  position: relative;
}

.lp-works-card__number {
  font-family: var(--_lp-font---font-en);
  letter-spacing: .25em;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.lp-works-card__visual {
  aspect-ratio: 46 / 39;
  border: .1rem solid var(--_lp-color---color-black);
  background-color: var(--_lp-color---color-white);
  border-radius: 6rem;
  margin-left: 6rem;
  overflow: hidden;
}

.lp-works-card__visual:where(.w-variant-6c9944b4-916b-1a24-cdfe-01c6af4eb93f) {
  background-color: var(--_lp-color---color-02);
}

.lp-works-card__body {
  border: .1rem solid var(--_lp-color---color-black);
  background-color: var(--_lp-color---color-white);
  border-top-right-radius: 10rem;
  border-bottom-right-radius: 10rem;
  border-bottom-left-radius: 10rem;
  margin-top: -9rem;
  margin-right: 6rem;
  padding: 3rem 3rem 3.8rem;
  position: relative;
}

.lp-works__card-list {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.lp-works-card__title {
  text-align: center;
  letter-spacing: .0454545em;
  margin-bottom: 1.8rem;
  font-size: 2.2rem;
  font-weight: 700;
}

.lp-works-card__text {
  text-align: center;
}

.lp-company {
  z-index: 2;
  background-color: #eee;
  border-top-left-radius: 12rem;
  margin-top: -15rem;
  padding-top: 15rem;
  position: relative;
}

.lp-company__inner {
  padding-top: 1.5rem;
  padding-bottom: 15.6rem;
}

.lp-company__column {
  grid-column-gap: 12rem;
  grid-row-gap: 12rem;
  grid-template-rows: auto;
  grid-template-columns: 69fr 75fr;
  grid-auto-columns: 1fr;
  margin-bottom: 25.8rem;
  padding-left: 18rem;
  padding-right: 18rem;
  display: grid;
  position: relative;
}

.lp-company__visual {
  border-radius: 6rem;
  overflow: hidden;
}

.lp-company__text {
  letter-spacing: .0555556em;
}

.lp-company__card-list {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}

.lp-company__card-list.js-inview {
  width: auto;
}

.lp-company__text-track {
  z-index: -1;
  width: 100%;
  position: absolute;
  bottom: -17rem;
  left: 50%;
  transform: translate(-50%);
}

.lp-company__deco-text {
  pointer-events: none;
  font-family: var(--_lp-font---font-en);
  color: var(--_lp-color---color-white);
  text-align: center;
  letter-spacing: .0882353em;
  text-transform: uppercase;
  font-size: 20rem;
  font-weight: 700;
  line-height: 1;
}

.lp-company-card {
  flex: none;
  height: 100%;
  position: relative;
}

.lp-company__scroll-wrapper {
  padding-left: 4rem;
  padding-right: 4rem;
}

.lp-company-card__visual {
  aspect-ratio: 1;
  background-color: var(--_lp-color---color-white);
  border: .1rem solid #000;
  border-radius: 100%;
  margin-left: 3rem;
  margin-right: 1rem;
  padding-top: 5rem;
  padding-bottom: 8rem;
}

.lp-company-card__body {
  border: .1rem solid var(--_lp-color---color-black);
  background-color: var(--_lp-color---color-white);
  border-top-right-radius: 10rem;
  border-bottom-right-radius: 10rem;
  border-bottom-left-radius: 10rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 21.4rem;
  margin-top: -6rem;
  padding: 3rem 4rem 4rem;
  display: flex;
}

.lp-company-card__title {
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.lp-company-photo-track__item {
  aspect-ratio: 55 / 39;
  width: 55rem;
}

.lp-flow {
  margin-bottom: 11rem;
}

.lp-flow__inner {
  background-color: var(--_lp-color---color-white);
  border-bottom-right-radius: 100rem;
  border-bottom-left-radius: 100rem;
  padding: 10.7rem 39.6rem 19.2rem;
}

.lp-flow__list {
  z-index: 1;
  grid-column-gap: 29rem;
  grid-row-gap: 16.7rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 11rem;
  display: grid;
  position: relative;
}

.lp-flow-card {
  position: relative;
}

.lp-flow-card__number {
  font-family: var(--_lp-font---font-en);
  color: #1b1b1b00;
  letter-spacing: .0192308em;
  -webkit-text-stroke-width: .1rem;
  -webkit-text-stroke-color: var(--_lp-color---color-black);
  font-size: 5.2rem;
  position: absolute;
  top: 0;
  left: 0;
}

.lp-flow-card__circle {
  aspect-ratio: 1;
  border: .1rem solid var(--_lp-color---color-black);
  background-color: #fafafa;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
  display: flex;
}

.lp-flow-card__circle:where(.w-variant-6fa8a1b8-28cb-f8b3-d2f7-9f719396e02e) {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.lp-flow-card__text {
  text-align: center;
  font-size: 2.2rem;
}

.lp-flow__point {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lp-flow__point-text {
  border-top-width: 1px;
  border-top-color: #000;
  border-left-width: 1px;
  border-left-color: #000;
  border-right-width: 1px;
  border-right-color: #000;
  padding-bottom: 4rem;
  font-size: 2.4rem;
  position: relative;
}

.lp-faq__inner {
  background-color: var(--_lp-color---color-white);
  border-top-left-radius: 12rem;
  padding: 11rem 30rem 18rem;
}

.lp-faq__list {
  border-bottom: .1rem solid var(--_lp-color---color-03);
}

.lp-faq-item__icon {
  letter-spacing: .131579em;
  margin-right: 2rem;
  padding-top: .6rem;
  font-family: Montserrat, sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  position: absolute;
  top: 2.4rem;
  left: 3rem;
}

.lp-faq-item__answer-text {
  letter-spacing: .0555556em;
  font-size: 1.8rem;
  line-height: 180%;
}

.lp-faq-item__question-text {
  letter-spacing: .05em;
  font-size: 2rem;
  font-weight: 600;
  line-height: 180%;
}

.lp-faq-item__question {
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3rem 12rem 3rem 7.3rem;
  position: relative;
}

.lp-faq-item__answer-wrapper {
  overflow: hidden;
}

.lp-faq-item__toggle {
  z-index: 1;
  background-image: url('../images/lp-arrow.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 100%;
  width: 1.9rem;
  height: 1.1rem;
  font-size: 3rem;
  line-height: 1;
  transition: transform .2s;
  position: absolute;
  top: 4.5rem;
  right: 5rem;
}

.lp-faq-item {
  border-top: .1rem solid var(--_lp-color---color-03);
  background-color: #fff;
  overflow: hidden;
}

.lp-faq-item__answer-inner {
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 4rem;
  padding-left: 7.3rem;
  padding-right: 4rem;
  display: flex;
  position: relative;
}

.lp-profile {
  background-color: var(--_lp-color---color-white);
}

.lp-profile__inner {
  background-color: #fafafa;
  border-top-right-radius: 12rem;
  padding: 11rem 30rem 10rem;
}

.lp-profile__column {
  grid-template-rows: auto;
  grid-template-columns: 28fr 104fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.lp-profile__body {
  width: 100%;
}

.lp-profile__list {
  border-top: .1rem solid var(--_apps---charts--chart-5-dark);
  width: 100%;
}

.lp-profile-item {
  border-bottom: .1rem solid var(--_lp-color---color-03);
  grid-template-rows: auto;
  grid-template-columns: 155fr 885fr;
  grid-auto-columns: 1fr;
  padding-top: 2.8rem;
  padding-bottom: 2.5rem;
  display: grid;
}

.lp-profile-item__title {
  padding-left: 3rem;
}

.lp-profile-item__text {
  padding-right: 3rem;
  font-weight: 500;
}

.lp-section-header__line, .lp-section-header__line:where(.w-variant-22356774-d26c-11b4-d787-5bf99ba9f00a) {
  background-image: url('../images/wave.svg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto .7rem;
  width: 100%;
  height: .7rem;
}

.lp-section-header__line:where(.w-variant-cdced481-edb4-6d3b-7555-a65cb1113398) {
  min-width: 46.5rem;
}

.lp-contact {
  background-color: #fafafa;
}

.lp-section-header__inner {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lp-section-header__inner:where(.w-variant-22356774-d26c-11b4-d787-5bf99ba9f00a) {
  justify-content: flex-start;
  align-items: flex-start;
}

.lp-contact__inner {
  background-color: #eee;
  border-top-left-radius: 12rem;
  padding: 14rem 30rem 11rem;
}

.form-submit {
  justify-content: center;
  align-items: flex-start;
  max-width: 33.3rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.65rem;
  padding-bottom: 2.65rem;
  display: flex;
  position: relative;
}

.lp-form__list {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  border-bottom: .2rem solid #000;
  flex-flow: column;
  margin-bottom: 6.5rem;
  padding-bottom: 8.7rem;
  padding-left: 8rem;
  padding-right: 10rem;
  display: flex;
}

.form-consent__label {
  font-size: 1.5rem;
  font-weight: 700;
}

.lp-form__item {
  grid-template-rows: auto;
  grid-template-columns: 265fr 715fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.lp-form__field {
  background-color: var(--_lp-color---color-white);
  border: 1px #000;
  border-radius: 1.5rem;
  min-height: 6rem;
  margin-bottom: 0;
  padding: 1.4rem 2.4rem;
  font-size: 1.6rem;
}

.lp-form__field.form__field--small {
  width: 37.8rem;
}

.form-consent__text {
  text-align: center;
}

.form-consent__check {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.lp-form__name {
  margin-bottom: 0;
  font-weight: 600;
}

.form-submit__button {
  background-color: var(--_lp-color---color-black);
  border-radius: 999px;
  position: absolute;
  inset: 0%;
}

.form-consent__privacy {
  color: var(--_lp-color---color-black);
  background-color: #3898ec00;
  padding: 0;
  text-decoration: underline;
}

.form-consent__privacy.js-privacy-modal-open {
  display: inline-flex;
}

.form-submit__text {
  z-index: 1;
  color: var(--_lp-color---color-white);
}

.form-consent {
  margin-bottom: 6rem;
}

.lp-form__head {
  grid-column-gap: 1.05rem;
  grid-row-gap: 1.05rem;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.2rem;
  display: flex;
}

.form-consent__checkbox {
  margin: 0;
}

.lp-form {
  background-color: #fafafa;
  border: .1rem solid #000;
  border-radius: 8rem;
  padding: 9rem 8rem 8.2rem;
}

.lp-form__dot {
  background-color: var(--_lp-color---color-black);
  border-radius: 100%;
  flex: none;
  width: .5rem;
  height: .5rem;
}

.lp-site-footer__inner {
  background-color: var(--_lp-color---color-black);
  border-top-left-radius: 12rem;
  border-top-right-radius: 12rem;
  padding-top: 10.8rem;
  padding-bottom: 11.9rem;
}

.text-block-7 {
  font-family: var(--_lp-font---font-en);
  color: var(--_lp-color---color-white);
  text-align: center;
  font-size: 1.6rem;
}

.lp-site-footer {
  background-color: #eee;
}

.main-wrapper {
  overflow: hidden;
}

.lp-hero__line-01 {
  z-index: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 58.3rem;
  position: absolute;
  top: 5.8rem;
  left: 0;
  right: 0;
}

.lp-introduction__illustrator-05 {
  aspect-ratio: 275 / 202;
  width: 27.5rem;
  position: absolute;
  top: 8.3rem;
  right: 30rem;
}

.lp-introduction__illustrator-06 {
  aspect-ratio: 158 / 140;
  width: 15.8rem;
  position: absolute;
  top: 21.6rem;
  right: 9.5rem;
}

.lp-introduction__illustrator-07 {
  aspect-ratio: 235.5 / 219;
  width: 23.55rem;
  position: absolute;
  top: 33.9rem;
  right: 26.8rem;
}

.lp-service-card__icon-image {
  height: 19.5rem;
}

.lp-image-contain {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.lp-flow__bg {
  display: none;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.lp-service-list__item-inner {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lp-company-card__visual-image {
  height: 25rem;
}

.lp-flow-card__icon {
  height: 18rem;
}

.lp-flow-card__icon:where(.w-variant-6fa8a1b8-28cb-f8b3-d2f7-9f719396e02e) {
  height: 16rem;
}

.lp-flow__line {
  z-index: -1;
  width: 67rem;
  position: absolute;
  top: 21rem;
  left: 21.4rem;
}

.lp-form__textarea {
  border: 1px #000;
  border-radius: 1.5rem;
  min-height: 17rem;
  margin-bottom: 0;
  padding: 1.6rem 2.4rem;
  font-size: 1.6rem;
}

.lp-form__head-inner {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lp-form__select {
  background-color: var(--_lp-color---color-white);
  border: 1px #000;
  border-radius: 1.5rem;
  min-height: 6rem;
  margin-bottom: 0;
  padding: 1.2rem 3rem 1.4rem 2.4rem;
  font-size: 1.8rem;
}

.lp-form__tag {
  background-color: var(--_lp-color---color-black);
  color: var(--_lp-color---color-white);
  letter-spacing: .0833333em;
  border-radius: .6rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1.2rem;
}

.page-wrapper {
  position: relative;
}

.lp-contact-button {
  z-index: 1;
  flex-flow: column;
  padding-top: 2.1rem;
  position: absolute;
  bottom: -10rem;
  right: 9rem;
}

.lp-contact-button__circle {
  aspect-ratio: 1;
  background-color: var(--_lp-color---color-black);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 12rem;
  transition: all .1s ease-in;
  display: flex;
  position: relative;
}

.lp-contact-button__circle:hover {
  background-image: none;
}

.lp-contact-button__text {
  width: 10.7rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

.lp--image {
  border-radius: 15px;
  width: 100%;
}

.div-block-35 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #000;
  flex-flow: column;
  padding: 15px;
  display: flex;
}

.form-consent__text-wrapper {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 3rem;
  display: flex;
}

.slide-nav-2 {
  bottom: -4vw;
}

.right-arrow {
  display: none;
  right: -2em;
}

.left-arrow-2 {
  left: -2em;
}

.lp-page-wrapper {
  padding: 3rem;
}

.lp-bc {
  color: #333;
  background-color: #fffaef;
  font-family: Noto Sans JP, sans-serif;
}

.lp-contact-button__hukidashi {
  aspect-ratio: 140 / 96;
  color: #fff;
  text-align: center;
  background-image: url('../images/bag-hukidashi.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14rem;
  padding-top: 2.5rem;
  font-size: 1.4rem;
  line-height: 150%;
  position: absolute;
  top: -5rem;
  left: -13rem;
}

.lp-contact-button__circle-image {
  width: 5.2rem;
  height: 3.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lp-contact-button__circle-image.hover {
  width: 5rem;
  height: 5.3rem;
}

.lp-section-header__line-2 {
  background-image: url('../images/wave.svg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto .7rem;
  width: 100%;
  height: .7rem;
}

.lp-introduction__container-2 {
  background-color: #fff;
  border-radius: 999px;
  padding: 13.6rem 20rem 15.8rem;
}

.lp-section-header-2 {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  margin-bottom: 6rem;
  display: flex;
}

.lp-section-header__inner-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lp-section-header__label-2 {
  text-align: center;
  letter-spacing: .125em;
  text-transform: uppercase;
  margin-bottom: 2.3rem;
  font-family: Montserrat Alternates, sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 180%;
}

.lp-section-header__title-2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 2.1rem;
  padding-left: .8rem;
  padding-right: .8rem;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 180%;
}

@media screen and (min-width: 1280px) {
  .blog_link--titele {
    text-overflow: ellipsis;
  }

  .blog_link--titele.text-style-1line {
    font-size: 1em;
  }

  .img--frame_line.sp--line--left-right_0 {
    margin-left: auto;
    margin-right: auto;
  }

  .project_gallery--wrapper {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  body {
    letter-spacing: normal;
    font-size: 2vw;
  }

  .page--wrapper {
    overflow: hidden;
  }

  .hero--section {
    padding-bottom: 8em;
    padding-left: 0;
    padding-right: 0;
  }

  .header {
    font-size: 2.3vw;
  }

  .nav_button--list_wrapper {
    margin-top: 0;
  }

  .nav_button {
    transform: scale(1);
  }

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

  .nav_button--contact {
    display: none;
  }

  .nav_button--list {
    transform: scale3d(1none, 1none, 1none);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    font-size: 2.3vw;
    display: flex;
  }

  .nav_menu--img {
    display: none;
  }

  .nav_menu--right {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
    padding-top: 0;
    padding-left: 0;
    display: flex;
  }

  .section__title--text {
    border-width: .15em;
  }

  .works--item--wrapper {
    aspect-ratio: auto;
    padding: 3em 2em;
  }

  .works--content {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    width: 100%;
  }

  .works--list {
    grid-template-columns: 1fr;
    place-items: stretch stretch;
  }

  .works--item {
    border-style: solid solid none;
  }

  .works--item:last-child {
    box-shadow: 0 .25em #1b1b1b;
  }

  .section--padding_side {
    padding-left: 3em;
    padding-right: 3em;
  }

  .cmn__cta--top {
    padding-right: 1em;
  }

  .arrow__frame {
    order: -1;
  }

  .about--section {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .about--left {
    aspect-ratio: auto;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    display: flex;
  }

  .about--center {
    margin-left: 5em;
    margin-right: 5em;
  }

  .about--right {
    width: auto;
    margin-top: 7em;
  }

  .image-4 {
    aspect-ratio: 3 / 2;
    max-width: none;
  }

  .image-5 {
    aspect-ratio: 3 / 2;
  }

  .about--section__title, .about--cta--link {
    justify-content: center;
    align-items: center;
  }

  .service--section {
    margin-top: 10em;
  }

  .service--section__title {
    margin-bottom: 4em;
  }

  .service__content {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .service__content--left {
    aspect-ratio: 3 / 2;
    width: 100%;
  }

  .service__content--right {
    margin-right: 0;
    padding-left: 5em;
    padding-right: 5em;
  }

  .image-6 {
    height: 100%;
  }

  .flow--imglink {
    justify-content: center;
    align-items: center;
  }

  .stairs--section {
    aspect-ratio: 4;
    object-fit: cover;
    object-position: 20% 50%;
  }

  .flow__content {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
  }

  .flow__content--item {
    font-size: 3.5vw;
  }

  .between__arrow {
    transform: rotate(90deg);
  }

  .between__arrow.downward {
    order: 1;
  }

  .flow--cta--link {
    margin-bottom: 5em;
    margin-right: 0;
  }

  .flow--imglink--layout {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: column;
    display: flex;
  }

  .flow--imglink__title {
    margin-top: 2em;
    margin-left: 3em;
  }

  .flow--imglink__arrow {
    width: 16%;
    margin-bottom: 2em;
    margin-right: 2em;
  }

  .middle--section {
    border-top-width: .17em;
    border-bottom-width: .17em;
    margin-top: 8em;
    margin-bottom: 8em;
  }

  .collection-list {
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .collection-item {
    opacity: 100;
  }

  .contact--section {
    margin-top: 8em;
    margin-bottom: 0;
  }

  .contant--margin {
    margin-left: 2em;
    margin-right: 2em;
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .contact--content {
    padding-left: 3em;
    padding-right: 3em;
  }

  .footer {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 8em 0 5em;
    display: flex;
  }

  .footor--top {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 6em;
    display: flex;
  }

  .fottor--link--wrapper {
    flex-flow: column;
  }

  .div-block-9 {
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .company_information {
    grid-row-gap: 1em;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 3em 0;
    display: flex;
  }

  .navmenu--item--link--list {
    display: none;
  }

  .nav--text_link {
    letter-spacing: .2em;
  }

  .nav_menu--list_wrapper {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 2em;
    font-size: 4vw;
    inset: 2% 0% 0%;
  }

  .nav_menu--list {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    justify-content: flex-start;
    align-items: center;
  }

  .door--section {
    aspect-ratio: 5.5;
    object-fit: cover;
    object-position: 80% 50%;
    margin-top: 4em;
  }

  .text-span {
    flex-flow: wrap;
    display: inline;
  }

  .text-span-2 {
    display: inline;
  }

  .contant--frame {
    display: none;
  }

  .text-span-3, .text-span-4 {
    flex-flow: column;
    display: flex;
  }

  .footer--link--list {
    flex-flow: column;
  }

  .link-5 {
    -webkit-text-decoration: underline #afafaf;
    text-decoration: underline #afafaf;
    text-decoration-thickness: 1px;
  }

  .separate_line {
    transform: rotate(90deg);
  }

  .subpage--wrapper {
    overflow: hidden;
  }

  .subpage_title--wrapper {
    margin-bottom: 13.2em;
    margin-left: 3em;
  }

  .subpage_title {
    letter-spacing: .1em;
  }

  .text-span-7 {
    letter-spacing: normal;
    font-size: .35em;
  }

  .subpage_top--img {
    aspect-ratio: 60;
    object-fit: cover;
    object-position: 80% 50%;
  }

  .subpage_top--img.stairs {
    aspect-ratio: 4;
  }

  .philosophy--section__title {
    justify-content: center;
    align-items: center;
    margin-top: 5em;
  }

  .philosophy--section {
    margin-bottom: 7em;
  }

  .philosophy--text_content--top {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
  }

  .service_detail--text_heading.abc {
    letter-spacing: .2em;
  }

  .service_detail--text_p {
    text-align: justify;
    line-height: 210%;
  }

  .subpage--section--padding--side {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    padding-left: 4em;
    padding-right: 4em;
  }

  .subpage--section--padding--side.side--9-8em {
    padding-left: 4em;
    padding-right: 4em;
  }

  .philosophy--img--row {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 8em;
  }

  .philosophy--img--row_2 {
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    display: flex;
  }

  .image-17 {
    aspect-ratio: 1.629;
    object-fit: cover;
  }

  .philosophy--img--row_3 {
    width: 100%;
    display: block;
  }

  .philosophy--img--full--inwrapper {
    margin-left: 0;
  }

  .philosophy--img--full--wrapper {
    margin-top: 6em;
  }

  .philosophy--img--full {
    aspect-ratio: 3 / 2;
  }

  .member--section {
    margin-bottom: 8em;
  }

  .member--list {
    flex-flow: column;
    display: flex;
  }

  .member_tmb--wrapper {
    margin-bottom: 2em;
  }

  .member_affiliation {
    margin-bottom: .6em;
  }

  .member--illust {
    justify-content: flex-end;
    align-items: center;
    margin-top: 8em;
    margin-bottom: 2em;
    margin-right: 0%;
    display: flex;
  }

  .member--illust--img {
    aspect-ratio: 3 / 2;
  }

  .frame--deco_yoko {
    width: 10em;
  }

  .frame--deco_yoko.member--left {
    bottom: -1.2em;
    left: 18%;
  }

  .frame--deco_yoko.member--right {
    bottom: -1.2em;
    right: 18%;
  }

  .frame--deco_yoko.philosophy--row {
    bottom: -1.3em;
    right: 29%;
  }

  .frame--deco_yoko.service_1, .frame--deco_yoko.service_2 {
    bottom: -1.2em;
  }

  .frame--deco_yoko.works_list_1, .frame--deco_yoko.service_web {
    top: -1.2em;
  }

  .frame--deco_yoko.service_branding {
    bottom: -1.2em;
  }

  .frame--deco_yoko.blog-1 {
    top: -1.4em;
  }

  .frame--deco_yoko.blog-2 {
    bottom: -1.4em;
  }

  .frame--deco_yoko.project_1, .frame--deco_yoko.project_2 {
    top: -1.3em;
  }

  .outline--section {
    padding-top: 6em;
  }

  .outline--wrapper {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .outline--content--block {
    grid-column-gap: .3em;
    grid-row-gap: .3em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 1.3em;
    padding-bottom: 1.3em;
    padding-left: 1em;
    display: flex;
  }

  .heading-6 {
    padding-left: 0;
  }

  .frame--deco_tate {
    height: 10em;
  }

  .frame--deco_tate.philosophy--full {
    top: 30%;
    left: -1.2em;
  }

  .frame--deco_tate.flow_1 {
    top: 5em;
    left: -1.2em;
  }

  .frame--deco_tate.flow_2 {
    top: 5em;
    right: -1.2em;
  }

  .frame--deco_tate.about {
    top: 30%;
    left: -1.3em;
  }

  .frame--deco_tate.works_list_2 {
    right: -1.2em;
  }

  .frame--deco_tate.service_system {
    left: -1.2em;
  }

  .frame--deco_square {
    border-width: .21em;
  }

  .frame--deco_square.service {
    display: none;
  }

  .middle--img {
    aspect-ratio: 16 / 9;
  }

  .frame--door {
    width: 6.7em;
    display: none;
  }

  .frame--door.works_list_3 {
    display: block;
    bottom: -6.3em;
  }

  .service--cta--link {
    justify-content: center;
    align-items: center;
  }

  .contant--frame_sp {
    aspect-ratio: 2 / 3;
    display: block;
  }

  .image-18 {
    aspect-ratio: 1.3;
    object-fit: cover;
  }

  .image-19 {
    aspect-ratio: 1.241;
    object-fit: cover;
  }

  .paragraph-7 {
    margin-bottom: 0;
  }

  .philosophy--img--row_1--wrapper {
    width: 60%;
  }

  .philosophy--img--row_2--wrapper {
    justify-content: flex-end;
    width: auto;
    margin-top: 3.5em;
    display: flex;
  }

  .philosophy--img--row_3--wrapper {
    justify-content: flex-end;
    width: 100%;
    margin-top: 5em;
    padding-left: 10em;
    display: flex;
  }

  .flow--img--wrapper {
    border-width: .17em;
  }

  .tab_menu--list {
    grid-row-gap: 1em;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: flex;
  }

  .works_list--section {
    margin-bottom: 7em;
  }

  .works_list--tab_content {
    position: relative;
    transform: none;
  }

  .works_list--tab_content--layout {
    padding: 4em 2em;
  }

  .works_list--tab_content--list {
    flex-flow: column;
    display: flex;
  }

  .page_click {
    transition: all .2s;
  }

  .pagination--wrapper {
    margin-top: 3em;
  }

  .pagination--wrapper.blog--pagenav {
    margin-top: 7em;
    padding-top: 0;
  }

  .service_detail--section {
    margin-bottom: 7em;
  }

  .service_detail--section.margin--top {
    margin-top: 6em;
  }

  .service_detail--section_title {
    justify-content: center;
    align-items: center;
  }

  .service_detail--top {
    flex-flow: column;
    display: flex;
  }

  .service_detail--top--left {
    margin-left: 5em;
    margin-right: 5em;
  }

  .service_detail--link {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .service_detail--img--wrapper {
    justify-content: flex-end;
    align-items: center;
    height: auto;
    display: flex;
  }

  .img--frame_line {
    border-width: .21em;
  }

  .img--frame_line.sp--line--left-right_0 {
    border-left-style: none;
    border-right-style: none;
  }

  .service_detail--img {
    aspect-ratio: 3 / 2;
    height: 25em;
  }

  .cost {
    padding: 1.5em 2em;
  }

  .type_list--wrapper {
    grid-row-gap: 1em;
    flex-flow: column;
    display: flex;
  }

  .price_notation--text, .precautions--text {
    text-align: justify;
  }

  .service_flow--block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .service_flow--arrow--img {
    order: -1;
    margin-top: 4em;
    margin-bottom: 4em;
  }

  .service_flow--arrow--img.pc--none {
    display: flex;
  }

  .service_flow--arrow--img.sp--none {
    display: none;
  }

  .service_flow--right {
    margin-top: 3em;
  }

  .service_flow--text {
    text-align: justify;
  }

  .img--frame--wrapper.img--margin_side {
    margin-left: 3em;
    margin-right: 3em;
  }

  .img--frame--wrapper.img--margin_side.img--margin_left {
    margin-right: 0;
  }

  .img--frame--wrapper.img--margin_side.img--margin_right {
    margin-left: 0;
  }

  .works--cta--link {
    justify-content: center;
    align-items: center;
  }

  .blog_list--tab_content--list {
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .blog_content {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    margin-top: 4em;
    padding: 4em 0;
  }

  .member--link.width--25 {
    width: 80%;
  }

  .blog--nav {
    grid-column-gap: 14em;
    grid-row-gap: 6em;
    grid-template-columns: 1fr 1fr;
    place-items: center;
    margin-top: 5em;
  }

  .blog--nav--link {
    padding-left: .3em;
    padding-right: .3em;
  }

  .blog--nav--link.pc--none {
    display: block;
  }

  .blog--nav--link.pc--none.w--current {
    display: none;
  }

  .blog_detail--link.sp--none {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .contact_form--bot {
    padding: 4em 2em;
  }

  .form--bg {
    margin-top: .3em;
    margin-bottom: .5em;
  }

  .form--item {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .text-field {
    min-height: 44px;
    font-size: 18px;
  }

  .text-field.width--50 {
    width: 100%;
  }

  .form--list {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .form_frame--top, .form_frame--bot {
    background-image: url('../images/form_frame_sp_1.webp');
  }

  .contact_form--top {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    margin-bottom: 5em;
  }

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

  .form--bot {
    margin-top: 4em;
    padding-top: 3em;
  }

  .send--button {
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .text-span-8, .text-span-10, .text-span-13, .text-span-15 {
    flex-flow: column;
    display: flex;
  }

  .project_header--left {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .project_header {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 2vw;
  }

  .works_details--link {
    justify-content: center;
    align-items: center;
    margin-top: 5em;
  }

  .works_details--link.pc--none {
    margin-top: 3em;
    display: flex;
  }

  .project_content--text {
    margin-top: 2em;
  }

  .project--main_img {
    aspect-ratio: auto;
    height: 100%;
  }

  .project_gallery--wrapper {
    aspect-ratio: 3 / 2;
  }

  .project_details {
    margin-top: 5em;
  }

  .project--padding--side {
    padding-left: 0;
    padding-right: 0;
  }

  .web_site--link {
    justify-content: center;
    align-items: center;
  }

  .web_site--link.sp--none {
    max-width: none;
    display: none;
  }

  .collection-list-4 {
    aspect-ratio: auto;
    height: 100%;
    padding: 2em;
  }

  .collection-list-5 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

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

  .collection-list-6 {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
  }

  .nav--contact {
    grid-column-gap: .8em;
    grid-row-gap: .8em;
    color: #fff;
    text-transform: uppercase;
    background-color: #1b1b1b;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 70%;
    margin-top: 2em;
    padding-top: .8em;
    padding-bottom: .8em;
    font-family: Hind, sans-serif;
    font-size: 1.35em;
    line-height: 130%;
    display: flex;
  }

  .nav--contact:hover {
    opacity: .6;
  }

  .nav--contact--img {
    width: 1.6em;
  }

  .nav--contact--text {
    letter-spacing: .2em;
  }

  .blog--cta--link {
    margin-bottom: 5em;
    margin-right: 0;
  }

  .footer--logo {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .collection-list-wrapper-3 {
    height: 100%;
  }

  .footer--service--link--list {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: row;
  }

  .collection-list-wrapper-5 {
    font-size: .83em;
  }

  .blog--jisseki_link {
    grid-column-gap: 14em;
    grid-row-gap: 6em;
    grid-template-columns: 1fr 1fr;
    place-items: center;
    margin-top: 5em;
  }

  .worksdetail--section--padding--side {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    padding-left: 4em;
    padding-right: 4em;
  }

  .worksdetail--section--padding--side.sp--side--0 {
    padding-left: 0;
    padding-right: 0;
  }

  .blogdetail--section--padding--side {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    padding-left: 4em;
    padding-right: 4em;
  }

  .template-banner__item {
    flex-flow: column;
    padding: 3em;
    display: block;
  }

  .template-banner__visual {
    aspect-ratio: 540 / 370;
    margin-bottom: 1.5em;
  }

  .link-7 {
    -webkit-text-decoration: underline #afafaf;
    text-decoration: underline #afafaf;
    text-decoration-thickness: 1px;
  }

  .text-span-16, .text-span-17, .text-span-18 {
    flex-flow: column;
    display: flex;
  }

  .div-block-33 {
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .template-link {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
  }

  .lp {
    letter-spacing: 0;
    font-size: 1.5rem;
  }

  .lp-site-header__logo {
    aspect-ratio: 195 / 80;
    border-bottom-right-radius: 1.5rem;
    padding: 2.5rem 2.7rem 2.3rem 3rem;
  }

  .lp-site-header__logo-image {
    width: 20rem;
  }

  .lp-hero {
    aspect-ratio: 390 / 643;
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .lp-hero__pc {
    width: 94.359vw;
    top: 44.62vw;
  }

  .lp-hero__pc-image {
    aspect-ratio: 368.81 / 285.27;
    width: auto;
  }

  .lp-hero__pc-text {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
    font-size: 4.62vw;
    top: 12.5vw;
  }

  .lp-hero__human-01 {
    aspect-ratio: auto;
    width: 22.3077vw;
    top: 84.8718vw;
    bottom: auto;
    left: 3.33vw;
  }

  .lp-hero__human-02 {
    aspect-ratio: auto;
    width: 26.6667vw;
    top: 89.74vw;
    bottom: auto;
    left: 22.31vw;
  }

  .lp-hero__human-03 {
    aspect-ratio: auto;
    width: 27.4359vw;
    inset: 84.87vw auto auto 45.9vw;
  }

  .lp-hero__human-04 {
    aspect-ratio: auto;
    width: 22.5641vw;
    top: 79.74vw;
    bottom: auto;
    right: 3.33vw;
  }

  .lp-introduction {
    margin-bottom: 3rem;
    padding: 3.8vw 4rem 5.1vw;
  }

  .lp-introduction.js-inview {
    margin-bottom: 3rem;
    padding-top: 3.846vw;
    padding-bottom: 5.13vw;
  }

  .lp-section-header {
    margin-bottom: 4rem;
  }

  .lp-section-header:where(.w-variant-22356774-d26c-11b4-d787-5bf99ba9f00a) {
    justify-content: center;
    align-items: center;
  }

  .lp-section-header:where(.w-variant-cdced481-edb4-6d3b-7555-a65cb1113398) {
    margin-bottom: 5rem;
  }

  .lp-section-header__title {
    padding-bottom: 1rem;
    font-size: 1.6rem;
  }

  .lp-section-header__label {
    margin-bottom: 1rem;
    font-size: 1.4rem;
  }

  .lp-hero__star-01.lp-hero__star {
    aspect-ratio: auto;
    justify-content: center;
    align-items: center;
    width: 7.95vw;
    display: flex;
    top: 33.59vw;
    left: 12.31vw;
  }

  .lp-hero__star-02.lp-hero__star {
    width: 6.4103vw;
    top: 31.54vw;
    left: 56.92vw;
  }

  .lp-hero__star-03.lp-hero__star {
    width: 8.2051vw;
    top: 20.51vw;
    left: auto;
    right: 9.74vw;
  }

  .lp-hero__star-04.lp-hero__star {
    aspect-ratio: auto;
    width: 6.9231vw;
    top: 153.59vw;
    left: 6.15vw;
    right: auto;
  }

  .lp-hero__star-05.lp-hero__star {
    width: 6.4103vw;
    top: 144.1vw;
    left: 56.67vw;
    right: auto;
  }

  .lp-hero__star-06.lp-hero__star {
    width: 8.2051vw;
    top: 134.36vw;
    right: 9.74vw;
  }

  .lp-introduction__container {
    aspect-ratio: 350 / 65;
    border-radius: 17.5rem;
    width: 100%;
    padding: 30vw 2rem;
  }

  .lp-text {
    line-height: 210%;
  }

  .lp-service {
    margin-bottom: 7rem;
  }

  .lp-introduction__illustrator-01 {
    aspect-ratio: 102 / 57;
    width: 26.154vw;
    top: 0;
    left: 33.846vw;
  }

  .lp-introduction__illustrator-02 {
    width: 10vw;
    top: 10.77vw;
    left: 20.77vw;
  }

  .lp-introduction__illustrator-03 {
    width: 15.38vw;
    top: 17vw;
    left: 37.44vw;
  }

  .lp-introduction__illustrator-04 {
    width: 11.28vw;
    top: 14.36vw;
    left: auto;
    right: 28.4615vw;
    transform: translate(-50%);
  }

  .lp-service-card-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 4rem;
    display: grid;
  }

  .lp-service__container {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .lp-service-card__number {
    letter-spacing: .0263158em;
    font-size: 3.8rem;
  }

  .lp-service-card__icon {
    aspect-ratio: 1;
    width: auto;
    height: auto;
    margin-bottom: 1.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .lp-service-card__title {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
  }

  .lp-service-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .lp-service-list__item {
    padding: 2rem;
  }

  .lp-service-list__text {
    font-size: 1.6rem;
  }

  .lp-works__inner {
    border-top-right-radius: 6rem;
    padding: 6rem 8rem 17rem;
  }

  .lp-works-card.js-inview {
    aspect-ratio: auto;
  }

  .lp-works-card__number {
    letter-spacing: .277778em;
    font-size: 1.8rem;
    left: 1rem;
  }

  .lp-works-card__visual {
    aspect-ratio: 290 / 248;
    border-radius: 4.5rem;
    width: 87.88%;
    margin-left: auto;
  }

  .lp-works-card__body {
    border-top-right-radius: 6rem;
    border-bottom-right-radius: 6rem;
    border-bottom-left-radius: 6rem;
    margin-top: -2rem;
    margin-right: 0;
    padding: 2rem 2rem 2.5rem;
  }

  .lp-works__card-list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .lp-works-card__title {
    letter-spacing: 0;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
  }

  .lp-works-card__text {
    letter-spacing: 0;
  }

  .lp-company {
    border-top-left-radius: 6rem;
    margin-top: -10rem;
    padding-top: 5rem;
  }

  .lp-company__inner {
    padding-bottom: 7rem;
  }

  .lp-company__column {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column-reverse;
    margin-bottom: 6.3rem;
    padding-left: 8rem;
    padding-right: 8rem;
    display: flex;
  }

  .lp-company__visual {
    border-radius: 4.5rem;
  }

  .lp-company__card-list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: auto;
    display: grid;
  }

  .lp-company__card-list.js-inview {
    grid-auto-columns: 1fr;
  }

  .lp-company__text-track {
    bottom: -8.7vw;
  }

  .lp-company__deco-text {
    font-size: 10.5vw;
  }

  .lp-company-card {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .lp-company__scroll-wrapper {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .lp-company-card__visual {
    margin-left: 2rem;
    margin-right: 2rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lp-company-card__body {
    border-top-right-radius: 6rem;
    border-bottom-right-radius: 6rem;
    border-bottom-left-radius: 6rem;
    height: 16.9rem;
    margin-top: -3rem;
    padding: 2rem 2rem 3rem;
  }

  .lp-company-card__title {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
  }

  .lp-company-card__text {
    font-size: 1.4rem;
  }

  .lp-company-photo-track__item {
    aspect-ratio: 350 / 250;
    width: 35rem;
  }

  .lp-flow {
    margin-bottom: 4rem;
  }

  .lp-flow__inner {
    background-color: #fff0;
    border-radius: 0;
    padding: 7rem 8rem 9.1rem;
    position: relative;
    overflow: hidden;
  }

  .lp-flow__list {
    grid-column-gap: 8.2rem;
    grid-row-gap: 8.2rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 3.8rem;
    display: grid;
  }

  .lp-flow-card__number {
    letter-spacing: .0263158em;
    font-size: 3.8rem;
  }

  .lp-flow-card__circle {
    margin-bottom: 1.5rem;
  }

  .lp-flow-card__circle:where(.w-variant-6fa8a1b8-28cb-f8b3-d2f7-9f719396e02e) {
    border-radius: 50%;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .lp-flow-card__text {
    font-size: 1.6rem;
  }

  .lp-flow__point-text {
    text-underline-offset: 2rem;
    padding-bottom: 0;
    font-size: 1.6rem;
    text-decoration-thickness: .3rem;
  }

  .lp-faq__inner {
    border-top-left-radius: 6rem;
    padding: 6rem 8rem;
  }

  .lp-faq-item__icon {
    justify-content: center;
    align-items: center;
    margin-top: .5rem;
    margin-right: 1.5rem;
    font-size: 2rem;
    top: .6rem;
    left: 0;
  }

  .lp-faq-item__answer-text {
    letter-spacing: .0666667em;
    font-size: 1.4rem;
    line-height: 180%;
  }

  .lp-faq-item__question-text {
    letter-spacing: .0666667em;
    font-size: 1.5rem;
    line-height: 180%;
  }

  .lp-faq-item__question {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2rem 3rem 2rem 3.24rem;
  }

  .lp-faq-item__toggle {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 1.2rem;
    height: 1.2rem;
    top: 2.5rem;
    right: .5rem;
  }

  .lp-faq-item__answer-inner {
    padding-bottom: 1.5rem;
    padding-left: 3.2rem;
    padding-right: 2rem;
  }

  .lp-profile__inner {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-top-right-radius: 6rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 5rem 8rem;
  }

  .lp-profile__column {
    grid-template-columns: 28fr;
    place-items: start center;
  }

  .lp-profile-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
  }

  .lp-profile-item__title {
    padding-left: 0;
  }

  .lp-profile-item__text {
    font-weight: 500;
  }

  .lp-profile-item__text ul {
    padding-left: 2rem;
  }

  .lp-section-header__line {
    background-size: auto .4rem;
    height: .4rem;
  }

  .lp-section-header__line:where(.w-variant-cdced481-edb4-6d3b-7555-a65cb1113398) {
    min-width: 29rem;
  }

  .lp-section-header__inner:where(.w-variant-22356774-d26c-11b4-d787-5bf99ba9f00a) {
    justify-content: flex-start;
    align-items: center;
  }

  .lp-contact__inner {
    border-top-left-radius: 6rem;
    padding: 5rem 8rem 4rem;
  }

  .lp-form__list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    padding-left: 0;
    padding-right: 0;
  }

  .lp-form__item {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    flex-flow: column;
    display: flex;
  }

  .lp-form__field {
    border-radius: .6rem;
    min-height: 5rem;
    font-size: 16px;
    line-height: 170%;
  }

  .lp-form__field.form__field--small {
    width: 100%;
    padding: 1.3rem 2rem;
  }

  .form-consent {
    margin-bottom: 4rem;
  }

  .lp-form__head {
    padding-top: 0;
  }

  .lp-form {
    border-width: .15rem;
    border-radius: 3rem;
    padding: 5rem 2rem;
  }

  .lp-site-footer__inner {
    border-top-left-radius: 6rem;
    border-top-right-radius: 6rem;
    padding-top: 5.8rem;
    padding-bottom: 8.1rem;
  }

  .text-block-7 {
    font-size: 1.4rem;
  }

  .lp-hero__line-01.sp {
    aspect-ratio: 482 / 743;
    width: 123.59vw;
    height: auto;
    top: 12.82vw;
    left: auto;
    right: -18.21vw;
  }

  .lp-introduction__illustrator-05 {
    width: 25.38vw;
    inset: auto auto 8rem 20.26%;
  }

  .lp-introduction__illustrator-06 {
    width: 16.67vw;
    top: auto;
    bottom: 20.77vw;
    right: 20.77vw;
  }

  .lp-introduction__illustrator-07 {
    aspect-ratio: auto;
    width: 25.38vw;
    top: auto;
    bottom: 0;
    right: 29.49vw;
  }

  .lp-service-card__icon-image {
    height: 12rem;
  }

  .lp-flow__bg {
    background-color: var(--_lp-color---color-white);
    pointer-events: none;
    border-bottom-right-radius: 1000px;
    border-bottom-left-radius: 1000px;
    width: 139.231%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
  }

  .lp-flow__bg.js-inview {
    z-index: -1;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .code-embed-8 {
    overflow: visible;
  }

  .div-block-34 {
    aspect-ratio: 290 / 248;
  }

  .lp-company-card__visual-image {
    height: 17rem;
  }

  .lp-flow-card__icon {
    height: 15rem;
  }

  .lp-flow-card__icon:where(.w-variant-6fa8a1b8-28cb-f8b3-d2f7-9f719396e02e) {
    height: 12rem;
  }

  .lp-flow__line {
    width: 75%;
    top: 16vw;
    left: 50%;
    transform: translate(-50%);
  }

  .lp-flow__line-border.sp {
    display: none;
  }

  .lp-form__textarea {
    border-radius: 1rem;
    min-height: 10rem;
  }

  .lp-form__select {
    min-height: 5rem;
    padding: 0 2rem;
    font-size: 14px;
  }

  .lp-form__tag {
    border-radius: .3rem;
    padding: .2rem .65rem;
    font-size: 1rem;
    line-height: 170%;
  }

  .lp-contact-button {
    padding-top: 1.8rem;
    bottom: -8rem;
    right: .9rem;
  }

  .lp-contact-button__circle {
    background-size: 4rem;
    width: 9.2rem;
  }

  .lp-contact-button__text {
    width: 8.8rem;
  }

  .form-consent__text-wrapper {
    flex-flow: wrap;
  }

  .slide-nav-2 {
    bottom: -2.5em;
  }

  .left-arrow-2 {
    display: none;
  }

  .lp-section-header__line-2 {
    background-size: auto .4rem;
    height: .4rem;
  }

  .lp-introduction__container-2 {
    aspect-ratio: 350 / 65;
    border-radius: 17.5rem;
    width: 100%;
    padding: 30vw 2rem;
  }

  .lp-section-header-2 {
    margin-bottom: 4rem;
  }

  .lp-section-header__label-2 {
    margin-bottom: 1rem;
    font-size: 1.4rem;
  }

  .lp-section-header__title-2 {
    padding-bottom: 1rem;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .frame--deco_tate.philosophy--full, .frame--deco_tate.flow_1 {
    left: -1.3em;
  }

  .frame--deco_tate.flow_2 {
    right: -1.3em;
  }

  .top--fixed--news {
    max-width: 200px;
  }

  .lp-site-header__logo-image {
    width: 15rem;
  }

  .lp-introduction {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lp-introduction__container {
    padding-bottom: 40vw;
  }

  .lp-service-card-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .lp-service__container, .lp-works__inner {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lp-works__card-list {
    display: flex;
  }

  .lp-company__column {
    flex-flow: column-reverse;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lp-company__card-list.js-inview {
    display: flex;
  }

  .lp-company__scroll-wrapper {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lp-flow__inner {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lp-flow__list {
    flex-flow: column;
    display: flex;
  }

  .lp-faq__inner, .lp-profile__inner, .lp-contact__inner {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lp-form__list {
    padding-left: 0;
    padding-right: 0;
  }

  .lp-form {
    padding-top: 3.4rem;
    padding-bottom: 4.9rem;
  }

  .lp-flow__line.tb {
    display: none;
  }

  .lp-flow__line-border {
    z-index: -1;
    background-color: #fafafa;
    width: 1.4rem;
    height: 80%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
  }

  .lp-flow__line-border.sp {
    display: block;
  }

  .lp--image {
    border-radius: 5px;
  }

  .div-block-35 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding: 5px;
  }

  .slide-nav-2 {
    bottom: -3em;
  }

  .lp-introduction__container-2 {
    padding-bottom: 40vw;
  }
}

@media screen and (max-width: 479px) {
  .template--breadcrumb--wrapper--block {
    padding-left: 0;
    padding-right: 0;
  }

  .template--breadcrumb--tag {
    padding: 3px 8px;
    font-size: 11px;
  }

  .template--breadcrumb--tag:where(.w-variant-32d0a7be-b6b6-c4ef-04a3-0a88e200c4be) {
    padding-left: 3px;
    padding-right: 3px;
  }

  body {
    font-size: 3vw;
  }

  .logo--img {
    max-width: 150px;
  }

  .section--padding_side {
    padding-left: 2em;
    padding-right: 2em;
  }

  .about--center {
    margin-left: 3em;
    margin-right: 3em;
  }

  .service__content--right {
    padding-left: 3em;
    padding-right: 3em;
  }

  .blog--tmb {
    aspect-ratio: 3 / 2;
  }

  .contant--margin {
    margin-left: 2em;
    margin-right: 2em;
  }

  .contact--text.pc {
    display: none;
  }

  .contact--text.text-span-3 {
    display: flex;
  }

  .footer--text {
    text-align: center;
    font-size: 12px;
  }

  .footer--text.company--name {
    font-size: 15px;
  }

  .subpage_title--wrapper {
    margin-top: 4em;
    margin-bottom: 9em;
    font-size: 2.2vw;
  }

  .subpage_content--wrapper.margin--bottom--sp {
    margin-bottom: 115px;
  }

  .subpage_content--wrapper.margin--top {
    margin-top: 8em;
  }

  .service_detail--text_p {
    font-size: 14px;
  }

  .subpage--section--padding--side, .subpage--section--padding--side.side--9-8em {
    padding-left: 2em;
    padding-right: 2em;
  }

  .frame--deco_yoko.member--left {
    left: 13%;
  }

  .frame--deco_yoko.member--right {
    right: 13%;
  }

  .frame--deco_yoko.service_1 {
    left: 14%;
  }

  .frame--deco_yoko.service_2 {
    right: 14%;
  }

  .frame--deco_yoko.project_1 {
    left: auto;
    right: 3.5em;
  }

  .frame--deco_yoko.project_2 {
    left: 3.5em;
    right: auto;
  }

  .paragraph-6 {
    font-size: 14px;
  }

  .frame--deco_tate.philosophy--full {
    top: 28%;
  }

  .frame--deco_tate.flow_1, .frame--deco_tate.flow_2 {
    top: 3.7em;
  }

  .works_list--tab_content--list {
    grid-row-gap: 3em;
  }

  .service_detail--section_title {
    margin-top: .7em;
    margin-bottom: 3em;
  }

  .service_detail--top {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .service_detail--top--left {
    margin-left: 2em;
    margin-right: 2em;
  }

  .service_detail--content__text {
    margin-bottom: 3em;
  }

  .service_detail--img--wrapper {
    order: -1;
  }

  .cost {
    margin-top: 3em;
  }

  .type_list--wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 3em;
    display: grid;
  }

  .type_list--text {
    font-size: 11px;
  }

  .service_flow--text {
    font-size: 14px;
    line-height: 180%;
  }

  .service_flow--marker--text {
    text-align: center;
    flex: 1;
    line-height: 150%;
  }

  .img--frame--wrapper.img--margin_side.img--margin_left {
    margin-left: 2em;
  }

  .img--frame--wrapper.img--margin_side.img--margin_right {
    margin-right: 2em;
  }

  .faq--section {
    margin-top: 8em;
  }

  .logo--wrapper {
    width: 50%;
  }

  .blog--main_text {
    font-size: 14px;
  }

  .blog--main_text p {
    margin-bottom: 20px;
  }

  .blog--nav {
    grid-column-gap: 40%;
  }

  .text-field {
    padding-top: .2em;
    padding-bottom: .2em;
  }

  .form--list {
    padding-left: 1.3em;
    padding-right: 1em;
  }

  .works_details--section__title {
    font-size: .8em;
  }

  .code-embed-5 {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 150%;
  }

  .small {
    font-size: 10px;
  }

  .collection-list-wrapper-5 {
    font-size: .73em;
  }

  .blog--jisseki_link {
    grid-column-gap: 40%;
  }

  .worksdetail--section--padding--side, .blogdetail--section--padding--side {
    padding-left: 2em;
    padding-right: 2em;
  }

  .collection-list-7 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .top--fixed--news {
    max-width: 75%;
  }

  .lp-site-header__logo-image {
    width: 13.6rem;
  }

  .lp-hero__pc {
    top: 44.6154vw;
  }

  .lp-hero__pc-text {
    top: 20%;
  }

  .lp-introduction {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lp-introduction__container {
    padding-top: 34.4%;
    padding-bottom: 45.4%;
  }

  .lp-text {
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 210%;
  }

  .lp-service-card-wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    display: flex;
  }

  .lp-service__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lp-service-list.js-inview {
    display: flex;
  }

  .lp-service-list__item {
    justify-content: center;
    align-items: center;
  }

  .lp-service-list__text {
    letter-spacing: .0625em;
  }

  .lp-works__inner {
    border-top-right-radius: 6rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lp-company__column {
    padding-left: 3rem;
    padding-right: 2rem;
  }

  .lp-company__card-list {
    display: flex;
  }

  .lp-company__scroll-wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lp-flow__inner {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lp-flow__list {
    flex-flow: column;
    display: flex;
  }

  .lp-flow__point-text {
    padding-bottom: 0;
  }

  .lp-faq__inner, .lp-profile__inner {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lp-profile__column {
    flex-flow: column;
    justify-content: flex-start;
  }

  .lp-profile-item {
    flex-flow: column;
    display: flex;
  }

  .lp-contact__inner {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .form-submit {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lp-form__field.form__field--small {
    width: 100%;
  }

  .lp-form {
    border-radius: 3rem;
    padding: 4rem 2rem 5rem;
  }

  .pc {
    display: none;
  }

  .lp-flow-card__icon:where(.w-variant-6fa8a1b8-28cb-f8b3-d2f7-9f719396e02e) {
    height: 13rem;
  }

  .slide-nav-2 {
    bottom: -3.5em;
  }

  .lp-introduction__container-2 {
    padding-top: 34.4%;
    padding-bottom: 45.4%;
  }
}

#w-node-f5a93df2-b70a-9a2e-8052-34d366501ac1-b6606311 {
  order: 9999;
}

#w-node-f5a93df2-b70a-9a2e-8052-34d366501ac4-b6606311, #w-node-bf61ed44-ac90-7bff-d67e-cbba5f42d652-b6606311 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d430489c-60dd-558b-7391-26a82b357282-b6606311 {
  order: 9999;
}

#w-node-c155754c-6b27-c3ca-10ad-8060bbfa4200-b6606311 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c48bcd41-1e9a-4d3e-1a74-e75c9d65003a-40475152 {
  justify-self: stretch;
}

#field.w-node-f7af75b0-2a5d-a4bb-2300-a7dd01633403-0f61464f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-f5a93df2-b70a-9a2e-8052-34d366501abe-b6606311, #w-node-f5a93df2-b70a-9a2e-8052-34d366501ac1-b6606311 {
    order: 0;
  }

  #w-node-f5a93df2-b70a-9a2e-8052-34d366501ac4-b6606311, #w-node-bf61ed44-ac90-7bff-d67e-cbba5f42d652-b6606311 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d176b298-a501-98cf-61f9-792c43a28678-b6606311, #w-node-d430489c-60dd-558b-7391-26a82b357282-b6606311 {
    order: 0;
  }

  #w-node-c155754c-6b27-c3ca-10ad-8060bbfa4200-b6606311 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_85bed74a-bbef-f4ff-0648-ad6b5d12e5d1-077e7028, #w-node-e415e2c1-b2e0-f707-5af2-7c90e57547cc-077e7028 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}



/* Isolated LP runtime replacements */
.lp-faq-item__answer-wrapper {
  height: 0;
  transition: height .25s ease;
}