@charset "UTF-8";

@media screen and (max-width: 767px) {
  .business-contents {
    width: 100%;
    margin: 0;
    padding: 0;
    padding-bottom: 22.4vw;
  }
  .business-box .business-box-title {
    padding-bottom: 8.533333333333333vw;
  }
  .business-box .business-box-title h2 {
    padding-left: 5.333333333333333vw;
    padding-bottom: 2.1333333333333333vw;
    font-family: 'Noto Serif JP', serif;
    font-size: 4.533333333333333vw;
    font-weight: 600;
  }
  .business-box .business-box-title h2 span {
    color: #245428;
    font-size: 6.666666666666667vw;
    font-weight: 600;
    padding-right: 1.0666666666666667vw;
  }
  .business-box .business-box-title p {
    padding-left: 2.6666666666666665vw;
    display: flex;
    align-items: center;
    gap: 2.1333333333333333vw;
    color: #245428;
    font-size: 4vw;
    font-weight: 600;
  }
  .business-box .business-box-title p::before {
    content: '';
    border: 1px solid #245428;
    width: 5.333333333333333vw;
  }
  .business-catch {
    padding: 0 5.333333333333333vw 6.4vw;
  }
  .business-catch p {
    color: #245428;
    font-family: 'Noto Serif JP', serif;
    font-size: 4.266666666666667vw;
    font-weight: 700;
    line-height: 2;
  }
  .business-text {
    padding: 0 5.333333333333333vw 8.533333333333333vw;
  }
  .business01 {
    margin-bottom: 13.866666666666667vw;
  }
  .business01-img {
    padding: 0 5.333333333333333vw;
    display: block;
  }
  .hankyu {
    padding-bottom: 6.4vw;
  }
  .business01-img img {
    padding-bottom: 3.2vw;
    width: 84vw;
    height: 44vw;
  }
  .business2-flex {
    padding: 15.2vw 5.333333333333333vw 8.533333333333333vw;
    display: block;
  }
  .business02-text {
    width: 100%;
  }
  .business02-text-title p {
    padding-bottom: 5.333333333333333vw;
    display: flex;
    gap: 2.1333333333333333vw;
    align-items: center;
    color: #245428;
    font-family: 'Noto Serif JP', serif;
    font-size: 4vw;
    font-weight: 700;
  }
  .business02-text-title p::before {
    content: '';
    width: 5.333333333333333vw;
    border-bottom: 2px solid #245428;
  }
  .apartment {
    border-top: 1px dashed #dedede;
    border-bottom: 1px dashed #dedede;
  }
  .tenant {
    border-bottom: 1px dashed #dedede;
  }
  .apartment .business02-img {
    position: relative;
  }
  .apartment .business02-img::after {
    position: absolute;
    content: 'rental apartment';
    color: rgba(36, 84, 40, 0.1);
    font-family: Crimson Text;
    font-size: 7.466666666666667vw;
    font-weight: 700;
    bottom: 39.86666666666667vw;
    left: 24.53333333333333vw;
    z-index: 10;
  }
  .apartment .business02-img img {
    width: 84vw;
    height: 39.06666666666666vw;
    padding-bottom: 5.333333333333333vw;
  }
  .tenant .business02-img {
    position: relative;
  }
  .tenant .business02-img::after {
    position: absolute;
    content: 'tenant business';
    color: rgba(36, 84, 40, 0.1);
    font-family: Crimson Text;
    font-size: 7.466666666666667vw;
    font-weight: 700;
    bottom: 39.86666666666667vw;
    left: 30.53333333333333vw;
    z-index: 10;
  }
  .tenant .business02-img img {
    width: 84vw;
    height: 39.06666666666666vw;
    padding-bottom: 5.333333333333333vw;
  }
  .parking .business02-img {
    position: relative;
  }
  .parking .business02-img::after {
    position: absolute;
    content: 'parking for tenant';
    color: rgba(36, 84, 40, 0.1);
    font-family: Crimson Text;
    font-size: 7.466666666666667vw;
    font-weight: 700;
    bottom: 33.86666666666667vw;
    left: 19.53333333333333vw;
    z-index: 10;
  }
  .parking .business02-img img {
    width: 84vw;
    height: 33.2vw;
    padding-bottom: 5.333333333333333vw;
  }
}