@charset "UTF-8";
main {
  margin: 0;
  padding: 0; }
  main h2 {
    padding: 120px 0 50px; }

@media screen and (max-width: 999px) {
  main {
    padding: 84px 0 0 0; } }
@media screen and (max-width: 768px) {
  main {
    padding: 84px 0 0 0; }
    main h2 {
      padding: 80px 0 30px; } }
@media screen and (max-width: 480px) {
  main {
    padding: 64px 0 0 0; }
    main h2 {
      padding: 80px 0 30px; } }
/* ==========================================================================

  Main Visual

========================================================================== */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%; }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 100%; }

.rslides img {
  width: 100%;
  display: block;
  height: auto;
  float: left;
  border: 0; }

.rslides li > div {
  padding: 31.25% 0 0 0; }

.mv01 {
  background-image: url(../img/mv_tenji_pc.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover; }

.mv02 {
  background-image: url(../img/mv_kosaka111_pc.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover; }

.mv03 {
  background-image: url(../img/mv_heimnoie_pc.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover; }

.mv04 {
  background-image: url(../img/mv_bunjyochi_pc.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover; }

.mv05 {
  background-image: url(../img/mv_20200424_pc.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover; }

.mv06 {
  background-image: url(../img/mv_20200501_pc.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover; }

.rslides li {
  text-indent: -9999px; }

#index #mv a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.btn-bunjyo-01 {
  position: absolute;
  top: 10%;
  left: 27%;
  width: 32%; }

.btn-bunjyo-02 {
  position: absolute;
  top: 10%;
  left: 64%;
  width: 32%; }

#index #bnr-cp {
  max-width: 1000px;
  margin: 0 auto;
  padding: 2em 2% 0 2%; }

@media screen and (max-width: 768px) {
  .rslides li > div {
    padding: 66.66% 0 0 0; }

  .mv01 {
    background-image: url(../img/mv_tenji_sp.jpg); }

  .mv02 {
    background-image: url(../img/mv_kosaka111_sp.jpg); }

  .mv03 {
    background-image: url(../img/mv_heimnoie_sp.jpg); }

  .mv04 {
    background-image: url(../img/mv_bunjyochi_sp.jpg); }

  .mv05 {
    background-image: url(../img/mv_20200424_sp.jpg); }

  .mv06 {
    background-image: url(../img/mv_20200501_sp.jpg); }

  .rslides li .mv-txt {
    padding: 0 10% 0;
    letter-spacing: 0em;
    line-height: 1.5em;
    font-size: 1em; }

  #index .mv-txt a {
    width: 100%;
    margin: 10px 0 0;
    padding: 5px; }

  .btn-bunjyo-01 {
    top: 0;
    left: 0%;
    width: 50%; }

  .btn-bunjyo-02 {
    top: 0;
    left: 50%;
    width: 50%; }

  #index #bnr-cp {
    width: 96%;
    max-width: auto;
    margin: 0 2%;
    padding: 1em 0 0 0; } }
/* ==========================================================================

	インフォメーション

========================================================================== */
#information li {
  font-size: 0.88em; }

#information li dl {
  padding: 0 2%; }

#information li dt {}
  
#information li dd {
  padding: 24px 0 10px; }

/* ==========================================================================

	セキスイハイムの特長

========================================================================== */
#features {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-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;
  margin: 150px 0 0 0;
  background: #03436e; }
  #features .contents-features-txt {
    width: 50%;
    float: left; }
    #features .contents-features-txt .contents-features-txt-inner {
      width: 600px;
      padding: 0 140px 0 0;
      text-align: left;
      float: right;
      color: #FFFFFF; }
      #features .contents-features-txt .contents-features-txt-inner h2 {
        text-align: left;
        margin: 0;
        padding: 20% 0 50px 0; }
      #features .contents-features-txt .contents-features-txt-inner p {
        line-height: 1.8; }
  #features .contents-features-img {
    background: #03436e;
    width: 50%;
    float: right; }
  #features .btn02 {
    display: none; }

@media screen and (max-width: 1200px) {
  #features {
    display: block; }
    #features .contents-features-txt {
      width: 60%; }
      #features .contents-features-txt .contents-features-txt-inner {
        width: 100%;
        padding: 0 30px; }
        #features .contents-features-txt .contents-features-txt-inner h2 {
          padding: 30px 0 20px 0; }
        #features .contents-features-txt .contents-features-txt-inner .arrow-v2_01 {
          margin: 20px 0 30px; }
    #features .contents-features-img {
      width: 40%; } }
@media screen and (max-width: 768px) {
  #features {
    margin: 50px 0 0 0;
    padding: 0 0 40px; }
    #features .contents-features-txt {
      width: 100%;
      float: none;
      text-align: center; }
      #features .contents-features-txt .contents-features-txt-inner {
        width: 96%;
        margin: 0 2%;
        padding: 0 0 20px 0;
        text-align: left;
        float: right;
        color: #FFFFFF; }
        #features .contents-features-txt .contents-features-txt-inner h2 {
          text-align: center;
          margin: 0;
          padding: 40px 0 20px 0; }
        #features .contents-features-txt .contents-features-txt-inner .arrow-v2_01 {
          margin: 0; }
        #features .contents-features-txt .contents-features-txt-inner p {
          line-height: 1.8; }
    #features .contents-features-img {
      width: 96%;
      float: none;
      margin: 0 2%; }
    #features .btn01 {
      display: none; }
    #features .btn02 {
      display: block; }
    #features .arrow-v2_01 {
      width: 80%;
      margin: 30px auto 0; } }
/* ==========================================================================

	住宅展示場に行く

========================================================================== */
#tenji {
  text-align: center; }

#contents-tenji {
  padding: 60px 0 60px 0;
  height: auto; }
  #contents-tenji .contents-tenji-01 a {
    display: block;
    float: left;
    color: #FFFFFF;
    width: 49%;
    margin: 0 0 0 0;
    padding: 53% 0 0 0;
    background-image: url(../img/arrow01.png), url(../img/tenji_bnr_01_pc.jpg);
    background-position: 95% 100%, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: 80px auto, 100% auto; }
  #contents-tenji .contents-tenji-02 a {
    display: block;
    float: right;
    color: #FFFFFF;
    width: 49%;
    margin: 0 0 0 1%;
    padding: 53% 0 0 0;
    background-image: url(../img/arrow01.png), url(../img/tenji_bnr_02_pc.jpg);
    background-position: 95% 100%, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: 80px auto, contain; }
  #contents-tenji h3 {
    width: 100%;
    text-align: center;
    margin: -92% 0 0 0;
    padding: 0;
    font-size: 1.88em;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
    z-index: 2; }
  #contents-tenji p {
    width: 100%;
    font-size: 1.25em;
    z-index: 2; }

@media screen and (max-width: 768px) {
  #contents-tenji {
    padding: 30px 0 30px 0; }
    #contents-tenji .contents-tenji-01 a {
      float: none;
      width: 100%;
      margin: 0;
      padding: 103.44% 0 0 0;
      background-position: 95% 10%, 0 0;
      background-size: 40px auto, 100% auto; }
    #contents-tenji .contents-tenji-02 a {
      float: none;
      width: 100%;
      margin: 10px 0 0 0;
      padding: 103.44% 0 0 0;
      background-position: 95% 10%, 0 0;
      background-size: 40px auto, contain; }
    #contents-tenji h3 {
      margin: -92% 0 0 0; }
    #contents-tenji p {
      width: 100%;
      font-size: 1.25em;
      z-index: 2; } }
/* ==========================================================================

	分譲地情報

========================================================================== */
#bunjyo {
  margin: 140px 0 0 0;
  padding: 0 0 80px;
  background-color: #eaeaea; }

#contents-bunjyo {
  color: #FFFFFF;
  padding: 0 0 60px 0; }
  #contents-bunjyo .contents-bunjyo-01 a {
    width: 49%;
    margin: 0 1% 0 0;
    padding: 36% 0 0 0;
    float: left;
    background-image: url(../img/arrow01.png), url(../img/bunjyo_bnr_01.jpg);
    background-position: 95% 100%, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: 80px auto, 100% auto; }
  #contents-bunjyo .contents-bunjyo-02 a {
    width: 49%;
    margin: 0 0 0 1%;
    padding: 36% 0 0 0;
    float: right;
    background-image: url(../img/arrow01.png), url(../img/bunjyo_bnr_02.jpg);
    background-position: 95% 100%, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: 80px auto, 100% auto; }
  #contents-bunjyo h3 {
    width: 50%;
    text-align: center;
    margin: -42% 0 0 0;
    font-size: 1.88em;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif; }

@media screen and (max-width: 768px) {
  #bunjyo {
    margin: 80px 0 0 0;
    padding: 0 0 40px; }

  #contents-bunjyo {
    padding: 0 0 30px 0; }
    #contents-bunjyo .contents-bunjyo-01 a {
      width: 96%;
      margin: 0 2% 20px;
      padding: 55.5% 0 0 0;
      float: left;
      background-position: 95% 95%, 0 0;
      background-size: 40px auto, 100% auto; }
    #contents-bunjyo .contents-bunjyo-02 a {
      width: 96%;
      margin: 0 2%;
      padding: 55.5% 0 0 0;
      float: right;
      background-position: 95% 95%, 0 0;
      background-size: 40px auto, 100% auto; }
    #contents-bunjyo h3 {
      width: 50%;
      text-align: center;
      margin: -32% 0 0 0;
      font-size: 1.88em;
      font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif; } }
/* ==========================================================================

	商品ラインナップ

========================================================================== */
#lineup {
  color: #FFFFFF;
  margin: 140px 0 0 0;
  padding: 0 0 80px;
  text-align: center;
  background-image: url(../img/product_bg.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover; }
  #lineup ul {
    padding: 60px 0; }
    #lineup ul li {
      float: left;
      width: 24%; }
      #lineup ul li:nth-child(1) {
        margin: 0 0.65% 0 0; }
      #lineup ul li:nth-child(2), #lineup ul li:nth-child(3) {
        margin: 0 0.65% 0; }
      #lineup ul li:nth-child(4) {
        margin: 0 0 0 0.65%; }
      #lineup ul li a {
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 166.046% 0 0 0;
        display: block; }
      #lineup ul li:nth-child(1) a {
        background-image: url(../img/product_bnr_01.jpg); }
      #lineup ul li:nth-child(2) a {
        background-image: url(../img/product_bnr_02.jpg); }
      #lineup ul li:nth-child(3) a {
        background-image: url(../img/product_bnr_03.jpg); }
      #lineup ul li:nth-child(4) a {
        background-image: url(../img/product_bnr_04.jpg); }
      #lineup ul li h3 {
        color: #03436e;
        font-size: 1.88em;
        font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
        margin: -145% 0 0 0; }

@media screen and (max-width: 768px) {
  #lineup {
    margin: 80px 0 0 0;
    padding: 0 0 30px; }
    #lineup ul {
      padding: 30px 0; }
      #lineup ul li {
        width: 48%; }
        #lineup ul li:nth-child(1) {
          margin: 0 1% 10px 0; }
        #lineup ul li:nth-child(2) {
          margin: 0 0 10px 1%; }
        #lineup ul li:nth-child(3) {
          margin: 0 1% 0 0; }
        #lineup ul li:nth-child(4) {
          margin: 0 0 0 1%; }
        #lineup ul li a {
          padding: 166.046% 0 0 0; }
        #lineup ul li h3 {
          color: #03436e;
          font-size: 1.88em;
          font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
          margin: -147% 0 0 0; } }