:root {
  --bg-color: #e3e3e3;
  --font-jp: "Shippori Mincho", sans-serif;
  --black: #000;
  --font-en: Domine, sans-serif;
  --white: white;
  --main-color: #143c63;
  --font-jp-b1: "Shippori Mincho B1", sans-serif;
  --rgba-45-81-115-0-1: #2d51731a;
  --button-skyblue: #2d6399;
  --button-black: #333;
  --accent-bg: #c8c8c8;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

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

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

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

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

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

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

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

.sg-body {
  letter-spacing: 1.6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-top: 100px;
  font-weight: 400;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sg-body.header-touka {
  padding-top: 0;
}

.body {
  background-color: var(--bg-color);
  font-family: var(--font-jp);
  color: var(--black);
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
}

.body.no-scroll {
  overflow: hidden;
}

.navbar {
  z-index: 999;
  width: 100%;
  position: fixed;
  top: 0;
}

._24px-bold {
  color: #303030;
  font-size: clamp(20px, 1.9vw, 24px);
  font-weight: 700;
  line-height: 100%;
}

.header-button-en {
  z-index: 1;
  font-family: var(--font-en);
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  position: relative;
}

.button-bg-change {
  background-color: var(--white);
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.slide-nav-menu {
  display: none;
}

.brand-logo {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  transition: all .5s;
  display: flex;
}

.brand-logo:hover {
  opacity: .7;
}

.header-button {
  color: var(--main-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: clamp(10px, 1.8vw, 30px) clamp(10px, 1vw, 21px);
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease;
  display: flex;
  overflow: hidden;
}

.header-button:hover {
  opacity: .7;
}

.header-button.w--current {
  color: #303030;
}

.header-button.cta {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--main-color);
  color: #fff;
  margin-left: clamp(10px, 1.8vw, 30px);
  padding-left: clamp(20px, 2vw, 42px);
  padding-right: clamp(20px, 2vw, 42px);
  font-weight: 700;
  position: relative;
}

.header-button.cta:hover {
  opacity: .7;
}

.label-menu-icon {
  display: none;
}

.nav-menu {
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.navigationbar {
  background-color: var(--bg-color);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100px;
  padding-left: 35px;
  display: flex;
  position: fixed;
  top: 0;
}

.navigationbar.touka {
  background-color: #0000;
  transition: all .5s;
}

.navigationbar.touka.scrolled {
  background-color: var(--bg-color);
}

.logo-image {
  aspect-ratio: 48 / 60;
  max-height: 60px;
}

.header-button-jp {
  color: var(--black);
  letter-spacing: 1.2px;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

.header-button-jp.white {
  color: var(--white);
}

.fv-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 126px;
  display: flex;
}

._1200px-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 92%;
  max-width: 1200px;
  display: flex;
}

._1200px-wrapper._20px-gap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

._80px-gapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.top-image-wrapper {
  z-index: 9;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1160 / 620;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 100%;
  position: relative;
}

.fv-image {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  max-height: 100%;
}

.fv-image.before {
  z-index: 0;
  position: relative;
}

.fv-image.others {
  z-index: -1;
  aspect-ratio: 22 / 16;
}

.fv-image.media {
  position: static;
}

.fv-home-introduction {
  z-index: 11;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  text-decoration: none;
  top: 50%;
  left: 5.17%;
  transform: translate(0, -50%);
}

.compare-title-text {
  font-family: var(--font-jp-b1);
  color: var(--white);
  letter-spacing: 2.7px;
  font-size: 27px;
  line-height: 150%;
}

.home-info-text {
  color: var(--white);
  letter-spacing: 1.7px;
  line-height: 150%;
}

.link-block {
  color: var(--white);
  text-decoration: none;
}

.more-text {
  font-family: var(--font-en);
  font-size: 12px;
  font-weight: 400;
  line-height: 180%;
}

.fv-wrapper {
  width: 100%;
  position: relative;
}

.fv-center-wrapper {
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: flex;
}

.main-30px-txt {
  font-size: 30px;
  line-height: 180%;
}

.main-30px-txt.fv-ver {
  line-height: 50px;
}

.main-30px-txt.fv-ver.mobile {
  display: none;
}

.main-30px-txt.hits {
  line-height: 124%;
}

.blue-50px-txt {
  color: var(--main-color);
  letter-spacing: 5px;
  font-size: 50px;
  font-weight: 700;
  line-height: 100%;
}

.main-18px-txt {
  font-size: 18px;
  line-height: 180%;
}

._16px-blue-txt {
  color: var(--main-color);
  margin-bottom: 0;
}

.youtube-wrapper {
  aspect-ratio: 800 / 451;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 66%;
  max-width: 800px;
  display: flex;
}

.youtube {
  height: 100%;
}

.pickup-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 112px;
  display: flex;
  position: relative;
}

.pick-up-title-wrap {
  z-index: -1;
  grid-template-rows: auto;
  grid-template-columns: 13.5fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 260px;
  display: grid;
  position: absolute;
}

.blue-back {
  background-color: #2d51731a;
  width: 100%;
  height: 100%;
}

.pick-up-top {
  grid-column-gap: 4%;
  grid-row-gap: 4%;
  grid-template-rows: auto;
  grid-template-columns: 2fr 3fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 88px;
  display: grid;
}

.pick-up-left-disc {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-wrap {
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blue-title-txt {
  font-family: var(--font-en);
  color: var(--main-color);
  letter-spacing: 4px;
  font-size: 40px;
  font-weight: 700;
  line-height: 180%;
}

.blue-title-txt.vertical {
  writing-mode: vertical-rl;
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(180deg)rotateZ(0);
}

.blue-title-txt.ja {
  font-family: var(--font-jp);
  font-weight: 500;
}

.blue-subtitle-txt {
  color: var(--main-color);
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 400;
}

.pick-up-right {
  width: 100%;
}

.realestate-card {
  grid-row-gap: 10px;
  color: var(--black);
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.realestate-card.media {
  grid-row-gap: 22px;
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
}

.realastate-image {
  aspect-ratio: 80 / 54;
  width: 100%;
}

.realastate-card-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: none;
  display: flex;
}

._16px-main-txt {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 180%;
}

._16px-main-txt.white {
  text-decoration: none;
}

._16px-main-txt.white.footer {
  transition: all .5s;
}

._16px-main-txt.white.footer:hover {
  opacity: .7;
}

._16px-main-txt.break {
  word-break: keep-all;
}

._16px-main-txt.gray {
  color: #757575;
}

._16px-main-txt.mobile {
  display: none;
}

.realastate-txts {
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

._14px-main-txt {
  letter-spacing: 1.4px;
  font-size: 14px;
  font-weight: 400;
}

._14px-main-txt.red {
  color: #c60c00;
  line-height: 180%;
}

._14px-main-txt.black {
  color: var(--black);
  text-decoration: none;
}

._14px-main-txt.blue {
  color: var(--main-color);
}

.realastate-tag-wrap {
  grid-column-gap: 2.4%;
  grid-row-gap: 6px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.realastate-tag {
  background-color: var(--main-color);
  color: var(--white);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 4px clamp(8px, .833vw, 12px);
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.realastate-tag.media {
  border: 1px solid var(--main-color);
  background-color: #0000;
}

.pick-up-realestate-wrap {
  grid-row-gap: 80px;
  flex-flow: column;
  width: 100%;
  margin-top: 120px;
  display: flex;
}

.pick-up-2grid {
  grid-column-gap: clamp(16px, 2.08vw, 30px);
  grid-template-rows: auto;
  grid-template-columns: 3fr 2fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.pick-up-2grid.opposite {
  grid-template-columns: 2fr 3fr;
}

.pick-up-3grid {
  grid-column-gap: 2%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.before-fv-image-wrapper {
  z-index: 1;
  aspect-ratio: 1160 / 620;
  background-color: #2525254d;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
}

.before-after-wrapper {
  aspect-ratio: 22 / 16;
  width: 100%;
  position: relative;
}

.viewmore-button {
  grid-column-gap: 10px;
  color: var(--main-color);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .5s;
  display: flex;
}

.viewmore-button:hover {
  transform: translate(4px, -4px);
}

.view-more-icon {
  width: 12px;
  height: 14px;
}

.view-more-block {
  border-bottom: 1px solid var(--main-color);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.category-section {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 160px;
  transition: all .5s;
  display: flex;
  position: relative;
}

.category-top-wrap {
  z-index: -1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 13.5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 260px;
  display: grid;
  position: absolute;
}

.serch-category-wrap {
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1020px;
  padding-top: 90px;
  display: flex;
}

.search-title-wrap {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-right: 4%;
  display: flex;
}

.search-category-grid {
  grid-column-gap: 4%;
  grid-row-gap: 4%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.search-category-grid.mobile {
  display: none;
}

.category-card {
  aspect-ratio: 1;
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: all .5s;
  display: flex;
  position: relative;
}

.category-card:hover {
  transform: translate(4px, -4px);
}

.category-image-wrap {
  background-color: #143c634d;
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: -2px -2px 5px #0003, 2px 2px 5px #0003;
}

.category-image {
  z-index: -1;
  aspect-ratio: 1;
  object-fit: fill;
  width: 100%;
  height: 100%;
  position: absolute;
}

.category-card-inside {
  grid-row-gap: 26px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 90%;
  display: flex;
  position: relative;
}

.main-20px-txt {
  font-size: 20px;
  line-height: 180%;
}

.category-line {
  background-color: var(--white);
  width: 20px;
  height: 1px;
}

.category-inside-txt {
  font-size: 24px;
}

.category-inside-txt.mobile {
  display: none;
}

.div-block {
  width: 100%;
}

.line-baner-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 160px;
  display: flex;
}

.line-baner-link {
  grid-column-gap: 6%;
  grid-row-gap: 6%;
  background-color: var(--main-color);
  color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 490px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 24px;
  text-decoration: none;
  transition: all .5s;
  display: flex;
  position: relative;
  box-shadow: 6px 10px 10px #0003, 0 11px 33px #143c631a;
}

.line-baner-link:hover {
  transform: translate(0, -5px);
}

.yellow-txt-for-line {
  color: #fff36e;
  font-size: 30px;
}

.line-baner-white-wrap {
  border: 2.2px solid var(--main-color);
  background-color: var(--white);
  color: var(--black);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 8px 6%;
  display: flex;
  position: absolute;
  top: -36%;
}


.line-baner-icon {
  aspect-ratio: 1;
  width: 34px;
}

.line-tokutenn {
  color: var(--main-color);
  letter-spacing: 2.4px;
  font-size: 24px;
}

.line-baner-phone {
  aspect-ratio: 229 / 188;
  width: 229px;
  max-width: 229px;
  position: absolute;
  top: -66px;
  right: -98px;
}

.about-us-section {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 120px;
  display: flex;
}

.about-us-title-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pick-up-viewmore-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 120px;
  display: flex;
}

.about-top-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.about-more-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.about-wrapper {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.store-introduction {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.store-introduction.mobile {
  display: none;
}

.store-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.38fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 100%;
  display: grid;
}

.store-card.center {
  grid-template-columns: 1.38fr 1fr;
}

.storecard-img {
  max-width: 445px;
  padding-top: 40px;
  position: relative;
}

.storecard-info {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 618px;
  padding-top: 40px;
  display: flex;
}

.store-info-wrapper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.store-info {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.info-title {
  border: 1px solid var(--main-color);
  border-radius: 4px;
  padding: 6px 12px;
}

._12px-blue-text {
  color: var(--main-color);
  letter-spacing: 1.2px;
  font-size: 12px;
  line-height: 100%;
}

.map-button-wrap {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: center;
  align-items: flex-end;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
  display: flex;
}

.info-title-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.info-text-wrapper {
  grid-column-gap: clamp(14px, 1.3888vw, 20px);
  grid-row-gap: clamp(14px, 1.3888vw, 20px);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.splide__slide {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.splide__track {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.slide-picture-wrapper {
  aspect-ratio: 550 / 330;
  width: 100%;
  height: 100%;
  position: relative;
}

.fv-post-image {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.splide__list {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.article-title {
  z-index: 2;
  background-color: #fff;
  padding: 8px;
  position: absolute;
  bottom: 10px;
  left: -20px;
  box-shadow: -2px 2px 5px -2px #00000040;
}

.splide {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.post-date-text {
  color: #8b847c;
  font-size: 14px;
  line-height: 180%;
}

.post-title {
  color: #8b847c;
  font-size: 20px;
  line-height: 140%;
}

.post-title.fv {
  font-weight: 700;
}

.store-image {
  aspect-ratio: 1;
  object-fit: cover;
  height: 100%;
}

.store-name {
  color: var(--black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translate(0, -30%);
}

.store-name-text {
  color: var(--white);
  text-align: center;
  letter-spacing: 2.4px;
  word-break: keep-all;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 180%;
}

.store-number {
  position: absolute;
  top: -12px;
  left: 30px;
}

.store-number-text {
  color: #0000;
  -webkit-text-stroke-color: var(--main-color);
  -webkit-text-stroke-width: 1px;
  font-size: 60px;
  line-height: 120%;
}

.ask-more-section {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 120px;
  display: flex;
}

.ask-more-wrapper {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 12fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.ask-more-title {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-block {
  writing-mode: sideways-lr;
}

.ask-more-right {
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.ask-more-card-wrap {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.ask-more-card-wrap.middle {
  justify-content: center;
  align-items: center;
}

.ask-more-card-wrap.last {
  justify-content: flex-end;
  align-items: center;
}

.ask-more-card {
  grid-row-gap: 8px;
  border: 1px solid var(--main-color);
  color: var(--main-color);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 86%;
  padding: 32px 6%;
  text-decoration: none;
  transition: opacity .5s;
  display: flex;
  position: relative;
}

.ask-more-card:hover {
  opacity: .7;
}

._28px-blue-txt {
  color: var(--main-color);
  letter-spacing: 2.8px;
  font-size: 28px;
  font-weight: 700;
}

.ask-more-card-blue {
  background-color: var(--main-color);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}

.media-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 164px;
  display: flex;
}

.media-title-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.media-card-wrapper {
  grid-row-gap: 85px;
  grid-column-gap: clamp(5px, .7vw, 10px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 60px;
  display: grid;
}

.media-card {
  grid-row-gap: 22px;
  color: #5d636f;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 100%;
  text-decoration: none;
  transition: all .5s;
  display: flex;
}

.media-card:hover {
  transform: translate(4px, -4px);
  box-shadow: -2px 2px 10px #0003;
}

.media-card-image {
  aspect-ratio: 173 / 111;
  border-radius: 8px;
  width: 100%;
}

.media-card-bottom {
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.media-card-dates {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.date-block {
  background-color: var(--main-color);
  width: 12px;
  height: 3px;
}

.date-gray {
  font-size: 12px;
  font-weight: 400;
}

._12px-main-txt {
  letter-spacing: 1.2px;
  font-size: 12px;
  line-height: 180%;
}

._12px-main-txt._150-line {
  line-height: 150%;
}

.media-category-wrap {
  grid-column-gap: 4%;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.media-category {
  border: 1.4px solid var(--main-color);
  color: var(--main-color);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 2px 6px;
  display: flex;
}

.media-card-bottton {
  aspect-ratio: 1;
  background-color: var(--main-color);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
}

.arrow-image {
  aspect-ratio: 7 / 8;
  width: 14px;
}

.media-botton-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 66px;
  display: flex;
}

.contact-section {
  background-color: var(--main-color);
  color: var(--white);
  border-top-left-radius: 120px;
  border-top-right-radius: 120px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 142px;
  padding-bottom: 142px;
  display: flex;
  position: relative;
}

.contact-title-wrap {
  grid-column-gap: 4%;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 92%;
  max-width: 1200px;
  display: flex;
}

.contact-title {
  letter-spacing: 8px;
  font-size: 80px;
  line-height: 100%;
}

.get-in-touch-txt {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(270deg, #0000, #ffffff26 50%, #0000 103%);
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  font-size: 15.4vw;
  line-height: 180%;
}

.contact-mail-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.mail-circle {
  aspect-ratio: 1;
  border: 1px solid #ffffff40;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 16%;
  max-width: 145px;
  transition: opacity .5s;
  display: flex;
}

.mail-circle:hover {
  opacity: .7;
}

.mail-image {
  aspect-ratio: 25 / 20;
  width: 25px;
}

.contact-bottom {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  display: flex;
}

.contact-grid {
  grid-column-gap: clamp(32px, 5.6vw, 100px);
  grid-row-gap: clamp(32px, 5.6vw, 100px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.4fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.contact-bottom-left {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.contact-left-top {
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.contact-address {
  grid-row-gap: 6px;
  color: #ffffff80;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.google-map-wrap {
  grid-column-gap: 6px;
  font-family: var(--font-en);
  color: #ffffff80;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.google-map-arrow {
  aspect-ratio: 1;
  width: 15px;
}

.contact-left-bottom {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.contact-left-bottom.mobile {
  display: none;
}

.footer-comp-txt {
  letter-spacing: 3.2px;
  font-family: Shippori Mincho, sans-serif;
  font-size: 32px;
  line-height: 120%;
}

.address {
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.en-14px {
  font-family: var(--font-en);
  font-size: 14px;
  line-height: 120%;
}

.footer-left {
  grid-row-gap: 32px;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.contact-right-wrap {
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.footer-wrapper {
  grid-row-gap: 22px;
  background-color: #0028ab;
  border: 1px solid #2c2c2c;
  border-top-left-radius: 120px;
  border-top-right-radius: 120px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 72px 8% 32px;
  display: flex;
  position: relative;
}

.white {
  color: #fff;
  letter-spacing: .9px;
}

.copy-right {
  font-family: var(--font-en);
  color: #ffffff82;
  letter-spacing: 1.2px;
  font-size: 12px;
  line-height: 180%;
}

.link-16px {
  color: #fff;
  text-decoration: none;
}

.page-top-left {
  aspect-ratio: 2 / 3;
  border: 1px solid #ffffff80;
  border-radius: 22px;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.contact-right {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  color: var(--white);
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1.75fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.tap-to-top {
  grid-column-gap: 16px;
  color: #fff;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .5s;
  display: flex;
}

.tap-to-top:hover {
  opacity: .7;
}

.ja-16px-normal {
  margin-bottom: 0;
  font-weight: 400;
}

.page-top-image {
  aspect-ratio: 1;
  width: 14px;
}

.contact-contact-wrap {
  border-bottom: 1px solid #ffffff80;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 32px;
  display: flex;
}

.empty-box {
  width: 100%;
}

.contact-contact-txts {
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-contact-botton {
  border: 2px solid #ffffff26;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  transition: all .5s;
  display: flex;
}

.contact-contact-botton:hover {
  opacity: .7;
}

.contact-botton-arrow {
  aspect-ratio: 16 / 15;
  width: 16px;
}

.realestate-page-top {
  background-color: var(--rgba-45-81-115-0-1);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 80px;
  display: flex;
}

.realestate-page-wrap {
  grid-row-gap: 42px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.realestate-page-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 160px;
  display: flex;
}

.pagenation-wrapper {
  width: 100%;
}

.pagenation-wrapper.margin-on{
  margin-top: 80px;
}

.pagination {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagination-arrow {
  cursor: pointer;
  width: 32px;
  height: 32px;
}

.pagination-button {
  border: 1px solid var(--main-color);
  color: var(--main-color);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.pagination-button.active {
  background-color: var(--main-color);
  color: #fff;
}

.pagnation-text {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 180%;
}

.pagination-circle-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.pagination-circle {
  background-color: var(--main-color);
  border-radius: 100%;
  width: 6px;
  height: 6px;
}

.cta-section {
  background-color: var(--rgba-45-81-115-0-1);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.cta-wrapper {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 3fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: grid;
}

.cta-txts {
  grid-row-gap: 42px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cta-txts.mobile {
  display: none;
}

._32px-blue-txt {
  color: var(--main-color);
  font-size: 32px;
  line-height: 180%;
}

._32px-blue-txt.cta {
  letter-spacing: 3.2px;
  font-size: clamp(28px, 3vw, 32px);
}

.cta-botton {
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 20px 80px;
  line-height: 180%;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 10px #0003;
}

.cta-botton.detail {
  grid-column-gap: 3%;
  grid-row-gap: 3%;
  max-width: 400px;
  padding: 16px 40px;
  transition: opacity .5s;
}

.cta-botton.detail:hover {
  opacity: .7;
}

.cta-botton.detail.kengaku {
  background-color: var(--button-skyblue);
}

.cta-botton.detail.special {
  background-color: var(--button-black);
}

.cta-botton.submit {
  min-width: 400px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 20px;
  line-height: 180%;
  transition: all .5s;
}

.cta-botton.submit:hover {
  background-color: var(--white);
  color: var(--main-color);
}

.cta-botton.media {
  grid-column-gap: 10px;
  color: var(--white);
  transition: opacity .5s;
}

.cta-botton.media:hover {
  opacity: .7;
}

.cta-image {
  aspect-ratio: 488 / 325;
  width: 100%;
  max-width: 488px;
}

.cta-image.mobbile {
  display: none;
}

.contact-back-blue {
  z-index: -1;
  background-color: var(--rgba-45-81-115-0-1);
  width: 100%;
  height: 120px;
  position: absolute;
  top: 0;
}

.detail-fv-section {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  display: flex;
}

._24px-main {
  font-size: 24px;
  font-weight: 500;
  line-height: 160%;
}

._24px-main.blue {
  color: var(--main-color);
}

.property-name {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.property-top-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.property-info-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 21.5px;
  background-color: var(--rgba-45-81-115-0-1);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: .98fr .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start stretch;
  width: 100%;
  padding: 30px clamp(18px, 1.5vw, 58px);
  display: grid;
}

.info-card {
  grid-column-gap: clamp(4px, .83vw, 12px);
  grid-row-gap: clamp(4px, .83vw, 12px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-vertical {
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.property-introduction-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 52px;
  display: flex;
}

.introuction-wrapper {
  grid-column-gap: clamp(20px, 4.16vw, 60px);
  grid-row-gap: clamp(20px, 4.16vw, 60px);
  grid-template-rows: auto;
  grid-template-columns: 1.78fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: grid;
}

.introduction-left {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.introduction-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.introduction-title {
  grid-column-gap: 1.66%;
  grid-row-gap: 1.66%;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.blue-18px-text {
  color: var(--main-color);
  font-size: 18px;
  font-weight: 500;
}

.horizontal-line {
  background-color: var(--black);
  width: 100%;
  height: 1px;
}

.horizontal-line.gray {
  background-color: #bababa;
  margin-top: 78px;
  margin-bottom: 51px;
}

.introduction-right {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 30px;
  display: flex;
}

.madori-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 88px;
  display: flex;
}

.madori-wrapper {
  grid-column-gap: 8.25%;
  grid-row-gap: 8.25%;
  grid-template-rows: auto;
  grid-template-columns: 1.44fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: grid;
}

.property-information-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 102px;
  padding-bottom: 160px;
  display: flex;
}

.information-grid {
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.information-card {
  border-bottom: 1px solid #aaa;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.information-title {
  background-color: var(--rgba-45-81-115-0-1);
  justify-content: flex-start;
  align-items: center;
  width: 34%;
  min-width: 34%;
  max-width: 203px;
  padding: 9px clamp(14px, 1.53vw, 22px);
  display: flex;
}

.information-content {
  justify-content: flex-start;
  align-items: center;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 22px;
  display: flex;
}

.text-span {
  font-size: 12px;
}

.property-map {
  width: 100%;
  margin-top: 159px;
}

.form-section {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 120px;
  display: flex;
}

.form-section.cta {
  padding-top: 80px;
}

._1040px-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: 1040px;
  padding-left: clamp(20px, 3.33vw, 48px);
  display: flex;
}

.form-top-wrapper {
  grid-column-gap: 12.5%;
  grid-row-gap: 12.5%;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 48px;
  display: flex;
}

.form-property {
  grid-column-gap: clamp(10px, 1.38vw, 20px);
  grid-row-gap: clamp(10px, 1.38vw, 20px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-property-info {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.form-property-image {
  max-width: 200px;
}

.form-wrapper {
  width: 100%;
  padding-left: clamp(16px, 2.71vw, 39px);
}

.form-card {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.form-card.cta {
  justify-content: flex-start;
  align-items: flex-start;
}

.input-field {
  background-color: var(--accent-bg);
  font-family: var(--font-jp);
  color: var(--black);
  max-width: 400px;
  height: 52px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.input-field.address-number {
  padding-left: 37px;
}

.input-field.details {
  width: 100%;
  max-width: none;
  height: 160px;
}

.form-name {
  min-width: 200px;
}

.form {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 53px;
  display: flex;
  position: relative;
}

.checkbox-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  font-family: var(--font-jp);
  color: var(--main-color);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.checkbox-wrapper.cta {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.checkbox-field {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.checkbox-field-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.checkbox {
  background-color: var(--accent-bg);
  border-style: none;
  width: 22px;
  height: 22px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 12px;
}

.required-ast {
  color: #c60c00;
}

.address-image {
  position: absolute;
  top: 50%;
  left: 220px;
  transform: translate(0, -40%);
}

.caution-text-wrap {
  margin-left: 200px;
}

.caution-text-wrap.phone {
  top: 39.3%;
}

._14px-gray-text {
  color: #7e7e7e;
  font-size: 14px;
  line-height: 180%;
}

.submit-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 70px;
  display: flex;
}

.form-caution-wrap {
  width: 100%;
}

.agreement-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 33px;
  text-decoration: none;
  display: flex;
}

.div-block-2 {
  width: 0;
}

.form-block {
  margin-bottom: 0;
}

.media-result-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.page-title-section {
  background-color: var(--rgba-45-81-115-0-1);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 140px;
  display: flex;
  position: absolute;
  top: 101px;
}

.page-title-section.non-abs {
  padding-top: 107px;
  padding-bottom: 107px;
  position: static;
}

.search-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 201px;
  display: flex;
  position: relative;
}

.search-wrapper {
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 95px clamp(100px, 12.85vw, 185px);
  display: flex;
}

.search-console {
  grid-column-gap: 17.5px;
  grid-row-gap: 17.5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 36px;
  display: flex;
}

.tag-list {
  grid-row-gap: 20px;
  grid-column-gap: clamp(10px, 1.38vw, 20px);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.div-block-3 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.search-form {
  background-color: var(--accent-bg);
  width: 100%;
  padding: 16px clamp(10px, 1.38vw, 20px);
}

.search-execution-wrapper {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 64px;
  display: flex;
}

.search-hit {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.media-result-wrapper {
  grid-row-gap: 85px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.media-image-wrapper {
  aspect-ratio: 22 / 16;
  width: 100%;
  max-width: 100%;
}

.subbed-day {
  grid-column-gap: clamp(4px, .61vw, 8.81px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.media-day-icon {
  background-color: var(--main-color);
  width: 11.73px;
  height: 3.86px;
}

.media-card-buttom {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  color: var(--black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: none;
  display: flex;
}

.media-texts {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.media-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.cta-section-2 {
  background-color: #2d51731a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.company-store-grid {
  grid-column-gap: 1%;
  grid-row-gap: 1%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr 1fr;
  width: 100%;
  margin-top: 140px;
  display: grid;
}

.ceo-image-wrap {
  aspect-ratio: 332.95 / 957.39;
  width: 100%;
  position: relative;
}

.half-top-subtitle {
  position: absolute;
  bottom: -20px;
  transform: translate(0, 100%);
}

.message-blue-back {
  background-color: #2d51731a;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.message-blue-back.mobile {
  display: none;
}

.sg-body-2 {
  letter-spacing: 1.6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-top: 100px;
  font-weight: 400;
  display: flex;
  overflow: hidden;
}

.ceo-image {
  width: 100%;
  height:100%;
  min-height: 100%;
  position: absolute;
  bottom: 0;
  left: -20px;
}

._900px-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: 900px;
  display: flex;
}

.company-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 600px;
  margin-top: 80px;
  display: grid;
}

.main-20px-txt-2 {
  font-size: 20px;
}

.blue-title-txt-2 {
  color: #143c63;
  letter-spacing: 4px;
  font-family: Domine, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 180%;
}

.cta-botton-2 {
  color: #fff;
  background-color: #143c63;
  justify-content: center;
  align-items: center;
  padding: 20px 80px;
  line-height: 180%;
  text-decoration: none;
  display: flex;
}

.kasou-top-section {
  background-image: url('../images/Rectangle-28.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 340px;
  display: flex;
}

.company-store-card {
  grid-row-gap: 12.5vw;
  color: #fff;
  text-align: center;
  background-image: url('../images/tokushima-store.avif');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 44px;
  padding-bottom: 64px;
  display: flex;
}

.company-store-card.third {
  background-image: url('../images/IGE-image.avif');
}

.company-store-card.secound {
  background-image: url('../images/kagawa-takamatu-store.avif');
}

.name-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mission-blue-block {
  color: #143c63;
  background-color: #2d51731a;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 86px;
  padding-bottom: 86px;
  display: flex;
  position: relative;
}

.half-top-title {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  transform: translate(0, -50%);
}

.message-txt-wrap {
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 8.88vw;
  padding-right: 6%;
  display: flex;
}

.mission-txt-wrap {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 108px;
  display: flex;
}

.mission-txt-wrap.mobile {
  display: none;
}

.company-blue {
  color: #fff;
  background-color: #143c63;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.company-blue.last {
  border-bottom-width: 0;
}

.company-card-txts {
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

._32px-blue-txt-2 {
  color: #143c63;
  font-size: 32px;
  line-height: 180%;
}

.company-title-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.message-name-wrap {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.message-section {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 140px;
  display: flex;
}

._30px-blue-txt {
  color: #143c63;
  font-size: 30px;
  line-height: 180%;
}

.kasou-top-title {
  margin-left: 7%;
}

.mission-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
}

.company-white {
  background-color: #f7f7f7;
  border-bottom: 1px solid #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 10%;
  display: flex;
}

.company-white.last {
  border-bottom-width: 0;
}

.message-grid {
  grid-column-gap: 2%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  grid-auto-columns: 1fr;
  place-items: end center;
  width: 100%;
  padding-top: 120px;
  display: grid;
}

.company-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 200px;
  display: flex;
}

.cta-section-3 {
  background-color: #2d51731a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.uritate-botton {
  color: #fff;
  background-color: #143c63;
  justify-content: space-between;
  align-items: center;
  width: 360px;
  padding: 20px 4%;
  text-decoration: none;
  transition: opacity .5s;
  display: flex;
  position: relative;
}

.uritate-botton:hover {
  opacity: .7;
}

.sg-body-3 {
  letter-spacing: 1.6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-top: 100px;
  font-weight: 400;
  display: flex;
  overflow: hidden;
}

.realestate-card-2 {
  grid-row-gap: 10px;
  color: #000;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.uritate-example-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 112px;
  display: flex;
  position: relative;
}

.realastate-tag-wrap-2 {
  grid-column-gap: 2.4%;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.uritate-example-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 180px;
  display: flex;
}

.about-uritate-card {
  text-align: center;
  background-color: #2d51731a;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px 4%;
  display: flex;
}

.realastate-tag-2 {
  color: #fff;
  background-color: #143c63;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 4px clamp(8px, .833vw, 12px);
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.about-uritate-disc-wrap {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.about-uritate-disc-wrap.mobile {
  display: none;
}

.blue-title-txt-3 {
  color: #143c63;
  letter-spacing: 4px;
  font-family: Domine, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 180%;
}

.blue-title-txt-3.ja {
  font-family: Shippori Mincho, sans-serif;
  font-weight: 500;
}

.realastate-card-bottom-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: none;
  display: flex;
}

.more-text-2 {
  font-family: Domine, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 180%;
}

._20px-blue-txt {
  color: #143c63;
  font-size: 20px;
}

.kasou-about-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 160px;
  display: flex;
}

.kasou-about-section.mieruka {
  padding-bottom: 120px;
}

._32px-blue-txt-3 {
  color: #143c63;
  font-size: 32px;
  line-height: 180%;
}

.line {
  aspect-ratio: 880 / 24;
  width: 100%;
}

.kasou-about-top {
  grid-row-gap: 36px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 92%;
  max-width: 880px;
  display: flex;
}

.kasou-about-top.mobile {
  display: none;
}

.uritate-botton-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  display: flex;
}

.about-uritate-grid {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 100px;
  display: grid;
}

.about-uritate-grid.mobile {
  display: none;
}

.uritate-blue-back {
  background-color: #2d51731a;
  width: 100%;
  max-width: 880px;
  height: 240px;
  position: absolute;
  top: 0;
}

.cta-section-4 {
  background-color: #2d51731a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.selling-disc-wrap {
  text-align: center;
  margin-top: 60px;
}

.sg-body-4 {
  letter-spacing: 1.6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-top: 100px;
  font-weight: 400;
  display: flex;
  overflow: hidden;
}

.honne-image {
  width: 100%;
  min-width: 288px;
  max-width: 320px;
}

.honne-wrapper {
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.honne-card-right {
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.honne-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 140px;
  padding-bottom: 200px;
  display: flex;
}

.blue-title-txt-4 {
  color: #143c63;
  letter-spacing: 4px;
  font-family: Domine, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 180%;
}

.blue-title-txt-4.ja {
  font-family: Shippori Mincho, sans-serif;
  font-weight: 500;
}

.honne-card-link-wrap {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

._32px-blue-txt-4 {
  color: #143c63;
  font-size: 32px;
  line-height: 180%;
}

.honne-card-link {
  grid-column-gap: 20px;
  color: #143c63;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: all .5s;
  display: flex;
}

.honne-card-link:hover {
  opacity: .7;
}

.honne-blue-back {
  text-align: center;
  background-color: #2d51731a;
  justify-content: center;
  align-items: center;
  width: 92%;
  max-width: 880px;
  padding-top: 74px;
  padding-bottom: 74px;
  display: flex;
}

.honne-blue-back.mobile {
  display: none;
}

.honne-card {
  grid-column-gap: 4%;
  grid-row-gap: 4%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.honne-card.second {
  grid-template-columns: 3fr 1fr;
}

.honne-image-wrap {
  aspect-ratio: 1;
  border-radius: 100px;
  width: 100%;
}

.slash-div {
  -webkit-clip-path: polygon(98% 0, 100% 2%, 2% 100%, 0 98%);
  clip-path: polygon(98% 0, 100% 2%, 2% 100%, 0 98%);
  background-color: #143c63;
  width: 75px;
  height: 75px;
  position: absolute;
  left: 88px;
}

.honne-arrow {
  aspect-ratio: 58 / 9;
  width: 15%;
}

._48px-txt {
  font-size: 48px;
}

.honne-titles {
  grid-column-gap: 8%;
  color: #143c63;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.honne-title-num {
  padding-bottom: 20px;
  font-size: 80px;
  font-weight: 500;
  line-height: 100%;
}

.mieruka-image {
  aspect-ratio: 1;
}

.realestate-card-3 {
  grid-row-gap: 10px;
  color: #000;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.mieteru-right-txt {
  width: 100%;
  font-weight: 400;
}

.blue-title-txt-5 {
  color: #143c63;
  letter-spacing: 4px;
  font-family: Domine, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 180%;
}

.blue-title-txt-5.ja {
  font-family: Shippori Mincho, sans-serif;
  font-weight: 500;
}

.mieteru-right {
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  font-weight: 600;
  line-height: 180%;
  display: flex;
}

.mieteru-right.mobile {
  display: none;
}

._32px-blue-txt-5 {
  color: #143c63;
  font-size: 32px;
  line-height: 180%;
}

.mieruka-box {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 88px;
  display: grid;
}

.bunjyou-wrapper {
  grid-column-gap: 3%;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.bunjyou-wrapper.rinobe {
  width: 900px;
}

.bunjyou-card {
  border: 1px solid var(--main-color);
  background-color: var(--white);
  color: var(--main-color);
  justify-content: center;
  align-items: center;
  padding: 10px 40px;
  text-decoration: none;
  display: flex;
}

.bunjyou-card.active {
  background-color: var(--main-color);
  color: var(--white);
}

.line-banner {
  border: 4px solid var(--main-color);
  background-color: var(--white);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px 10px 14px;
  text-decoration: none;
  transition: all .4s;
  display: none;
  position: fixed;
  bottom: 60px;
  right: 24px;
}

.line-banner.active {
  z-index: 99;
  display: flex;
  box-shadow: 0 5px 20px #0003;
}

.line-banner.active:hover {
  transform: translate(5px, -5px);
}

.line-icon {
  aspect-ratio: 1;
  width: 120px;
}

.line-baner-right {
  color: var(--black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

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

.line-10px-txt {
  font-size: 10px;
  line-height: 180%;
}

.line-banner-botton {
  background-color: var(--main-color);
  color: var(--white);
  border-radius: 10px;
  margin-top: 10px;
  padding: 2px 16px;
}

.butten-banner {
  z-index: 5;
  aspect-ratio: 1;
  background-color: #656565;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 26px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(58%, -58%);
}

.butten-banner:hover {
  background-color: #7a7a7a;
}

.batten-image {
  aspect-ratio: 9 / 8;
  width: 10px;
}

.privacy-policy-wrap {
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 16px;
  display: flex;
  box-shadow: 0 5px 20px #0003;
}

.strong {
  font-size: 20px;
  font-weight: 700;
}

.detail-botton {
  aspect-ratio: 1;
  width: 20px;
}

.tokusetu-image {
  aspect-ratio: 1;
  width: 13px;
}

.bukken-sekkeizu {
  aspect-ratio: 494 / 442;
  width: 100%;
}

.media-card-button-wrap, .ask-arrow {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.media-result {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gray-smoke {
  z-index: 1;
  background-color: #29292940;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.icv__controll {
  height: 100%;
  position: absolute;
  left: 50%;
}

.icv__controll-line {
  background-color: var(--white);
  width: 1px;
  height: 100%;
}

.icv__circle {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translate(-50%);
}

.icv__circle-image {
  width: 40px;
  max-width: 40px;
  height: 40px;
}

.icv__label {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.after-fv-image-wrapper {
  z-index: 1;
  aspect-ratio: 1160 / 620;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
}

.code-embed-2 {
  width: 100%;
  height: 100%;
  position: relative;
}

.center-line {
  top: 0;
  left: var(--pos, 50%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 4px;
  height: 100%;
  display: flex;
  position: absolute;
  transform: translate(-50%);
}

.eye-icon-wrapper {
  width: 40px;
  position: absolute;
  bottom: 110px;
  left: 50%;
  transform: translate(-50%);
}

.eye-icon-wrapper.pu {
  width: 35px;
  bottom: 30%;
}

.label-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 158px;
  display: flex;
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translate(-50%);
}

.label-wrapper.pu {
  bottom: 20%;
}

.div-block-4 {
  width: 100%;
  position: absolute;
  left: 50%;
}

.center-line-vertical {
  background-color: var(--white);
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
}

.slider-area {
  z-index: 2;
  cursor: col-resize;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow:hidden;
}

@media screen and (max-width: 991px) {
  .slide-nav-menu {
    z-index: 98;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--bg-color);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 0;
    transition: all .3s;
    display: flex;
    position: fixed;
    top: 84px;
    left: 0;
    overflow: hidden;
  }

  .slide-nav-menu.active {
    height: calc(100vh - 100px);
    top: 100px;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .header-button {
    grid-row-gap: 6px;
    font-family: var(--font-en);
    justify-content: flex-start;
    align-items: flex-start;
    width: 64%;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    display: flex;
  }

  .header-button.cta {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    background-color: var(--bg-color);
    color: var(--main-color);
    border-width: 1px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 320px;
    height: 65px;
    margin-left: 0;
    padding: 18px 0 18px 10%;
    display: flex;
    overflow: visible;
  }

  .mobile-soudan-text {
    letter-spacing: .8px;
    font-weight: 600;
    line-height: 180%;
  }

  .label-menu-icon {
    z-index: 99;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .nav-menu {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    background-color: #fff;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

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

  .mobile-nav-inside {
    grid-row-gap: 22px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .navigationbar {
    background-color: var(--bg-color);
    padding: 15px clamp(20px, 5.5vw, 80px) 15px clamp(30px, 5.5vw, 80px);
  }

  .header-text {
    font-size: 28px;
    line-height: 180%;
  }

  .fv-section {
    padding-top: 30px;
    padding-bottom: 100px;
  }

  .fv-center-wrapper {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .main-30px-txt.fv-ver {
    letter-spacing: 2.6px;
    font-size: 26px;
  }

  .main-30px-txt.fv-ver.mobile {
    display: none;
  }

  .main-30px-txt.hits {
    font-size: 26px;
  }

  .blue-50px-txt {
    letter-spacing: 4.2px;
    font-size: 42px;
  }

  .main-18px-txt {
    font-size: 16px;
  }

  .youtube-wrapper {
    width: 100%;
    max-width: 700px;
  }

  .pickup-section {
    padding-bottom: 100px;
  }

  .blue-title-txt {
    letter-spacing: 3.4px;
    font-size: 34px;
  }

  .blue-title-txt.vertical {
    font-size: 28px;
  }

  .blue-subtitle-txt {
    letter-spacing: 1.8px;
    font-size: 18px;
  }

  ._16px-main-txt.white.footer {
    text-align: left;
  }

  .realastate-tag.details {
    width: 80px;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .pick-up-realestate-wrap {
    margin-top: 80px;
  }

  .category-section {
    padding-bottom: 140px;
  }

  .search-category-grid.mobile {
    display: none;
  }

  .main-20px-txt {
    letter-spacing: 2px;
  }

  .category-inside-txt {
    letter-spacing: 2.2px;
    font-size: 22px;
  }

  .line-baner-wrapper {
    margin-top: 140px;
  }

  .about-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .store-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .store-card.center {
    flex-flow: column-reverse wrap;
  }

  .storecard-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 0;
  }

  .post-title, .post-title.fv {
    font-size: 18px;
  }

  .ask-more-card {
    padding: 26px 4% 26px 9%;
  }

  ._28px-blue-txt {
    font-size: 26px;
  }

  .media-card-wrapper {
    grid-row-gap: 50px;
    grid-column-gap: clamp(10px, .7vw, 10px);
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .media-card-bottom {
    grid-row-gap: 15px;
  }

  .media-card-bottton {
    width: 26px;
  }

  .contact-section {
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .contact-title-wrap {
    grid-column-gap: 3%;
  }

  .contact-title {
    letter-spacing: 5.5px;
    font-size: 55px;
  }

  .mail-circle {
    max-width: 100px;
  }

  .contact-bottom {
    margin-top: 60px;
  }

  .contact-grid {
    grid-column-gap: clamp(20px, 4.5vw, 100px);
    grid-row-gap: clamp(20px, 4.5vw, 100px);
    grid-template-columns: 1fr 1.8fr;
  }

  .footer-comp-txt {
    font-size: 30px;
  }

  .en-14px {
    font-size: 12px;
  }

  .contact-right-wrap {
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-wrapper {
    border-top-left-radius: 90px;
    border-top-right-radius: 90px;
    padding-top: 60px;
  }

  .contact-right {
    grid-column-gap: 8px;
    grid-template-columns: 1.3fr 1fr 1.5fr;
  }

  .tap-to-top {
    left: 8%;
  }

  .realestate-page-wrap {
    grid-row-gap: 38px;
  }

  .realestate-page-section {
    padding-bottom: 120px;
  }

  .cta-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .cta-wrapper {
    grid-template-columns: 4fr 2fr;
  }

  .cta-txts {
    grid-row-gap: 30px;
  }

  ._32px-blue-txt {
    font-size: 28px;
  }

  ._32px-blue-txt.cta {
    letter-spacing: 2.6px;
    font-size: clamp(24px, 3vw, 32px);
  }

  .cta-botton {
    padding-left: 60px;
    padding-right: 60px;
  }

  .cta-botton.media {
    padding-left: 40px;
    padding-right: 40px;
  }

  ._24px-main {
    font-size: 20px;
  }

  .property-info-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr .8fr;
  }

  .property-introduction-section {
    padding-top: 45px;
  }

  .introuction-wrapper {
    grid-column-gap: clamp(14px, 4.16vw, 60px);
    grid-row-gap: clamp(14px, 4.16vw, 60px);
    grid-template-columns: 1.6fr 1fr;
  }

  .information-title {
    padding-left: clamp(10px, 1.53vw, 22px);
    padding-right: clamp(10px, 1.53vw, 22px);
  }

  .information-content {
    padding-left: 12px;
  }

  .property-map {
    margin-top: 120px;
  }

  .form-section {
    padding-bottom: 100px;
  }

  .form-section.cta {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .form-top-wrapper {
    padding-left: 35px;
  }

  .form-title {
    width: 89px;
  }

  .form {
    margin-top: 45px;
  }

  .submit-wrapper {
    margin-top: 55px;
  }

  .media-result-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .page-title-section.non-abs {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .search-wrapper {
    padding: 80px clamp(80px, 12.85vw, 185px);
  }

  .company-store-grid {
    margin-top: 100px;
  }

  .ceo-image-wrap {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 200px;
    max-height: 500px;
    display: flex;
    position: static;
  }

  .message-blue-back {
    display: none;
  }

  .message-blue-back.mobile {
    padding-left: 3%;
    padding-right: 3%;
    display: flex;
  }

  .ceo-image {
    width: auto;
    position: static;
    left: 0;
  }

  .company-grid {
    margin-top: 60px;
  }

  .blue-title-txt-2 {
    font-size: 36px;
  }

  .kasou-top-section {
    height: 280px;
  }

  .company-store-card.third {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mission-blue-block {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .message-txt-wrap {
    grid-row-gap: 40px;
    padding-bottom: 0;
    padding-right: 0%;
  }

  .mission-txt-wrap {
    margin-top: 80px;
  }

  .message-section {
    padding-bottom: 100px;
  }

  ._30px-blue-txt {
    font-size: 26px;
  }

  .mission-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .message-grid {
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 60px;
    display: flex;
  }

  .company-section {
    padding-bottom: 140px;
  }

  .uritate-example-wrap {
    padding-top: 80px;
  }

  .uritate-example-section {
    padding-top: 150px;
    padding-bottom: 130px;
  }

  .kasou-about-section {
    padding-top: 120px;
  }

  .kasou-about-section.mieruka {
    padding-bottom: 100px;
  }

  .kasou-about-top {
    grid-row-gap: 30px;
    width: 100%;
  }

  .uritate-botton-wrapper {
    margin-top: 60px;
  }

  .about-uritate-grid {
    margin-bottom: 80px;
  }

  .honne-image {
    min-width: auto;
    max-width: none;
    display: block;
  }

  .honne-wrapper {
    grid-row-gap: 80px;
  }

  .honne-section {
    padding-top: 100px;
    padding-bottom: 150px;
  }

  .honne-blue-back {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .honne-card {
    display: flex;
  }

  .honne-image-wrap {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    max-width: 220px;
    display: flex;
  }

  .slash-div {
    width: 65px;
    height: 65px;
    left: 59px;
  }

  ._48px-txt {
    font-size: 40px;
  }

  .honne-titles {
    grid-column-gap: 16%;
  }

  .honne-title-num {
    font-size: 45px;
  }

  .mieteru-right {
    grid-row-gap: 20px;
  }

  .mieruka-box {
    place-items: center;
    margin-top: 60px;
  }

  .bunjyou-wrapper {
    grid-column-gap: 2%;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bunjyou-wrapper.rinobe {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .bunjyou-card {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-txt-wrap {
    font-family: var(--font-jp);
    color: var(--black);
    font-weight: 400;
  }

  .mobile-nav-contact-wrap {
    justify-content: space-between;
    align-items: center;
    width: 64%;
    display: flex;
  }

  .nav-contact-insta {
    aspect-ratio: 1;
    width: 40px;
  }

  .contact-mail-image {
    aspect-ratio: 15 / 12;
    width: 24px;
  }

  .nav-contact-line {
    background-color: var(--main-color);
    width: 80px;
    height: 1px;
    position: absolute;
    right: 0%;
    transform: translate(50%);
  }

  .line-banner.active {
    padding-left: 12px;
    padding-right: 17px;
  }

  .line-icon {
    width: 100px;
  }

  .strong {
    font-size: 18px;
  }

  .media-result {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .message-under {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: relative;
  }

  .message-right {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .center-line {
    position: absolute;
  }

  .eye-icon-wrapper {
    bottom: 90px;
  }

  .eye-icon-wrapper.pu-big {
    bottom: 70px;
  }

  .eye-icon-wrapper.pu {
    width: 30px;
    bottom: 50px;
  }

  .label-wrapper {
    bottom: 50px;
  }

  .label-wrapper.pu-big {
    bottom: 30px;
  }

  .label-wrapper.pu {
    bottom: 20px;
  }

  .yajirushi-w-image {
    width: 30px;
  }
}

@media screen and (max-width: 767px) {
  .sg-body {
    padding-top: 80px;
  }

  ._24px-bold {
    font-size: clamp(20px, 1.9vw, 24px);
  }

  .slide-nav-menu {
    top: 80px;
  }

  .slide-nav-menu.active {
    height: calc(100vh - 80px);
    top: 80px;
  }

  .header-button.cta {
    width: 250px;
    padding-left: 5%;
  }

  .mobile-soudan-text {
    font-size: 18px;
  }

  .mobile-nav-inside {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 80px;
  }

  .navigationbar {
    height: 80px;
  }

  .logo-image {
    max-height: 50px;
  }

  .fv-section {
    padding-top: 20px;
    padding-bottom: 80px;
  }

  ._1200px-wrapper._20px-gap {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  ._1200px-wrapper.message {
    width: 100%;
  }

  .top-image-wrapper {
    max-height: 550px;
  }

  .top-image-wrapper.pick-up {
    aspect-ratio: 22 / 16;
    max-width: 600px;
  }

  .top-image-wrapper.mieruka {
    aspect-ratio: 334 / 198;
  }

  .pagenation-wrapper.margin-on {
    margin-top: 60px;
  }

  .fv-image {
    object-fit: cover;
    object-position: 0% 50%;
  }

  .fv-image.before {
    aspect-ratio: 334 / 550;
  }

  .fv-image.pick-up {
    aspect-ratio: auto;
  }

  .fv-image.mieruka {
    aspect-ratio: 334 / 198;
  }

  .fv-home-introduction {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }

  .compare-title-text {
    font-size: 22px;
  }

  .home-info-text {
    font-size: 14px;
  }

  .fv-center-wrapper {
    grid-row-gap: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .main-30px-txt.fv-ver {
    display: none;
  }

  .main-30px-txt.fv-ver.mobile {
    display: block;
  }

  .blue-50px-txt {
    font-size: 36px;
  }

  ._16px-blue-txt {
    font-size: 14px;
  }

  ._16px-blue-txt.form-title {
    width: auto;
    font-size: 20px;
  }

  .youtube-wrapper {
    width: 100%;
  }

  .pickup-section {
    padding-bottom: 80px;
  }

  .pick-up-title-wrap {
    display: flex;
  }

  .pick-up-top {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    flex-flow: column;
    display: flex;
  }

  .pick-up-top.mieruka {
    padding-top: 60px;
  }

  .blue-title-txt {
    font-size: 28px;
  }

  .blue-title-txt.vertical {
    writing-mode: horizontal-tb;
    transform: none;
  }

  .realestate-card {
    grid-row-gap: 8px;
  }

  .realastate-card-bottom {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }

  ._16px-main-txt {
    letter-spacing: 1.4px;
    font-size: 14px;
  }

  ._16px-main-txt.white.slider {
    font-size: 16px;
  }

  ._16px-main-txt.footer {
    line-height: 200%;
  }

  ._16px-main-txt.none {
    display: none;
  }

  .realastate-tag.details {
    width: 100px;
  }

  .pick-up-realestate-wrap {
    grid-row-gap: 40px;
    margin-top: 60px;
  }

  .pick-up-2grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }

  .pick-up-3grid {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }

  .before-fv-image-wrapper {
    justify-content: flex-start;
    align-items: center;
    min-width: 100%;
  }

  .before-after-wrapper {
    max-width: 600px;
  }

  .before-after-wrapper.mieruka {
    aspect-ratio: 335 / 198;
  }

  .category-section {
    padding-bottom: 120px;
  }

  .category-top-wrap {
    justify-content: flex-start;
    align-items: center;
    height: 160px;
    display: flex;
  }

  .serch-category-wrap {
    grid-row-gap: 30px;
    padding-top: 55px;
  }

  .search-category-grid {
    grid-column-gap: 3%;
    grid-row-gap: 3%;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .search-category-grid.mobile {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .search-category-grid.ichiran {
    flex-flow: row;
    display: flex;
  }

  .category-card {
    aspect-ratio: 105 / 210;
    height: 80%;
    min-height: 80%;
    max-height: 80%;
  }

  .category-image {
    object-fit: cover;
  }

  .category-card-inside {
    grid-row-gap: 35px;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .category-card-inside.ichiran {
    justify-content: flex-start;
    align-items: center;
    padding-top: 40px;
  }

  .main-20px-txt {
    letter-spacing: 2px;
    font-size: 16px;
  }

  .category-line {
    height: 1px;
  }

  .category-inside-txt {
    text-align: center;
    letter-spacing: 2.2px;
    font-size: 18px;
  }

  .category-inside-txt.none-mobile {
    display: none;
  }

  .category-inside-txt.mobile {
    display: block;
  }

  .line-baner-wrapper {
    margin-top: 100px;
  }

  .line-baner-link {
    grid-column-gap: 3%;
    grid-row-gap: 3%;
    width: 90%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .yellow-txt-for-line {
    letter-spacing: 2.6px;
    font-size: 26px;
  }

  .line-baner-txt {
    letter-spacing: 2.2px;
    font-size: 22px;
  }

  .line-baner-white-wrap {
    padding: 6px 3%;
    top: -36%;
  }

  .line-baner-phone {
    width: 200px;
    max-width: 200px;
    top: -51px;
    right: -75px;
  }

  .about-us-section {
    padding-bottom: 100px;
  }

  .about-us-title-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .pick-up-viewmore-wrap {
    margin-top: 80px;
  }

  .store-introduction.mobile {
    display: flex;
  }

  .store-info-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .store-info {
    grid-column-gap: 2%;
  }

  .info-title {
    padding-left: 8px;
    padding-right: 8px;
  }

  .splide__list {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .article-title {
    left: 0;
  }

  .post-title.fv {
    font-size: 16px;
  }

  .ask-more-section {
    padding-bottom: 100px;
  }

  .ask-more-wrapper {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-flow: column;
    display: flex;
  }

  .ask-more-title {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .ask-more-card-wrap, .ask-more-card-wrap.last {
    justify-content: center;
    align-items: center;
  }

  .ask-more-card {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .checkbox-wrapper {
    font-size: 14px;
  }

  ._28px-blue-txt {
    font-size: 22px;
  }

  .media-section {
    padding-bottom: 100px;
  }

  .media-card-wrapper {
    grid-template-columns: 1fr;
  }

  .media-card {
    grid-row-gap: 15px;
  }

  .media-card-image {
    max-width: 600px;
  }

  .media-card-bottom {
    grid-row-gap: 13px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .media-category-wrap {
    grid-column-gap: 2%;
    grid-row-gap: 5px;
  }

  .contact-section {
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .contact-title-wrap {
    grid-column-gap: 0%;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contact-title {
    letter-spacing: 4.5px;
    font-size: 45px;
  }

  .get-in-touch-txt {
    display: none;
  }

  .mail-circle {
    width: 100px;
  }

  .contact-bottom {
    margin-top: 40px;
  }

  .contact-grid {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
    flex-flow: column;
    display: flex;
  }

  .contact-left-bottom {
    display: none;
  }

  .contact-left-bottom.mobile {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .footer-left {
    width: 100%;
  }

  .contact-right-wrap {
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .footer-wrapper {
    border-top-left-radius: 70px;
    border-top-right-radius: 70px;
    padding-top: 56px;
  }

  .copy-right {
    text-align: center;
  }

  .contact-right {
    grid-row-gap: 16px;
  }

  .tap-to-top {
    justify-content: flex-start;
    align-items: center;
    bottom: 80px;
  }

  .ja-16px-normal {
    font-size: 14px;
  }

  .contact-contact-wrap, .empty-box {
    display: none;
  }

  .empty-box.footer {
    display: block;
  }

  .empty-box.footer.none-mobile {
    display: none;
  }

  .realestate-page-top {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .realestate-page-wrap {
    grid-row-gap: 30px;
    justify-content: flex-start;
    align-items: center;
  }

  .realestate-page-section {
    padding-top: 20px;
  }

  .cta-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .cta-wrapper {
    display: flex;
  }

  .cta-txts {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .cta-txts.mobile {
    text-align: center;
    display: flex;
  }

  ._32px-blue-txt {
    font-size: 24px;
  }

  .cta-botton.detail {
    width: 100%;
  }

  .cta-botton.submit {
    padding: 14px 40px;
    font-size: 18px;
  }

  .cta-botton.media {
    width: 100%;
    max-width: 400px;
  }

  .cta-image {
    display: none;
  }

  .cta-image.mobbile {
    max-width: 340px;
    display: block;
  }

  ._24px-main {
    font-size: 20px;
  }

  .property-top-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .property-info-wrapper {
    grid-row-gap: 21.5px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .info-card {
    grid-column-gap: 4%;
  }

  .property-introduction-section {
    padding-top: 40px;
  }

  .introuction-wrapper {
    grid-column-gap: clamp(10px, 4.16vw, 60px);
    grid-row-gap: clamp(10px, 4.16vw, 60px);
    flex-flow: column;
    display: flex;
  }

  .introduction-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .introduction-card {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .blue-18px-text {
    font-size: 16px;
  }

  .horizontal-line.gray {
    display: none;
  }

  .introduction-right {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
  }

  .madori-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }

  .madori-image-wrapper {
    max-width: 400px;
  }

  .property-information-section {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .information-grid {
    flex-flow: column;
    display: flex;
  }

  .information-card.no-content {
    display: none;
  }

  .information-title {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .information-content {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
  }

  .property-map {
    margin-top: 40px;
  }

  .form-section {
    padding-bottom: 80px;
  }

  .form-section.cta {
    padding-top: 20px;
  }

  ._1040px-wrapper {
    padding-left: 0;
  }

  .form-top-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    padding-left: 0;
  }

  .form-property {
    grid-column-gap: clamp(10px, 1.38vw, 20px);
    grid-row-gap: clamp(10px, 1.38vw, 20px);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .form-wrapper {
    margin-top: 50px;
    padding-left: 0;
  }

  .form-card {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .input-field {
    height: 48px;
    font-size: 14px;
  }

  .form-name {
    min-width: 150px;
  }

  .form {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    margin-top: 40px;
  }

  .checkbox {
    margin-right: 10px;
  }

  .address-image {
    top: 70%;
    left: 18px;
  }

  .caution-text-wrap {
    margin-left: 0;
  }

  ._14px-gray-text.caution {
    font-size: 12px;
  }

  .submit-wrapper {
    margin-top: 40px;
  }

  .media-result-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .page-title-section {
    padding-top: 60px;
    padding-bottom: 80px;
    top: 80px;
  }

  .page-title-section.non-abs {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .search-section {
    padding-top: 147px;
  }

  .search-wrapper {
    padding: 50px 30px;
  }

  .search-console {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin-top: 20px;
  }

  .tag-list {
    grid-row-gap: 18px;
    grid-column-gap: clamp(8px, 1.38vw, 20px);
  }

  .search-execution-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 40px;
  }

  .company-store-grid {
    margin-top: 80px;
    display: none;
  }

  .ceo-image-wrap {
    aspect-ratio: auto;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    display: flex;
  }

  .message-blue-back {
    display: none;
  }

  .message-blue-back.mobile {
    padding-left: 3%;
    padding-right: 3%;
    display: flex;
  }

  .ceo-image {
    max-height: 313px;
    min-height:auto;
    position: static;
  }

  .company-grid {
    margin-top: 40px;
    margin-bottom: 80px;
  }

  .blue-title-txt-2 {
    font-size: 28px;
  }

  .kasou-top-section {
    height: 260px;
  }

  .mission-blue-block {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .message-txt-wrap {
    grid-row-gap: 35px;
    padding-bottom: 0;
    padding-right: 0%;
  }

  .mission-txt-wrap {
    text-align: center;
    margin-top: 60px;
    display: none;
  }

  .mission-txt-wrap.mobile {
    text-align: left;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    max-width: 550px;
    display: flex;
  }

  .company-blue {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .message-section {
    padding-bottom: 80px;
  }

  ._30px-blue-txt {
    font-size: 22px;
  }

  .mission-section {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .message-grid {
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 40px;
    display: flex;
  }

  .company-section {
    padding-bottom: 100px;
  }

  .uritate-botton {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .uritate-example-section {
    padding-top: 120px;
    padding-bottom: 100px;
  }

  .about-uritate-card {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .about-uritate-disc-wrap {
    display: none;
  }

  .about-uritate-disc-wrap.mobile {
    display: block;
  }

  .kasou-about-section {
    padding-top: 80px;
  }

  .kasou-about-section.mieruka {
    padding-bottom: 80px;
  }

  .kasou-about-top {
    display: none;
  }

  .kasou-about-top.mobile {
    grid-row-gap: 20px;
    text-align: center;
    display: flex;
  }

  .about-uritate-grid {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    display: none;
  }

  .about-uritate-grid.mobile {
    display: flex;
  }

  .selling-disc-wrap {
    margin-top: 40px;
  }

  .honne-wrapper {
    grid-row-gap: 60px;
  }

  .honne-card-right {
    grid-row-gap: 20px;
  }

  .honne-section {
    padding-top: 80px;
    padding-bottom: 120px;
  }

  .honne-blue-back {
    padding-top: 40px;
    padding-bottom: 40px;
    display: none;
  }

  .honne-blue-back.mobile {
    display: block;
  }

  .honne-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .honne-card.second {
    flex-flow: column-reverse wrap;
  }

  .honne-image-wrap {
    max-width: 300px;
  }

  .slash-div {
    display: none;
  }

  ._48px-txt {
    font-size: 32px;
  }

  .honne-titles {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .mieruka-image {
    max-width: 320px;
  }

  .mieteru-right-txt {
    text-align: left;
  }

  .mieteru-right {
    display: none;
  }

  .mieteru-right.mobile {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mieruka-box {
    grid-row-gap: 40px;
    flex-flow: column-reverse wrap;
    margin-top: 40px;
    display: flex;
  }

  .bunjyou-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
  }

  .bunjyou-wrapper.rinobe {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .bunjyou-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mobile-nav-contact-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .nav-contact-insta {
    width: 35px;
    height: 35px;
  }

  .line-banner.active {
    padding-left: 10px;
    padding-right: 15px;
  }

  .line-icon {
    width: 90px;
  }

  .strong {
    font-size: 16px;
  }

  .category-wrapper {
    justify-content: center;
    align-items: center;
    width: 33%;
    display: flex;
  }

  .category-wrapper.right {
    justify-content: center;
    align-items: flex-end;
  }

  .category-wrapper.left {
    aspect-ratio: 105 / 265;
    justify-content: center;
    align-items: flex-start;
  }

  .pickup-description-wrapper {
    display: none;
  }

  .pickup-description-wrapper.mobile {
    display: block;
  }

  .message-under {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: relative;
  }

  .message-right {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .eye-icon-wrapper {
    width: 30px;
    bottom: 70px;
  }

  .eye-icon-wrapper.pu-big {
    width: 40px;
    bottom: 90px;
  }

  .eye-icon-wrapper.pu {
    width: 40px;
    bottom: 70px;
  }

  .label-wrapper {
    bottom: 40px;
  }

  .label-wrapper.pu-big {
    bottom: 50px;
  }

  .label-wrapper.pu {
    bottom: 30px;
  }

  .center-line-vertical {
    width: 3px;
  }
}

@media screen and (max-width: 479px) {
  .sg-body {
    padding-top: 70px;
  }

  ._24px-bold {
    font-size: clamp(16px, 1.9vw, 24px);
  }

  .slide-nav-menu {
    top: 70px;
  }

  .slide-nav-menu.active {
    height: calc(100vh - 70px);
    top: 70px;
  }

  .brand-logo {
    padding-left: 0;
  }

  .arrow-white {
    z-index: 1;
    position: relative;
  }

  .header-button {
    grid-row-gap: 3px;
    width: 100%;
  }

  .header-button.cta {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 209px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .mobile-soudan-text {
    z-index: 1;
    font-size: 15px;
  }

  .mobile-nav-inside {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 30px;
    padding-right: 30px;
  }

  .navigationbar {
    height: 70px;
    padding-left: 25px;
    padding-right: 6px;
  }

  .header-text {
    font-size: 24px;
  }

  .fv-section {
    padding-top: 0;
    padding-bottom: 60px;
  }

  ._1200px-wrapper._20px-gap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .top-image-wrapper {
    height: 100%;
    max-height: none;
  }

  .top-image-wrapper.fv, .fv-image.before {
    aspect-ratio: auto;
  }

  .fv-home-introduction {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .pagenation-wrapper.margin-on {
    margin-top: 30px;
  }

  .compare-title-text {
    letter-spacing: 1.8px;
    font-size: 16px;
  }

  .home-info-text {
    letter-spacing: 1.2px;
    font-size: 12px;
  }

  .more-text {
    letter-spacing: 1px;
    font-size: 10px;
  }

  .fv-wrapper {
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: 75vh;
  }

  .fv-wrapper.single {
    height: auto;
    width: 100%;
  }

  .fv-center-wrapper {
    grid-row-gap: 10px;
  }

  .main-30px-txt.fv-ver.mobile {
    letter-spacing: 1.4px;
    font-size: 18px;
    line-height: 40px;
  }

  .blue-50px-txt {
    letter-spacing: 2.6px;
    font-size: 26px;
  }

  .main-18px-txt {
    letter-spacing: 1.4px;
    font-size: 14px;
  }

  .pickup-section {
    padding-bottom: 60px;
  }

  .pick-up-title-wrap {
    height: 120px;
  }

  .pick-up-top {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-top: 30px;
  }

  .pick-up-top.mieruka {
    padding-top: 40px;
  }

  .title-wrap {
    grid-row-gap: 0px;
  }

  .blue-title-txt {
    font-size: 18px;
  }

  .blue-title-txt.ja {
    letter-spacing: 2px;
    font-size: 24px;
  }

  .realestate-card {
    grid-row-gap: 5px;
  }

  .realastate-card-bottom {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  ._16px-main-txt {
    font-size: 12px;
  }

  ._16px-main-txt.white {
    letter-spacing: 1.2px;
    font-size: 12px;
  }

  ._16px-main-txt.white.slider {
    font-size: 14px;
  }

  ._16px-main-txt.break.details {
    letter-spacing: 1.2px;
  }

  ._16px-main-txt.line-top {
    font-size: 10px;
  }

  ._16px-main-txt.footer {
    font-size: 13.3px;
  }

  ._16px-main-txt.ichiran-top {
    letter-spacing: 1.2px;
    font-size: 12px;
  }

  ._16px-main-txt.details {
    font-size: 12px;
  }

  ._16px-main-txt.top, ._16px-main-txt.form-top {
    font-size: 14px;
  }

  ._16px-main-txt.mobile {
    display: block;
  }

  ._16px-main-txt.cta {
    display: none;
  }

  ._16px-main-txt.cta.mobile {
    display: block;
  }

  ._16px-main-txt.mieruka {
    display: none;
  }

  ._16px-main-txt.mieruka.mobile {
    display: block;
  }

  ._14px-main-txt {
    letter-spacing: 1px;
    font-size: 10px;
    line-height: 180%;
  }

  ._14px-main-txt.black.form-text {
    font-size: 14px;
  }

  ._14px-main-txt.details {
    font-size: 12px;
  }

  .realastate-tag {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .realastate-tag.details {
    width: 70px;
    min-width: 70px;
    padding-left: 0;
    padding-right: 0;
  }

  .pick-up-realestate-wrap {
    grid-row-gap: 30px;
    margin-top: 30px;
  }

  .pick-up-2grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .before-fv-image-wrapper {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .viewmore-button {
    justify-content: flex-end;
    align-items: center;
  }

  .view-more-block {
    padding-bottom: 4px;
  }

  .category-card-inside {
    grid-row-gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .main-20px-txt {
    font-size: 12px;
  }

  .main-20px-txt.footer-button {
    font-size: 16px;
  }

  .main-20px-txt.white.slider {
    font-size: 14px;
  }

  .category-inside-txt {
    font-size: 14px;
    line-height: 180%;
  }

  .line-baner-link {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .yellow-txt-for-line {
    font-size: 18px;
  }

  .line-baner-txt {
    letter-spacing: 1.4px;
    font-size: 14px;
  }

  .line-baner-white-wrap {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .line-baner-icon {
    width: 21px;
  }

  .line-tokutenn {
    font-size: 14px;
  }

  .line-baner-phone {
    width: 150px;
    max-width: 150px;
    top: -30px;
    right: -58px;
  }

  .about-us-section {
    padding-bottom: 80px;
  }

  .about-us-title-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .pick-up-viewmore-wrap {
    margin-top: 60px;
  }

  .store-introduction.mobile {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .storecard-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .store-info-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .store-info {
    grid-column-gap: 0%;
    grid-template-columns: .32fr 1fr;
  }

  .info-title {
    padding: 4px;
  }

  ._12px-blue-text {
    letter-spacing: 1px;
    font-size: 10px;
  }

  .map-button-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-end;
    align-items: flex-end;
  }

  .info-text-wrapper {
    grid-column-gap: clamp(6px, 1.3888vw, 20px);
    grid-row-gap: clamp(6px, 1.3888vw, 20px);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .splide__list {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .store-name-text {
    font-size: 18px;
  }

  .store-number {
    top: -3px;
    left: 20px;
  }

  .store-number-text {
    font-size: 50px;
  }

  .ask-more-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .ask-more-card {
    grid-row-gap: 16px;
    padding-bottom: 20px;
  }

  ._28px-blue-txt {
    font-size: 20px;
  }

  .media-section {
    padding-bottom: 80px;
  }

  .media-card-wrapper {
    grid-row-gap: 40px;
    margin-top: 40px;
  }

  .media-card, .media-card-bottom {
    grid-row-gap: 10px;
  }

  .media-card-bottton {
    width: 22px;
  }

  .arrow-image {
    width: 12px;
  }

  .contact-section {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    padding-top: 20px;
    padding-bottom: 60px;
  }

  .contact-title {
    letter-spacing: 3px;
    font-size: 30px;
    line-height: 120%;
  }

  .mail-circle {
    width: 100px;
  }

  .contact-bottom {
    margin-top: 30px;
  }

  .footer-comp-txt {
    font-size: 24px;
  }

  .address {
    grid-row-gap: 4px;
  }

  .footer-left {
    grid-row-gap: 24px;
  }

  .contact-right-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-wrapper {
    grid-row-gap: 60px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    padding-top: 48px;
    padding-bottom: 20px;
  }

  .page-top-left {
    width: 32px;
  }

  .contact-right {
    grid-column-gap: 6px;
    grid-row-gap: 12px;
    grid-template-columns: 1.3fr 1fr;
  }

  .tap-to-top {
    grid-column-gap: 12px;
    bottom: 200px;
    left: auto;
    right: 8%;
  }

  .realestate-page-top {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .realestate-page-wrap {
    grid-row-gap: 20px;
  }

  .realestate-page-section {
    padding-bottom: 80px;
  }

  .cta-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .cta-wrapper {
    display: flex;
  }

  .cta-botton {
    width: 100%;
    padding: 12px 30px 15px;
  }

  .cta-botton.submit {
    min-width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  ._24px-main {
    font-size: 18px;
  }

  .property-top-wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .property-info-wrapper {
    padding: 20px clamp(14px, 1.5vw, 58px);
  }

  .property-introduction-section {
    padding-top: 30px;
  }

  .introuction-wrapper {
    grid-column-gap: clamp(8px, 4.16vw, 60px);
    grid-row-gap: clamp(8px, 4.16vw, 60px);
    flex-flow: column;
    display: flex;
  }

  .introduction-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .introduction-card {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .blue-18px-text {
    font-size: 14px;
  }

  .introduction-right {
    width: 100%;
    margin-top: 15px;
  }

  .madori-section {
    padding-top: 60px;
  }

  .property-information-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .information-title {
    padding: 5px clamp(6px, 1.53vw, 22px);
  }

  .information-content {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
  }

  .text-span {
    font-size: 10px;
  }

  .property-map {
    margin-top: 30px;
  }

  .form-section {
    padding-bottom: 60px;
  }

  .form-section.cta {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .form-top-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .form-wrapper {
    margin-top: 30px;
  }

  .form-card.cta {
    flex-flow: column;
  }

  .form-card.check-box {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .input-field {
    height: 46px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    font-size: 12px;
  }

  .form-name {
    min-width: 93px;
  }

  .form {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 30px;
  }

  .checkbox-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .checkbox-wrapper.cta {
    padding-left: 0;
    font-size: 14px;
  }

  .checkbox {
    width: 18px;
    height: 18px;
    margin-right: 8px;
  }

  ._14px-gray-text.caution {
    font-size: 10px;
  }

  .submit-wrapper {
    margin-top: 30px;
  }

  .agreement-wrapper {
    margin-top: 20px;
  }

  .media-result-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .page-title-section {
    padding-top: 40px;
    padding-bottom: 60px;
    top: 70px;
  }

  .page-title-section.non-abs {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .search-section {
    padding-top: 105px;
  }

  .search-wrapper {
    padding: 30px 20px;
  }

  .search-console {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .tag-list {
    grid-row-gap: 16px;
    grid-column-gap: clamp(6px, 1.38vw, 20px);
  }

  .search-execution-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 20px;
  }

  .company-store-grid {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 60px;
  }

  .ceo-image-wrap {
    aspect-ratio: 332 / 957;
    width: auto;
  }

  .ceo-image {
    min-width: 108px;
    min-height: 313px;
  }

  .company-grid {
    margin-top: 30px;
    margin-bottom: 60px;
  }

  .blue-title-txt-2 {
    font-size: 18px;
  }

  .kasou-top-section {
    height: 200px;
  }

  .mission-blue-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .message-txt-wrap {
    grid-row-gap: 20px;
  }

  .mission-txt-wrap.mobile {
    margin-top: 40px;
  }

  .company-blue {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .message-section {
    padding-bottom: 60px;
  }

  ._30px-blue-txt {
    font-size: 18px;
  }

  .mission-section {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .company-white {
    padding-left: 8%;
  }

  .message-grid {
    padding-top: 30px;
  }

  .company-section {
    padding-bottom: 80px;
  }

  .uritate-botton {
    padding: 15px 8% 15px 10%;
  }

  .uritate-example-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .kasou-about-section {
    padding-top: 60px;
  }

  .kasou-about-section.mieruka {
    padding-bottom: 60px;
  }

  .kasou-about-top.mobile {
    grid-row-gap: 15px;
  }

  .about-uritate-grid.mobile {
    grid-row-gap: 8px;
    margin-bottom: 40px;
  }

  .honne-wrapper {
    grid-row-gap: 40px;
  }

  .honne-section {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  ._48px-txt {
    font-size: 24px;
  }

  .mieruka-image {
    width: 100%;
  }

  .mieruka-box {
    grid-row-gap: 30px;
    margin-top: 30px;
  }

  .bunjyou-wrapper {
    grid-auto-columns: 1fr;
    width: 100%;
  }

  .bunjyou-wrapper.rinobe {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    align-items: stretch;
  }

  .bunjyou-card {
    padding: 8px 15px;
  }

  .mobile-nav-contact-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }

  .nav-contact-insta {
    width: 30px;
    height: 30px;
  }

  .nav-contact-line {
    width: 50px;
  }

  .line-banner.active {
    padding: 7px 10px 7px 5px;
    right: 11px;
  }

  .line-icon {
    width: 60px;
  }

  .line-baner-right {
    max-width: 170px;
  }

  .butten-banner {
    width: 20px;
  }

  .strong {
    font-size: 14px;
  }

  .map-button-div {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .media-result {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .message-right {
    width: 80%;
  }

  .eye-icon-wrapper {
    width: 35px;
    bottom: 120px;
  }

  .eye-icon-wrapper.pu-big {
    width: 35px;
    bottom: 70px;
  }

  .eye-icon-wrapper.pu {
    width: 35px;
  }

  .label-wrapper {
    bottom: 80px;
  }

  .label-wrapper.pu-big {
    bottom: 30px;
  }

  .center-line-vertical {
    width: 2px;
  }

  .yajirushi-w-image {
    width: 29px;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_0bc033f4-6cd9-e14e-0a4f-d2b59d13ad7a-4b678478 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

::-webkit-scrollbar {
  display: none;
}

.search-input{
  background-color: transparent !important;
  border: none;
  width:100%;
}

input[type="text"]:focus {
outline: none;
}

input[type="text"]:placeholder-shown{
outline: none;
box-shadow: none;
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #c8c8c8 inset !important;
}

/* Before画像が無い場合、マスクを完全解除 */
.top-image-wrapper.no-before .before-fv-image-wrapper,
.top-image-wrapper.no-before .after-fv-image-wrapper,
.before-after-wrapper.no-before .before-fv-image-wrapper,
.before-after-wrapper.no-before .after-fv-image-wrapper {
  mask: none !important;
}

/* 中央線も不要 */
.top-image-wrapper.no-before .center-line {
  display: none !important;
}