@charset "UTF-8";
@media screen and (min-width: 768px), print {
  .main-title {
    background-image: url(../images/modelhouse/h2.jpg); }

  /*============================
  #ibuki
  ============================*/
  #ibuki {
    margin-bottom: 120px; }
    #ibuki .ttl {
      text-align: center;
      margin-bottom: 24px; }
    #ibuki .pic-01 {
      text-align: center;
      margin-bottom: 48px; }
    #ibuki .txt-box {
      width: 900px;
      margin: 0 auto;
      color: #282828;
      font-size: 14px;
      line-height: 2;
      letter-spacing: 0.05em; }
      #ibuki .txt-box .p-mb {
        margin-bottom: 24px; }

  /*============================
  #point
  ============================*/
  #point {
    width: 1100px;
    margin: 0 auto 95px; }
    #point .point-ff-box {
      margin-bottom: 100px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #point .point-ff-box .point-l-box {
        width: 450px;
        margin-right: 45px;
        padding-top: 36px; }
        #point .point-ff-box .point-l-box .ttl-box {
          position: relative;
          margin-bottom: 34px; }
          #point .point-ff-box .point-l-box .ttl-box .ttl-deco {
            position: absolute;
            top: -64px;
            right: 18px;
          }
          #point .point-ff-box .point-l-box .ttl-box .ttl {
            color: #282828;
            font-size: 27px;
            line-height: 2;
            font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
            font-weight: 700;
            letter-spacing: 0.02em; }
        #point .point-ff-box .point-l-box .txt-01 {
          line-height: 2.2;
          font-size: 14px;
          color: #282828;
          margin-bottom: 68px; }
      #point .point-ff-box .point-r-box {
        width: 605px;
        position: relative; }
        #point .point-ff-box .point-r-box .pic-02 {
          margin-bottom: 47px; }
        #point .point-ff-box .point-r-box .pic-03 {
          margin-top:-15px; }

        #point .point-ff-box .point-r-box .deco-txt-01 {
          position: absolute;
          right: 0;
          bottom: 0; }
    #point .point-ff-box-02 {
      margin-bottom: 100px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #point .point-ff-box-02 .point-l-box-02 {
        width: 605px;
        position: relative;
        margin-right: 45px; }
        #point .point-ff-box-02 .point-l-box-02 .pic-04 {
          margin-bottom: 45px; }
        #point .point-ff-box-02 .point-l-box-02 .pic-05 {}
        #point .point-ff-box-02 .point-l-box-02 .deco-txt-02 {
          position: absolute;
          bottom: 0;
          left: 0; }
      #point .point-ff-box-02 .point-r-box-02 {
        padding-top: 54px;
        width: 450px; }
        #point .point-ff-box-02 .point-r-box-02 .ttl-box-02 {
          position: relative; }
          #point .point-ff-box-02 .point-r-box-02 .ttl-box-02 .ttl-deco-02 {
            position: absolute;
            top: -63px;
            right: 54px;
          }
          #point .point-ff-box-02 .point-r-box-02 .ttl-box-02 .ttl-02 {
            color: #282828;
            font-size: 27px;
            line-height: 1.9;
            font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
            font-weight: 700;
            letter-spacing: 0.02em;
            margin-bottom: 38px;
            padding-left: 13px;
          }
        #point .point-ff-box-02 .point-r-box-02 .txt-02 {
          line-height: 2.3;
          font-size: 14px;
          color: #282828;
          margin-bottom: 64px;
          padding-left: 13px;
        }

  /*============================
  #merit
  ============================*/
  #merit .ttl {
    text-align: center;
    margin-bottom: 35px; }
  #merit .bg-box {
    background-image: url(../images/modelhouse/bg-space.jpg), url(../images/modelhouse/bg-01.jpg);
    background-repeat: repeat-x,repeat;
    background-position: 0 bottom,0 0;
  padding-top: 60px;
  }
    #merit .bg-box .merit-list-box {
      width: 1000px;
      margin: 0 auto 88px; }
    #merit .bg-box .merit-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #merit .bg-box .merit-list li {
        position: relative;
        width: 310px;
        margin-right: 35px;
        border: 6px solid #e3e3e3;
        background-color: #fff;
        padding: 16px 0;
      text-align: center;
      }
        #merit .bg-box .merit-list li:nth-child(3n) {
          margin-right: 0; }
      #merit .bg-box .merit-list .num {
        position: absolute;
        left: 16px;
        top: -41px;
      }
      #merit .bg-box .merit-list .list-pic {
        width: 265px;
      margin: 0 auto 30px;
      }
      #merit .bg-box .merit-list .list-txt {
        color: #282828;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0.05em;
        text-align: center; }
  #merit .txt-01 {
    width: 1000px;
    margin: 0 auto;
    color: #282828;
    font-size: 18px;
    font-weight: 700;
    line-height: 2.2;
    text-align: center;
    margin-bottom: 50px; }

  /*============================
  #access
  ============================*/
  #access {
    margin-bottom: 70px; }
    #access .ttl {
      width: 760px;
      margin: 0 auto 40px; }

    #access2 .bg-box {
      width: 1100px;
      margin: 0 auto;
      background-color: #f3f0e9;
      padding: 34px 50px 50px; }
      #access2 .bg-box .ttl-02 {
        text-align: center;
        margin-bottom: 32px; }
        #access2 .bg-box .ttl-02 .en {
          color: #33b399;
          font-family: "Bree Serif";
          font-size: 24px;
          font-weight: 400;
          display: block;
          margin-bottom: 16px; }
        #access2 .bg-box .ttl-02 .jp {
          color: #282828;
          font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
          font-size: 26px;
          font-weight: 700;
          letter-spacing: 0.05em; }
      #access2 .bg-box .bg-box-inner {
        background-color: #ffffff;
        padding: 42px 48px 32px; }
        #access2 .bg-box .bg-box-inner .ff-box {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          -webkit-box-lines: multiple;
          -moz-box-lines: multiple;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          #access2 .bg-box .bg-box-inner .ff-box .box-l {
            width: 395px;
            margin-right: 60px; }
          #access2 .bg-box .bg-box-inner .ff-box .box-r {
            width: 447px; }
            #access2 .bg-box .bg-box-inner .ff-box .box-r .access-txt-box {
              color: #282828;
              font-size: 14px;
              font-weight: 400;
              line-height: 1.6;
              letter-spacing: 0.05em;
              margin-bottom: 32px; }

  .mail-form-ttl {
    text-align: center;
    margin-bottom: 35px; }
    .mail-form-ttl .en {
      color: #37ac7c;
      font-family: "Bree Serif";
      font-size: 24px;
      line-height: 1.8;
      letter-spacing: 0.09em;
      display: block;
      margin-bottom: 8px; }
    .mail-form-ttl .jp {
      color: #282828;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
      font-size: 26px;
      font-weight: 700;
      letter-spacing: 0.05em; }

  #modelhouse .form-Box {
    margin: 0 auto 110px;
    background-image: url(../images/modelhouse/bg-02.jpg); } }
@media screen and (max-width: 767px) {
  /*============================
  #ibuki
  ============================*/
  #ibuki {
    width: 94%;
    margin: 0 auto 10%; }
    #ibuki .ttl {
      width: 64%;
      margin: 0 auto 4%; }
    #ibuki .pic-01 {
      text-align: center;
      margin-bottom: 4%; }
    #ibuki .txt-box {
      width: 100%;
      margin: 0 auto;
      color: #282828;
      font-size: 0.813em;
      line-height: 2;
      letter-spacing: 0.05em; }
      #ibuki .txt-box .p-mb {
        margin-bottom: 1em; }

  /*============================
  #point
  ============================*/
  #point {
    width: 94%;
    margin: 0 auto 12%; }
    #point .point-ff-box {
      margin-bottom: 12%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #point .point-ff-box .point-l-box {
        width: 100%; }
        #point .point-ff-box .point-l-box .ttl-box {
          position: relative;
          margin-bottom: 4%; }
          #point .point-ff-box .point-l-box .ttl-box .ttl-deco {
            width: 28%;
            margin-bottom: 3%;}
          #point .point-ff-box .point-l-box .ttl-box .ttl {
            color: #282828;
            font-size: 1em;
            line-height: 1.8;
            font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
            font-weight: 700;
            letter-spacing: 0.02em; }
        #point .point-ff-box .point-l-box .txt-01 {
          line-height: 2.3;
          font-size: 0.813em;
          color: #282828;
          margin-bottom: 8%; }
      #point .point-ff-box .point-r-box {
        width: 100%;
        position: relative; }
        #point .point-ff-box .point-r-box .deco-txt-01 {
          display: none;
          position: absolute;
          right: 0;
          bottom: 0;
          width: 39%; }
    #point .point-ff-box-02 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #point .point-ff-box-02 .point-l-box-02 {
        width: 100%;
        position: relative; }
        #point .point-ff-box-02 .point-l-box-02 .pic-05 {
          width: 100%;
          margin-left: auto; }
        #point .point-ff-box-02 .point-l-box-02 .deco-txt-02 {
          display: none;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 42%; }
      #point .point-ff-box-02 .point-r-box-02 {
        width: 100%;
        -webkit-box-ordinal-group: -1;
        -moz-box-ordinal-group: -1;
        -webkit-flex-order: -1;
        -moz-flex-order: -1;
        -webkit-order: -1;
        -moz-order: -1;
        order: -1; }
        #point .point-ff-box-02 .point-r-box-02 .ttl-box-02 {
          position: relative;
          margin-bottom: 4%; }
          #point .point-ff-box-02 .point-r-box-02 .ttl-box-02 .ttl-deco-02 {
            width: 28%;
            margin-bottom: 3%;}
          #point .point-ff-box-02 .point-r-box-02 .ttl-box-02 .ttl-02 {
            color: #282828;
            font-size: 1em;
            line-height: 1.8;
            font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
            font-weight: 700;
            letter-spacing: 0.02em; }
        #point .point-ff-box-02 .point-r-box-02 .txt-02 {
          line-height: 2.3;
          font-size: 0.813em;
          color: #282828;
          margin-bottom: 8%; }

  /*============================
  #merit
  ============================*/
  #merit .ttl {
    width: 72%;
    margin: 0 auto 6%; }
  #merit .bg-box {
    background-image: url(../images/modelhouse/bg-01.jpg);
    background-repeat: repeat;
    background-position: 0 0;
    padding: 6% 5% 7%;
    margin-bottom: 6%; }
    #merit .bg-box .merit-list-box {
      width: 100%;
      margin: 0 auto; }
    #merit .bg-box .merit-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #merit .bg-box .merit-list li {
        position: relative;
        width: 100%;
        border: 6px solid #e3e3e3;
        background-color: #fff;
        padding: 4%;
        margin-bottom: 8%; }
        #merit .bg-box .merit-list li:last-child {
          margin-bottom: 0%; }
      #merit .bg-box .merit-list .num {
        position: absolute;
        left: 4%;
        top: -9%;
        width: 23%; }
      #merit .bg-box .merit-list .list-pic {
        width: 100%;
        margin-bottom: 4%;
        text-align: center; }
      #merit .bg-box .merit-list .list-txt {
        color: #282828;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        font-size: 0.938em;
        font-weight: 700;
        line-height: 1.6;
        letter-spacing: 0.05em;
        text-align: center; }
  #merit .txt-01 {
    width: 90%;
    margin: 0 auto;
    color: #282828;
    font-size: 0.875em;
    font-weight: 700;
    line-height: 2;
    margin-bottom: 10%; }

  /*============================
  #access
  ============================*/
  #access {
    margin-bottom: 8%; }
    #access .ttl {
      width: 88%;
      margin: 0 auto 6vw; }

    #access2 .bg-box {
      width: 100%;
      margin: 0 auto;
      background-color: #f3f0e9;
      padding: 6% 3% 7%; }
      #access2 .bg-box .ttl-02 {
        text-align: center;
        margin-bottom: 5%; }
        #access2 .bg-box .ttl-02 .en {
          color: #33b399;
          font-family: "Bree Serif";
          font-size: 1.125em;
          font-weight: 400;
          display: block;
          margin-bottom: 3%; }
        #access2 .bg-box .ttl-02 .jp {
          color: #282828;
          font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
          font-size: 1.125em;
          font-weight: 700;
          letter-spacing: 0.05em; }
      #access2 .bg-box .bg-box-inner {
        background-color: #ffffff;
        padding: 6% 3% 7%; }
        #access2 .bg-box .bg-box-inner .ff-box {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          -webkit-box-lines: multiple;
          -moz-box-lines: multiple;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          #access2 .bg-box .bg-box-inner .ff-box .box-l {
            width: 100%;
            margin-bottom: 5%; }
          #access2 .bg-box .bg-box-inner .ff-box .box-r {
            width: 100%; }
            #access2 .bg-box .bg-box-inner .ff-box .box-r .access-txt-box {
              color: #282828;
              font-size: 0.813em;
              font-weight: 400;
              line-height: 1.6;
              letter-spacing: 0.05em;
              margin-bottom: 6%; }

  .mail-form-ttl {
    text-align: center;
    margin-bottom: 4%; }
    .mail-form-ttl .en {
      color: #37ac7c;
      font-family: "Bree Serif";
      font-size: 1em;
      line-height: 1.8;
      letter-spacing: 0.09em;
      display: block;
      margin-bottom: 1%; }
    .mail-form-ttl .jp {
      color: #282828;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
      font-size: 1.125em;
      font-weight: 700;
      letter-spacing: 0.05em; }

  #modelhouse .form-Box { width: 100%; margin: 0 auto 5%; padding: 4% 3%; line-height: 1.6; background-image: url(../images/modelhouse/bg-02.jpg); }

  }