body {
  background-color: #fff; }

#lxl-contents {
  background: none;
  background-color: #fff; }

@media screen and (max-width: 767px) {
  #ventilation {
    font-size: 95%; } }

#ventilation p, #ventilation h2, #ventilation h3, #ventilation h4 {
  text-align: left; }

#ventilation .content-wrap {
  width: 948px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 767px) {
    #ventilation .content-wrap {
      width: 100%;
      padding-left: 2.66%;
      padding-right: 2.66%;
      box-sizing: border-box; } }

#ventilation h1 {
  margin-bottom: 30px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    #ventilation h1 {
      margin-bottom: 3.85%; } }
  #ventilation h1 img {
    width: 100%;
    height: auto; }

#ventilation nav {
  margin-bottom: 22px; }
  @media screen and (max-width: 767px) {
    #ventilation nav {
      margin-bottom: 3.85%; } }
  #ventilation nav ul:after {
    content: "";
    display: table;
    clear: both; }
  #ventilation nav ul li {
    width: 300px;
    height: 99px;
    margin-right: 15px;
    position: relative;
    float: left;
    box-sizing: border-box; }
    @media screen and (max-width: 767px) {
      #ventilation nav ul li {
        width: 29.4%;
        height: 51px;
        margin-right: 1.5%; } }
    #ventilation nav ul li:nth-child(1) {
      color: #fff; }
      #ventilation nav ul li:nth-child(1) .wrap {
        background-color: #0786BD; }
      #ventilation nav ul li:nth-child(1) .wrap .arrow .core:after {
        border-left: 20px solid #0786BD; }
        @media screen and (max-width: 767px) {
          #ventilation nav ul li:nth-child(1) .wrap .arrow .core:after {
            border-left: 8px solid #0786BD; } }
    #ventilation nav ul li:nth-child(2) {
      width: 1px;
      background-color: #bfbfbf; }
    #ventilation nav ul li:nth-child(3) {
      color: #fff; }
      #ventilation nav ul li:nth-child(3) .wrap {
        background-color: #1FA6A9; }
      #ventilation nav ul li:nth-child(3) .wrap .arrow .core:after {
        border-left: 20px solid #1FA6A9; }
        @media screen and (max-width: 767px) {
          #ventilation nav ul li:nth-child(3) .wrap .arrow .core:after {
            border-left: 8px solid #1FA6A9; } }
    #ventilation nav ul li:nth-child(4) {
      color: #fff; }
      @media screen and (max-width: 767px) {
        #ventilation nav ul li:nth-child(4) {
          width: 36.3%; } }
      #ventilation nav ul li:nth-child(4) .wrap {
        border: 2px solid #B7834A; }
        #ventilation nav ul li:nth-child(4) .wrap .arrow .core {
          background-color: #B7834A; }
        #ventilation nav ul li:nth-child(4) .wrap p {
          color: #B7834A; }
    #ventilation nav ul li:last-child {
      margin-right: 0; }
    #ventilation nav ul li .wrap {
      display: table;
      table-layout: fixed;
      width: 300px;
      height: 99px;
      padding-left: 11px;
      box-sizing: border-box;
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 0;
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 767px) {
        #ventilation nav ul li .wrap {
          width: 100%;
          height: 51px;
          padding-left: 5%; } }
      #ventilation nav ul li .wrap:link, #ventilation nav ul li .wrap:visited, #ventilation nav ul li .wrap:hover, #ventilation nav ul li .wrap:active {
        color: #fff; }
      #ventilation nav ul li .wrap .arrow {
        display: table-cell;
        width: 46px;
        vertical-align: middle; }
        @media screen and (max-width: 767px) {
          #ventilation nav ul li .wrap .arrow {
            width: 18px; } }
        #ventilation nav ul li .wrap .arrow .core {
          width: 46px;
          height: 46px;
          position: relative;
          border-radius: 46px;
          background-color: #fff; }
          @media screen and (max-width: 767px) {
            #ventilation nav ul li .wrap .arrow .core {
              width: 18px;
              height: 18px; } }
          #ventilation nav ul li .wrap .arrow .core:after {
            content: "";
            display: block;
            position: absolute;
            left: 68%;
            top: 50%;
            z-index: 0;
            transform: translate(-50%, -50%);
            box-sizing: border-box;
            width: 20px;
            height: 20px;
            border: 12px solid transparent;
            border-left: 20px solid #fff; }
            @media screen and (max-width: 767px) {
              #ventilation nav ul li .wrap .arrow .core:after {
                width: 8px;
                height: 8px;
                border: 5px solid transparent;
                border-left: 8px solid #fff; } }
      #ventilation nav ul li .wrap p {
        display: table-cell;
        padding-left: 11px;
        line-height: 1.4;
        vertical-align: middle; }
        @media screen and (max-width: 767px) {
          #ventilation nav ul li .wrap p {
            padding-left: 5px; } }
        #ventilation nav ul li .wrap p br {
          display: none; }
          @media screen and (max-width: 767px) {
            #ventilation nav ul li .wrap p br {
              display: inline; } }
        #ventilation nav ul li .wrap p span {
          display: block;
          font-size: 26px;
          font-weight: bold; }
          @media screen and (max-width: 767px) {
            #ventilation nav ul li .wrap p span {
              margin-bottom: 1px;
              font-size: 12px; } }
          #ventilation nav ul li .wrap p span.exp {
            font-size: 15px;
            font-weight: normal; }
            @media screen and (max-width: 767px) {
              #ventilation nav ul li .wrap p span.exp {
                font-size: 10px;
                line-height: 1.1; } }

#ventilation #color-wrap {
  padding: 22px;
  margin-bottom: 45px;
  background-color: #B7834A; }
  @media screen and (max-width: 767px) {
    #ventilation #color-wrap {
      padding: 3%;
      margin-bottom: 4%; } }
  #ventilation #color-wrap .area-wrap {
    padding: 33px 0px 0px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 20px; }
    @media screen and (max-width: 767px) {
      #ventilation #color-wrap .area-wrap {
        padding: 8% 0px 0px;
        border-radius: 10px; } }
    #ventilation #color-wrap .area-wrap:last-child {
      margin-bottom: 0; }
    #ventilation #color-wrap .area-wrap h3 {
      padding-left: 40px;
      margin-left: 26px;
      background: url(../pic/apartment/ventilation_img16_2x.png) no-repeat 0 0;
      background-size: 33px 33px;
      font-size: 190%;
      font-weight: bold;
      line-height: 1.2; }
      @media screen and (max-width: 767px) {
        #ventilation #color-wrap .area-wrap h3 {
          padding-left: 23px;
          margin-left: 16px;
          background-size: 20px 20px;
          font-size: 140%; } }
    #ventilation #color-wrap .area-wrap img {
      width: 100%;
      height: auto; }

#ventilation .point-wrap .point {
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media screen and (max-width: 767px) {
    #ventilation .point-wrap .point {
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 6%;
      padding-bottom: 6%; } }
  #ventilation .point-wrap .point:nth-child(2n) {
    background-color: #B7834A0D; }
  #ventilation .point-wrap .point h4 {
    font-size: 150%;
    font-weight: bold;
    color: #B7834A; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point h4 {
        margin-bottom: 1%;
        font-size: 120%; } }
  #ventilation .point-wrap .point p {
    margin-bottom: 20px;
    font-size: 100%;
    line-height: 1.8; }
  #ventilation .point-wrap .point .img-wrap:after {
    content: "";
    display: table;
    clear: both; }
  #ventilation .point-wrap .point .img-wrap .img {
    float: left; }
    #ventilation .point-wrap .point .img-wrap .img img {
      width: 100%;
      height: auto; }
  #ventilation .point-wrap .point .split {
    padding-top: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #B7834A; }
  #ventilation .point-wrap .point #img-wrap1 .img:nth-child(1) {
    width: 430px;
    margin-right: 0; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap1 .img:nth-child(1) {
        width: 74%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10%;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap1 .img:nth-child(2) {
    width: 415px;
    float: right; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap1 .img:nth-child(2) {
        width: 68%;
        margin-left: auto;
        margin-right: auto;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap2 .img:nth-child(1) {
    width: 534px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap2 .img:nth-child(1) {
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap3 .img:nth-child(1) {
    width: 534px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap3 .img:nth-child(1) {
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap4 .img:nth-child(1) {
    width: 535px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap4 .img:nth-child(1) {
        width: 87.7%;
        margin-left: auto;
        margin-right: auto;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap5 .img:nth-child(1) {
    width: 599px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap5 .img:nth-child(1) {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap6 .img:nth-child(1) {
    width: 590px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap6 .img:nth-child(1) {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap7 .img:nth-child(1) {
    width: 600px;
    margin-bottom: 35px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap7 .img:nth-child(1) {
        width: 98.3%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 6%;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap7 .img:nth-child(2) {
    width: 262px;
    padding-top: 48px;
    margin-left: -10px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap7 .img:nth-child(2) {
        width: 57.5%;
        padding-top: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 6%;
        transform: translate(-5%, 0);
        float: none; } }
  #ventilation .point-wrap .point #img-wrap7 .img:nth-child(3) {
    width: 339px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap7 .img:nth-child(3) {
        width: 60.5%;
        margin-left: auto;
        margin-right: auto;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap8 .img:nth-child(1) {
    width: 556px;
    margin-right: 20px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap8 .img:nth-child(1) {
        width: 91.3%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 6%;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap8 .img:nth-child(2) {
    width: 240px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap8 .img:nth-child(2) {
        width: 39.3%;
        margin-left: auto;
        margin-right: auto;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap9 .img:nth-child(1) {
    width: 712px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap9 .img:nth-child(1) {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap10 .img:nth-child(1) {
    width: 414px;
    margin-right: 20px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap10 .img:nth-child(1) {
        width: 67.86%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 6%;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap10 .img:nth-child(2) {
    width: 365px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap10 .img:nth-child(2) {
        width: 59.83%;
        margin-left: auto;
        margin-right: auto;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap11 .img:nth-child(1) {
    width: 714px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap11 .img:nth-child(1) {
        width: 68.52%;
        margin-left: auto;
        margin-right: auto;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap12 .img:nth-child(1) {
    width: 366px;
    margin-right: 16px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap12 .img:nth-child(1) {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5%;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap12 .img:nth-child(2) {
    width: 469px;
    padding-top: 96px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap12 .img:nth-child(2) {
        width: 90%;
        padding-top: 0;
        margin-left: auto;
        margin-right: auto;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap13 .img:nth-child(1) {
    width: 366px;
    margin-right: 16px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap13 .img:nth-child(1) {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5%;
        float: none; } }
  #ventilation .point-wrap .point #img-wrap13 .img:nth-child(2) {
    width: 388px;
    padding-top: 96px; }
    @media screen and (max-width: 767px) {
      #ventilation .point-wrap .point #img-wrap13 .img:nth-child(2) {
        width: 63.27%;
        padding-top: 0;
        margin-left: auto;
        margin-right: auto;
        float: none; } }

#ventilation #nav-btm {
  margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    #ventilation #nav-btm {
      margin-bottom: 12%; } }

#ventilation #relation-links h2 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
  border-bottom: 3px solid #ef7a00; }
  @media screen and (max-width: 767px) {
    #ventilation #relation-links h2 {
      padding-bottom: 2%;
      margin-bottom: 2%;
      font-size: 120%;
      border-bottom: 2px solid #ef7a00; } }

#ventilation #relation-links p {
  margin-bottom: 25px;
  font-size: 15px; }
  @media screen and (max-width: 767px) {
    #ventilation #relation-links p {
      margin-bottom: 5%;
      font-size: 100%; } }

#ventilation #relation-links .linkimg {
  display: block;
  width: 408px; }
  @media screen and (max-width: 767px) {
    #ventilation #relation-links .linkimg {
      width: 57.46%;
      margin-left: auto;
      margin-right: auto; } }
  #ventilation #relation-links .linkimg img {
    width: 100%;
    height: auto; }