/* @group Commercial
------------------------------------ */
.page-nav { margin: 0 0 7.7rem; }
.commercial-main { margin: 0 0 3.5rem; position: relative; }
.commercial-main::before { content: ''; position: absolute; top: calc(50% - 12rem); left: 0; width: 100%; height: 24rem; background: rgba(237,248,251,1); }
.commercial-main section { margin-bottom: 9.6rem; }
.commercial-main aside .img-box { height: 58.2rem; }
.commercial-main article h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; line-height: 1.5em; }
.commercial-main article h4 { color: rgba(21,45,90,1); font-size: 1.6em; line-height: 2.575em; }

.commercial-main article p,
.commercial-main article li { color: rgba(0,100,167,1); font-size: 1.6em; letter-spacing: 0.77px; line-height: 2.575em; }
.commercial-main article li a { color: rgba(0,100,167,1); }
.commercial-main article ul:not(.contact),
.commercial-main article ol:not(.contact),
.commercial-main article p { margin: 0 0 3.6rem; }
.commercial-main article ol:not(.contact) li { list-style: decimal outside none; }
.commercial-main article ul:not(.contact) li { text-indent: -.7em; padding-right: .7em; }
.commercial-main article ul:not(.contact) li::before { content: '•'; padding-right: .7em; }
.commercial-main article ol:last-child,
.commercial-main article ul:last-child,
.commercial-main article p:last-child { margin: 0; }

.commercial-main article .contact { margin: 0 0 8.3rem; }
.commercial-main article .contact li { letter-spacing: 0.3px; position: relative; }
.commercial-main .contact li i { color: rgba(0,178,221,1); font-size: 1.143em; position: absolute; left: -2.1rem; margin-top: 1rem; }
.commercial-main .contact li .icon-Artboard-Copy-27 { font-size: 1.429em; left: -2.9rem; margin-top: .65rem; }
@media only screen
and (min-width : 961px) {
  .commercial-main article .contact li { display: inline-block; margin-right: 10rem; }
  .commercial-main article .contact li:last-child { margin-right: 0; }
  .commercial-main .land-sale article { padding-left: 1.5rem; }
  .commercial-main .bttn { padding: 2.5rem 3.9rem; }

  .commercial-main aside .img-box,
  .commercial-main article h2,
  .commercial-main article h4,
  .commercial-main article p,
  .commercial-main article li,
  .commercial-main article .bttn-container { opacity: 0; visibility: hidden; }
  .commercial-main.animateActive aside .img-box,
  .commercial-main.animateActive article h2,
  .commercial-main.animateActive article h4,
  .commercial-main.animateActive article p,
  .commercial-main.animateActive article li,
  .commercial-main.animateActive .bttn-container { animation: textUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; }
  .commercial-main.animateActive article h2 { animation-delay: .4s; }
  .commercial-main.animateActive article h4 { animation-delay: .6s; }
  .commercial-main.animateActive article p { animation-delay: .8s; }
  .commercial-main.animateActive article li { animation-delay: 1s; }
  .commercial-main.animateActive article li:nth-child(2) { animation-delay: 1.2s; }
  .commercial-main.animateActive .bttn-container { animation-delay: 1.4s; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .page-header { margin-bottom: 8.4rem; }
  .commercial-main { margin: 0 0 11.5rem; }
  .commercial-main::before { top: calc(50% - 27.95rem); height: 55.9rem; }
  .commercial-main section { margin-bottom: 5rem; }
  .commercial-main section:last-child { margin-bottom: 0; }
  .commercial-main aside { padding: 0 5.4rem 0 5.7rem; }
  .commercial-main aside .img-box { height: 62.1rem; }
  .commercial-main aside:first-child .img-box { margin: 0 0 8.1rem; }

  .commercial-main article { padding: 0 6rem 0 9rem; }
  .commercial-main article h2 { font-size: 5em; letter-spacing: 1.07px; line-height: 1.040em; }
  .commercial-main article h4 { font-size: 2.6em; line-height: 1.848em; }
  .commercial-main article p,
  .commercial-main article li { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.848em; }
  .commercial-main article p { line-height: 1.694em; }
  .commercial-main article ul:not(.contact),
  .commercial-main article ol:not(.contact),
  .commercial-main article p { margin: 0 0 3.3rem; }
  .commercial-main article .contact,
  .commercial-main article .contact:last-child { margin: 0 0 6.7rem; }
  .commercial-main article .contact li { letter-spacing: 0.56px; display: inline-block; margin-right: 7.5rem; }
  .commercial-main article .contact li:last-child { margin-right: 0; }
  .commercial-main .contact li i { font-size: .962em; left: -3.5rem; margin-top: 1.2rem; }
  .commercial-main .contact li .icon-Artboard-Copy-27 { font-size: 1.077em; left: -3.7rem; margin-top: 1rem; }
  .commercial-main article .bttn { margin: 0 0 8.8rem; padding: 2.6rem 4rem; }
}
/* @end */