/* screen - kasutamusaizu-3 */

.kasutamusaizu-3 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  width: 100.0vw;
}

.inactiveLang{
color: #ccc!important;
}

.kasutamusaizu-3 .x302 {
  background-color: var(--white);
  height: 7.76vw;
  width: 10.33vw;
  z-index: 1;
}

.kasutamusaizu-3 .x10-2 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  height: 54.28vw;
  justify-content: space-between;
  left: 0;
  position: fixed;
  top: 0;
  width: 100.0vw;
  z-index: 3;
}

.kasutamusaizu-3 .x126 {
  display: flex;
  flex: 1;
  height: 5.99vw;
  max-height: 5.99vw;
}

.kasutamusaizu-3 .x2 {
  height: 3.16vw;
  margin-left: -0.03vw;
  object-fit: cover;
  width: 5.79vw;
}

.kasutamusaizu-3 .x84 {
  align-self: center;
  display: flex;
  justify-content: flex-end;
  width: 43.09vw;
}

.sticy {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  right: 0;
  position: fixed;
  bottom: 0;
  z-index: 3;
}

.sticy_box {
  background-color: var(--white);
  box-shadow: 0.0vw 0.2vw 0.39vw #00000029;
  padding: 1.51vw 1vw 1vw 0.51vw;
  border-radius: 20px 0 0 20px;
}

.header {
  display: flex;
  flex: 1;
  height: 5.99vw;
  max-height: 5.99vw;
  z-index: 99;
  position:fixed;
}

.kasutamusaizu-3 .flex-row {
  gap: 0.2vw;
  height: 1.12vw;
  margin-top: 0.07vw;
  min-width: 8.03vw;
  display: flex;
}

.kasutamusaizu-3 .text-23 {
  letter-spacing: 0.02vw;
  line-height: 0.86vw;
  min-height: 1.12vw;
  min-width: 0.72vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .place {
letter-spacing: 0.02vw;
line-height: 0.86vw;
min-height: 1.12vw;
min-width: 2.96vw;
text-align: right;
white-space: nowrap;
cursor: pointer;
}

.kasutamusaizu-3 .x1 {
  align-items: flex-start;
  display: flex;
  gap: 3.16vw;
  margin-right: 0.13vw;
  min-width: 36.97vw;
}

.kasutamusaizu-3 .price {
  flex: 1;
  letter-spacing: 0.02vw;
  line-height: 1.05vw;
  margin-bottom: -0.23vw;
  margin-right: -0.13vw;
  margin-top: 0.1vw;
  white-space: nowrap;
  width: 2.24vw;
}

.kasutamusaizu-3 .place-1 {
  flex: 1;
  letter-spacing: 0.02vw;
  line-height: 1.05vw;
  margin-bottom: -0.23vw;
  margin-right: -0.13vw;
  margin-top: 0.1vw;
  white-space: nowrap;
  width: 3.55vw;
}

.kasutamusaizu-3 .x1-8 {
  display: flex;
  height: 1.25vw;
  width: 7.57vw;
}

.kasutamusaizu-3 .x1-1 {
  mix-blend-mode: multiply;
  object-fit: cover;
  width: 4.93vw;
}

.kasutamusaizu-3 .logo-1 {
  align-items: flex-end;
  background-image: url(../img/path-4@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 1;
  justify-content: flex-end;
  margin-bottom: 0.45vw;
  margin-left: 0.49vw;
  margin-right: 0.49vw;
  margin-top: 0.53vw;
  min-width: 2.96vw;
  padding: 0.99vw 0.58vw;
}

.kasutamusaizu-3 .x373 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 5.99vw;
  width: 100.0vw;
  z-index: 2;
}

.kasutamusaizu-3 .room-finder-1 {
  letter-spacing: 0.14vw;
  line-height: 7.04vw;
  margin-left: -6.63vw;
  margin-top: 0.66vw;
  min-height: 8.42vw;
  min-width: 50.0vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .x369 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.63vw;
  margin-top: 5.79vw;
  min-height: 117.3vw;
  width: 40.13vw;
}

.kasutamusaizu-3 .x19 {
  display: flex;
  flex-direction: column;
  height: 6.18vw;
  justify-content: space-between;
  width: 40.13vw;
}

.kasutamusaizu-3 .x368 {
  display: flex;
  gap: 1.18vw;
  height: 1.91vw;
  width: 5.79vw;
}

.kasutamusaizu-3 .place-2 {
  height: 2.04vw;
  letter-spacing: 0.04vw;
  line-height: 1.32vw;
  margin-top: 0.3vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .text {
  height: 1.51vw;
  letter-spacing: 0.03vw;
  line-height: 0.99vw;
  margin-top: 0.54vw;
  white-space: nowrap;
  width: 0.66vw;
}

.kasutamusaizu-3 .x315 {
  border: 0.2vw solid;
  border-color: var(--bon-jour);
  border-radius: 0.33vw;
  flex: 1;
  height: 3.29vw;
  max-height: 3.29vw;
}

.kasutamusaizu-3 .x368-1 {
  gap: 1.18vw;
  width: 6.51vw;
}

.kasutamusaizu-3 .e-mail {
  height: 2.04vw;
  letter-spacing: 0.04vw;
  line-height: 1.32vw;
  margin-top: 0.3vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .x368-2 {
  gap: 1.18vw;
  width: 4.41vw;
}

.kasutamusaizu-3 .tel {
  height: 2.04vw;
  letter-spacing: 0.04vw;
  line-height: 1.32vw;
  margin-top: 0.3vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .x19-4 {
  align-items: flex-end;
  display: flex;
  gap: 3.82vw;
  height: 4.34vw;
  min-width: 21.18vw;
}

.kasutamusaizu-3 .flex-col {
  flex-direction: column;
  gap: 0.86vw;
  width: 8.68vw;
}

.kasutamusaizu-3 .x368-3 {
  gap: 1.18vw;
}

.kasutamusaizu-3 .guarantor {
  height: 2.04vw;
  letter-spacing: 0.04vw;
  line-height: 1.32vw;
  margin-top: 0.3vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .overlap-group1 {
  height: 1.58vw;
  position: relative;
  width: 6.91vw;
background: url(https://test.crossten.jp/estate/img/gus.png);
}

.kasutamusaizu-3 .overlap-group1-item {
  border: 0.2vw solid;
  border-color: var(--bon-jour);
  border-radius: 1.12vw;
  height: 1.32vw;
  left: 0;
  position: absolute;
  top: 0.13vw;
  width: 1.32vw;
}

.kasutamusaizu-3 .x371 {
  display: flex;
  gap: 0.66vw;
  height: 1.58vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 6.91vw;
}

.kasutamusaizu-3 .x370 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  margin-bottom: 0.13vw;
  min-width: 1.32vw;
}

.kasutamusaizu-3 .overlap-group-2 {
  border-radius: 1.12vw;
  height: 1.32vw;
  position: relative;
  width: 1.32vw;
}

.kasutamusaizu-3 .x336 {
  background-color: var(--shark);
  border-radius: 1.12vw;
  height: 0.66vw;
  left: 0.33vw;
  position: absolute;
  top: 0.33vw;
  width: 0.66vw;
}

.kasutamusaizu-3 .x338 {
  border: 0.2vw solid;
  border-color: var(--bon-jour);
  border-radius: 1.12vw;
  height: 1.32vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.32vw;
}

.kasutamusaizu-3 .required {
  color: var(--shark);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-weight: 500;
  height: 1.71vw;
  letter-spacing: 0.03vw;
  line-height: 1.05vw;
  margin-top: 0.26vw;
  white-space: nowrap;
  width: 4.93vw;
}

.kasutamusaizu-3 .x372 {
  display: flex;
  gap: 0.66vw;
  height: 1.58vw;
  width: 8.82vw;
}

.kasutamusaizu-3 .x370-1 {
  align-self: flex-end;
  border: 0.2vw solid;
  border-color: var(--bon-jour);
  border-radius: 1.12vw;
  height: 1.32vw;
  margin-bottom: 0.13vw;
  width: 1.32vw;
}

.kasutamusaizu-3 .not-required {
  color: var(--shark);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-weight: 500;
  height: 1.71vw;
  letter-spacing: 0.03vw;
  line-height: 1.05vw;
  margin-top: 0.26vw;
  white-space: nowrap;
  width: 6.84vw;
}

.kasutamusaizu-3 .x19-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.99vw;
  min-height: 6.18vw;
  width: 40.13vw;
}

.kasutamusaizu-3 .x368-4 {
  gap: 1.18vw;
  width: 13.03vw;
}

.kasutamusaizu-3 .residence-status {
  height: 2.04vw;
  letter-spacing: 0.04vw;
  line-height: 1.32vw;
  margin-top: 0.3vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .overlap-group {
  align-items: center;
  border: 0.2vw solid;
  border-color: var(--bon-jour);
  border-radius: 0.33vw;
  display: flex;
  gap: 32.96vw;
  height: 3.29vw;
  min-width: 40.13vw;
background: url(https://test.crossten.jp/estate/img/suidou.png);
}

.kasutamusaizu-3 .select {
  align-self: flex-end;
  letter-spacing: 0.03vw;
  line-height: 1.05vw;
  min-height: 1.71vw;
  min-width: 3.22vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .x10 {
  height: 0.99vw;
  margin-bottom: 0.39vw;
  object-fit: cover;
  width: 1.12vw;
}

.kasutamusaizu-3 .x368-5 {
  width: 10.53vw;
}

.kasutamusaizu-3 .facebook-name {
  height: 2.04vw;
  letter-spacing: 0.04vw;
  line-height: 1.32vw;
  margin-top: 0.3vw;
  white-space: nowrap;
  width: 10.53vw;
}

.kasutamusaizu-3 .x368-6 {
  gap: 1.18vw;
  width: 11.45vw;
}

.kasutamusaizu-3 .x368-7 {
  gap: 1.18vw;
  width: 11.97vw;
}

.kasutamusaizu-3 .nearest-station {
  height: 2.04vw;
  letter-spacing: 0.04vw;
  line-height: 1.32vw;
  margin-top: 0.3vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .x368-8 {
  width: 18.95vw;
}

.kasutamusaizu-3 .access-to-the-nearest-station {
  height: 2.04vw;
  letter-spacing: 0.04vw;
  line-height: 1.32vw;
  margin-top: 0.3vw;
  white-space: nowrap;
  width: 18.95vw;
}

.kasutamusaizu-3 .overlap-group-1 {
  align-items: flex-end;
  border: 0.2vw solid;
  border-color: var(--bon-jour);
  border-radius: 0.33vw;
  display: flex;
  height: 3.29vw;
  min-width: 40.13vw;
}

.kasutamusaizu-3 .ex-within-x-minutes-on-foot-preferred {
  letter-spacing: 0.03vw;
  line-height: 1.05vw;
  min-height: 1.71vw;
  min-width: 20.26vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .x368-9 {
  gap: 1.18vw;
  width: 9.08vw;
}

.kasutamusaizu-3 .room-type {
  height: 2.04vw;
  letter-spacing: 0.04vw;
  line-height: 1.32vw;
  margin-top: 0.3vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .x10-1 {
  height: 0.99vw;
  margin-bottom: 0.39vw;
  object-fit: cover;
  width: 1.12vw;
}

.kasutamusaizu-3 .x368-10 {
  gap: 1.18vw;
  width: 16.12vw;
}

.kasutamusaizu-3 .number-of-occupants {
  height: 2.04vw;
  letter-spacing: 0.04vw;
  line-height: 1.32vw;
  margin-top: 0.3vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .x368-11 {
  width: 11.38vw;
}

.kasutamusaizu-3 .preferred-budget {
  width: 11.38vw;
}

.kasutamusaizu-3 .x368-12 {
  gap: 1.18vw;
  width: 17.3vw;
}

.kasutamusaizu-3 .preferred-move-in-date {
  height: 2.04vw;
  letter-spacing: 0.04vw;
  line-height: 1.32vw;
  margin-top: 0.3vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .ex-mid-april-preferred {
  letter-spacing: 0.03vw;
  line-height: 1.05vw;
  min-height: 1.71vw;
  min-width: 12.11vw;
  white-space: nowrap;
}

.x9-5-1 {
align-self: center;
background-color: var(--shark);
border-radius: 2.3vw;
display: flex;
height: 4.54vw;
width: 22.43vw;
position: relative; /* 擬似要素のためにrelativeに変更 */
overflow: hidden; /* 擬似要素がはみ出ないようにする */
transition: color 0.4s ease; /* テキストの色変更のトランジションを追加 */
z-index: 1; /* テキストを前面に出すため */
border: 0px;
}

.x9-5-1::before {
  content: '';
  position: absolute;
  top: -300%; /* 擬似要素の初期位置を上に設定 */
  left: 0;
  width: 100%; /* 擬似要素の幅を2倍にして斜めのラインを作成 */
  height: 500%; /* 擬似要素の高さを2倍に設定 */
  background-color: #d90000; /* ホバー時の色 */
  transform: translate(-50%, -50%) rotate(45deg); /* 斜めの回転とスライドを組み合わせ */
  transform-origin: top left; /* 回転の中心を左上に設定 */
  transition: transform 0.3s ease; /* トランジションを設定 */
  z-index: 0;
}

.x9-5-1:hover::before {
  transform: translate(50%, 0%) rotate(45deg); /* 斜めにスライドさせる */
}

.kasutamusaizu-3 .place-3 {
  height: 2.04vw;
  letter-spacing: 0.11vw;
  line-height: 2.63vw;
  margin-top: -0.36vw;
  white-space: nowrap;
  width: 3.75vw;
}

.kasutamusaizu-3 .x7 {
  align-self: flex-end;
  height: 0.86vw;
  margin-bottom: -0.43vw;
  margin-right: 0;
  object-fit: cover;
  width: 0.72vw;
}

.kasutamusaizu-3 .x365 {
  align-items: flex-end;
  background-color: var(--cultured-pearl);
  display: flex;
  height: 3.29vw;
  justify-content: flex-end;
  min-width: 100.0vw;
  padding: 0.72vw 16.78vw;
  z-index:0;
}

.kasutamusaizu-3 .flex {
  align-items: flex-start;
  display: flex;
}

.kasutamusaizu-3 .preferred {
  height: 2.04vw;
  letter-spacing: 0.04vw;
  line-height: 1.32vw;
  margin-top: 0.3vw;
  white-space: nowrap;
}

.kasutamusaizu-3 .x368-13 {
  display: flex;
  height: 1.91vw;
}