@charset 'UTF-8';

/* 下層ページメインビジュアル */
.page_mv {
  background-image: url(../../../image/other_mv.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* 悩みと解決 */
.other_probsoln {
  margin-top: min(12.5vw, 115px);
}

.other_probsoln_container {
  position: relative;
}

.other_probsoln_title {
  text-align: center;
  font-weight: 700;
  font-size: min(3.91vw, 36px);
}

.other_probsoln_group {
  display: flex;
  margin-top: min(5.97vw, 55px);
}

.other_probsoln_box01,
.other_probsoln_box02,
.other_probsoln_box03 {
  position: absolute;
}

.other_probsoln_box01 {
  top: 26%;
  left: 0;
}

.other_probsoln_box02 {
  top: 9%;
  left: 18%;
}

.other_probsoln_box03 {
  top: 20%;
  right: 0;
}

.other_probsoln_box04 {
  margin-top: min(45.65vw, 420px);
  text-align: center;
}

.other_probsoln_image {
  width: min(44.56vw, 410px);
  object-fit: contain;
}

.other_probsoln_image04 {
  width: min(50.32vw, 463px);
  object-fit: contain;
}

.other_probsoln_maintext {
  margin-top: min(8.69vw, 80px);
  padding-top: min(6.30vw, 58px);
  padding-right: min(11.95vw, 110px);
  padding-bottom: min(6.30vw, 58px);
  padding-left: min(11.95vw, 110px);
  border: 10px solid #f49132;
  background-color: #fff;
  text-align: left;
  font-weight: 700;
  font-size: min(3.47vw, 32px);
}

.other_probsoln_subtext {
  margin: 0 auto 0;
  margin-top: min(4.89vw, 45px);
  width: 74%;
  text-align: left;
  font-weight: 700;
  font-size: min(2.17vw, 20px);
}

/* アニメーション(吹き出し)*/
.other_probsoln_image {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}

@keyframes floating-y {
  0% {
    transform: translateY(-2%);
  }

  100% {
    transform: translateY(2%);
  }
}

/* スマホ対応(悩みと解決) */
@media (max-width: 1199px) {
  .other_probsoln_box01 {
    top: 24%;
    left: 0;
    width: 50%;
  }

  .other_probsoln_box02 {
    top: 9%;
    left: 10%;
    width: 50%;
  }

  .other_probsoln_box03 {
    top: 20%;
    right: 0;
    width: 50%;
  }
}

@media (max-width: 768px) {
  .other_probsoln_subtext {
    width: 90%;
    /* 12px */
    font-size: 3.2vw;
  }
}

@media (max-width: 375px) {
  .other_probsoln {
    width: 90%;
  }

  .other_probsoln_box01 {
    top: 23%;
    left: 0;
    width: 50%;
  }

  .other_probsoln_box02 {
    top: 10%;
    left: 10%;
    width: 50%;
  }

  .other_probsoln_box03 {
    top: 20%;
    right: 0;
    width: 50%;
  }

  .other_probsoln_maintext {
    padding-top: 5vw;
    padding-right: 5vw;
    padding-bottom: 5vw;
    padding-left: 5vw;
    border: 3px solid #f49132;
    /* 13px */
    font-size: 3.46vw;
  }
}

/* 資金計画 */
.wrapper1240 {
  margin-right: auto;
  margin-left: auto;
  max-width: 1240px;
  width: 86%;
}

.other_fp {
  margin-top: min(11.29vw, 140px);
}

.other_fp_content {
  margin-top: min(8.87vw, 110px);
}

.other_fp_content:first-child {
  margin-top: 0;
}

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

.other_fp_area,
.other_fp_strength_area {
  margin-left: 5%;
}

.other_fp_area:first-child,
.other_fp_strength_area:first-child {
  margin-left: 0;
}

.other_fp_subtitle {
  margin-top: min(13.33vw, 50px);
  font-size: min(1.61vw, 20px);
}

.other_fp_content_box {
  margin-top: min(4.03vw, 50px);
}

.other_fp_content_box :last-child {
  margin-top: min(1.61vw, 20px);
}

.other_fp_text {
  margin-top: min(1.61vw, 20px);
  max-width: 600px;
  width: 100%;
  font-size: min(1.11vw, 16px);
}

.other_fp_image {
  object-fit: contain;
}

.other_fp_strength_group {
  display: flex;
  justify-content: space-between;
}

.other_fp_strength_area {
  margin-left: 6%;
}

.other_fp_strength_box {
  display: flex;
  align-items: center;
}

.other_fp_largebox {
  margin-top: min(2.25vw, 28px);
  padding-top: min(2.82vw, 35px);
  padding-right: min(3.22vw, 40px);
  padding-bottom: min(3.38vw, 42px);
  padding-left: min(3.22vw, 40px);
  max-width: 357px;
  width: 100%;
  height: 80%;
  border-radius: 5px;
  background-color: #f49132;
  color: #fff;
}

.other_fp_strength_title {
  font-weight: 700;
  font-size: min(1.61vw, 20px);
}

.other_fp_strength_text {
  margin-top: min(1.04vw, 13px);
  font-size: min(1.11vw, 16px);
}

/* スマホ対応(資金計画) */
@media (max-width: 1100px) {
  .other_fp_group {
    flex-direction: column;
  }

  .other_fp_strength_area,
  .other_fp_area {
    margin-left: 0;
  }

  .other_fp_strength_area {
    margin-top: 7vw;
  }

  .other_fp_strength_area:first-child {
    margin-top: 0;
  }

  .other_fp_largebox {
    margin-right: auto;
    margin-left: auto;
    max-width: 700px;
    height: auto;
  }

  .other_fp_strength_group {
    flex-direction: column;
  }

  .other_fp_strength_title {
    font-size: 2vw;
  }

  .other_fp_strength_text {
    font-size: 1.5vw;
  }

  .other_fp_image {
    margin-top: 5vw;
  }
}

@media (max-width: 768px) {
  .other_fp_subtitle {
    margin-top: 5vw;
    /* 12px */
    font-size: 3.2vw;
  }

  .other_fp_text {
    /* 10px */
    font-size: 2.66vw;
  }

  .other_fp_content {
    margin-top: 5vw;
  }

  .other_fp_strength_area {
    margin-top: 7vw;
  }

  .other_fp_strength_area:first-child {
    margin-top: 0;
  }

  .other_fp_strength_title {
    /* 12px */
    font-size: 3.2vw;
  }

  .other_fp_strength_text {
    /* 10px */
    font-size: 2.66vw;
  }
}

/* 土地探し */
.other_ls {
  margin-top: min(11.29vw, 140px);
}

.wrapper1240 {
  margin-right: auto;
  margin-left: auto;
  max-width: 1240px;
  width: 86%;
}

.other_ls_content {
  margin-top: min(8.87vw, 110px);
}

.other_ls_content:first-child {
  margin-top: 0;
}

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

.other_ls_area {
  margin-left: 5%;
}

.other_ls_area:first-child {
  margin-left: 0;
}

.other_ls_subtitle {
  margin-top: min(4.03vw, 50px);
  font-size: min(1.61vw, 20px);
}

.other_ls_text {
  margin-top: min(1.61vw, 20px);
  max-width: 600px;
  width: 100%;
  font-size: min(1.11vw, 16px);
}

.other_ls_image {
  object-fit: contain;
}

@media (max-width: 768px) {
  .other_ls_group {
    flex-direction: column;
  }

  .other_ls_subtitle {
    margin-top: 5vw;
    /* 12px */
    font-size: 3.2vw;
  }

  .other_ls_text {
    /* 10px */
    font-size: 2.66vw;
  }
}