@charset "utf-8";
/* ============================================
  会社概要
============================================ */

/* ============================================
  代表あいさつ
============================================ */

.section-company01 {}

.section-company01 .greetingArea {
  position: relative;
  padding: 0 0 0 86px;
}

.section-company01 .textBox {
  width: 625px;
}

.section-company01 .textBox>.heading {
  color: #0066d7;
  font-size: 2.2rem;
}

.section-company01 .textBox>.text {
  font-size: 1.8rem;
  line-height: 1.6;
  margin-top: 1.6em;
}

.section-company01 .img {
  position: absolute;
  top: -30px;
  right: 90px;
  width: 410px;
}

.section-company01 .img img {
  display: block;
  width: 100%;
}

@media(max-width:767px) {
  .section-company01 {}
  .section-company01 .greetingArea {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .section-company01 .textBox {
    order: 2;
    width: 100%;
    margin: calc(50/750*100vw) auto 0;
  }
  .section-company01 .textBox>.heading {
    font-size: 2.4rem;
  }
  .section-company01 .textBox>.text {
    font-size: 2.4rem;
  }
  .section-company01 .img {
    order: 1;
    position: static;
    top: unset;
    right: unset;
    width: calc(480/750*100vw);
    margin: 0 auto;
  }
  .section-company01 .img img {
    display: block;
    width: 100%;
  }
}

/* ============================================
  会社紹介
============================================ */

.section-company02 {}

.section-company02 .infoArea {
  width: 1100px;
  margin: 0 auto;
}

.section-company02 .infoArea>.row {
  display: flex;
  background: url(../img/line_dotted01.svg) repeat-x 0 bottom;
  padding: 15px 24px;
}

.section-company02 .infoArea .title {
  flex: 0 0 auto;
  position: relative;
  color: #0066d7;
  font-size: 1.8rem;
  width: 228px;
  padding: 0 0 0 30px;
}

.section-company02 .infoArea .title::before {
  content: "";
  position: absolute;
  top: .5em;
  left: 0;
  background-color: #f7f000;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.section-company02 .infoArea .data {
  font-size: 1.8rem;
}

@media(max-width:767px) {
  .section-company02 {}
  .section-company02 .infoArea {
    width: 100%;
  }
  .section-company02 .infoArea>.row {
    flex-direction: column;
    background-size: contain;
    padding: calc(15/750*100vw) calc(24/750*100vw);
  }
  .section-company02 .infoArea .title {
    font-size: 2.4rem;
    width: 100%;
    padding: 0 0 0 calc(30/750*100vw);
  }
  .section-company02 .infoArea .title::before {
    top: .5em;
    width: calc(16/750*100vw);
    height: calc(16/750*100vw);
  }
  .section-company02 .infoArea .data {
    font-size: 2.4rem;
    margin-top: .8em;
  }
  .section-company02 .infoArea .data-history .spacer {
    display: inline-block;
    width: 8.25em;
  }
}

/* ============================================
  アクセス
============================================ */

.section-company03 {}

.section-company03 .mapArea {
  width: 1100px;
  margin: 0 0 0 86px;
}

.section-company03 .mapArea .map {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.section-company03 .mapArea .map::before {
  content: "";
  display: block;
  padding-top: 35.6363%;
}

.section-company03 .mapArea .map>iframe {
  position: absolute;
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);
  width: 100%;
  height: calc(100% + 300px);
}

.section-company03 .mapArea .textBox {
  margin: 30px auto 0;
}

.section-company03 .mapArea .address {
  font-size: 1.8rem;
}

.section-company03 .mapArea .access {
  position: relative;
  margin-top: 25px;
  padding: 0 0 0 20px;
}

.section-company03 .mapArea .access::before {
  content: "";
  position: absolute;
  top: .5em;
  left: 0;
  background: #0066d7;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

@media(max-width:767px) {
  .section-company03 {}
  .section-company03 .mapArea {
    width: 100%;
    margin: 0 auto;
  }
  .section-company03 .mapArea .map::before {
    padding-top: 55.71428571%;
  }
  .section-company03 .mapArea .textBox {
    margin: calc(15/750*100vw) auto 0;
  }
  .section-company03 .mapArea .address {
    font-size: 2.4rem;
  }
  .section-company03 .mapArea .access {
    margin: calc(15/750*100vw) auto 0;
    padding: 0 0 0 calc(25/750*100vw);
  }
  .section-company03 .mapArea .access::before {
    width: calc(12/750*100vw);
    height: calc(12/750*100vw);
  }
}

/* ============================================
  事業内容
============================================ */

/* ============================================
  宅地開発事業
============================================ */

.section-business01 {}

.section-business01 .column {
  display: flex;
  flex-wrap: wrap;
  padding-left: 15px;
}

.section-business01 .img {
  flex: 0 0 auto;
  width: 698px;
}

.section-business01 .img img {
  display: block;
  width: 100%;
}

.section-business01 .textBox {
  flex: 0 0 auto;
  width: 492px;
  margin-left: 50px;
}

.section-business01 .textBox .text {
  font-size: 1.8rem;
}

.section-business01 .textBox .text+.text {
  margin-top: 1.75em;
}

@media(max-width: 767px) {
  .section-business01 {}
  .section-business01 .column {
    padding: 0 calc(15/750*100vw);
  }
  .section-business01 .img {
    width: 100%;
  }
  .section-business01 .img img {
    display: block;
    width: 100%;
  }
  .section-business01 .textBox {
    width: 100%;
    margin: 0 auto;
  }
  .section-business01 .textBox .text {
    font-size: 2.4rem;
    line-height: 1.6;
    margin-top: 1.6em;
  }
}

/* ============================================
  宅地分譲事業
============================================ */

.section-business02 {
  position: relative;
}

.section-business02 .column {
  display: flex;
  flex-wrap: wrap;
  padding: 0 80px 150px;
}

.section-business02 .img img {
  display: block;
  width: 100%;
}

.section-business02 .img_1 {
  width: 424px;
}

.section-business02 .img_2 {
  position: absolute;
  bottom: 0;
  left: 606px;
  width: 606px;
}

.section-business02 .textBox {
  width: 636px;
  margin-left: 60px;
}

@media(max-width:767px) {
  .section-business02 {
    position: relative;
  }
  .section-business02 .column {
    padding: 0;
  }
  .section-business02 .img img {
    display: block;
    width: 100%;
  }
  .section-business02 .img_1 {
    width: calc(550/750*100vw);
    margin: 0 auto;
  }
  .section-business02 .img_2 {
    position: static;
    bottom: unset;
    left: unset;
    width: calc(650/750*100vw);
    margin: calc(50/750*100vw) auto 0;
  }
  .section-business02 .textBox {
    width: 100%;
    margin: 1em auto 0;
  }
}

/* ============================================
  空き家・空き地再生事業
============================================ */

.section-business03 {}

.section-business03 .column {
  padding-left: 80px;
}

.section-business03 .img {
  width: 1058px;
}

.section-business03 .img img {
  display: block;
  width: 100%;
}

.section-business03 .textBox .text {
  font-size: 1.8rem;
  margin-top: 1.75em;
}

@media(max-width: 767px) {
  .section-business03 {}
  .section-business03 .column {
    padding: 0;
  }
  .section-business03 .img {
    width: calc(550/750*100vw);
    margin: 0 auto;
  }
  .section-business03 .textBox .text {
    font-size: 2.4rem;
    line-height: 1.6;
    margin-top: 1.6em;
  }
}

/* ============================================
  その他事業
============================================ */

.section-business04 {}

.section-business04 .column {
  display: flex;
  flex-wrap: wrap;
  padding-left: 80px;
}

.section-business04 .textBox {
  width: 384px;
}

.section-business04 .textBox .text {
  font-size: 1.8rem;
  margin-top: 1.75em;
}

.section-business04 .textBox .text-l {
  color: #0066d7;
  font-size: 2.4rem;
  margin-top: 0;
}

.section-business04 .img {
  flex: 0 0 auto;
  width: 670px;
  margin-left: 86px;
}

.section-business04 .img img {
  display: block;
  width: 100%;
}

@media(max-width:767px) {
  .section-business04 {}
  .section-business04 .column {
    padding: 0;
  }
  .section-business04 .textBox {
    width: 100%;
  }
  .section-business04 .textBox .text {
    font-size: 2.4rem;
    line-height: 1.6;
    margin-top: 1.6em;
  }
  .section-business04 .textBox .text-l {
    color: #0066d7;
    font-size: 2.8rem;
    line-height: 1.75;
    margin-top: 0;
  }
  .section-business04 .img {
    width: 100%;
    margin: calc(40/750*100vw) auto 0;
  }
}