@charset "UTF-8";
@media screen and (min-width: 768px),print {

#realestate main{ width: 100%; margin: 0; position: relative; }
#realestate .seo_bread_list{ position: absolute; top: 0; left: 0; right: 0; z-index: 2; padding: 22px 0; font-size: 14px; letter-spacing: 1.4px; color: #fff; }
#realestate .seo_bread_list a{ color: #fff; }
#realestate article{ color: #1A1A1A; }
#realestate article .inner-Box{ width: 1200px; margin: 0 auto; position: relative; }
#realestate article .ttl{ font-size: 28px; font-weight: normal; line-height: 52px; letter-spacing: 2.8px; text-align: center; }
#realestate article .txt,
#realestate article .txt-lead{ font-size: 18px; font-weight: 500; line-height: 36px; letter-spacing: 0.72px; }
#realestate article .txt-lead{ text-align: center; margin-top: 32px; }
#realestate .sp-dot{ display: none; }

#con01{ width: 100%; height: 525px; position: relative; overflow: hidden; }
#con01 .bg{ display: block; width: 100%; height: 525px; object-fit: cover; font-family: 'object-fit: cover;'; }
#con01 .catch{ position: absolute; top: 243px; left: 0; width: 100%; font-size: 32px; line-height: 52px; letter-spacing: 3.2px; color: #fff; text-align: center; }

#con02{ background: #F2EFE4; padding: 161px 0 166px; }
#con02 .txt{ text-align: center; margin-top: 42px; }
#con02 .txt + .txt{ margin-top: 36px; }

#con03{ padding: 128px 0 123px; }
#con03 .txt{ text-align: center; margin-top: 42px; }
#con03 .box{ position: relative; height: 457px; margin-top: 103px; }
#con03 .box .pic{ position: absolute; top: 0; left: 0; width: 600px; }
#con03 .box .pic img{ display: block; width: 600px; height: 400px; }
#con03 .box .list{ position: absolute; top: 57px; left: 530px; width: 620px; height: 400px; background: #fff; padding: 97px 0 0 113px; }
#con03 .box .list li{ position: relative; font-size: 18px; font-weight: bold; line-height: 36px; letter-spacing: 0.72px; margin-bottom: 20px; }
#con03 .box .list li::before{ content: ''; position: absolute; top: 4px; left: -45px; width: 32px; height: 30px; background: url(../images/realestate/con03-icon01.png) no-repeat; background-size: 32px 30px; }

#con04{ background: #F2F2F2; padding: 127px 0 122px; }
#con04 .list{ width: 1007px; margin: 71px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#con04 .list li{ position: relative; width: 316px; }
#con04 .list li img{ display: block; width: 316px; height: 367px; }
#con04 .list li .txt{ position: absolute; top: 78px; left: 0; width: 100%; font-weight: bold; text-align: center; }
#con04 .note{ position: relative; width: 821px; height: 168px; margin: 76px auto 0; background: #FDFBF0; box-shadow: 0 13px 16px rgba(0, 0, 0, 0.05); }
#con04 .note .hito{ position: absolute; top: 40px; left: 78px; }
#con04 .note .hito img{ display: block; width: 46px; height: 158px; }
#con04 .note .txt{ padding-top: 48px; font-size: 18px; font-weight: normal; line-height: 35px; letter-spacing: 0.72px; text-align: center; }

#con05{ padding: 138px 0 180px; }
#con05 .txt-lead{ margin-bottom: 113px; }
#con05 .box{ position: relative; height: 390px; margin-bottom: 130px; }
#con05 .box:last-child{ margin-bottom: 0; }
#con05 .box .pic{ position: absolute; top: 0; width: 550px; }
#con05 .box .pic img{ display: block; width: 550px; height: 390px; }
#con05 .box .head{ position: relative; width: 560px; }
#con05 .box .txt{ position: relative; width: 520px; }
#con05 .box01 .pic,#con05 .box03 .pic,#con05 .box05 .pic{ left: 620px; }
#con05 .box01 .head,#con05 .box03 .head,#con05 .box05 .head,
#con05 .box01 .txt,#con05 .box03 .txt,#con05 .box05 .txt{ margin-left: 50px; }
#con05 .box02 .pic,#con05 .box04 .pic{ left: 0; }
#con05 .box02 .head,#con05 .box04 .head,
#con05 .box02 .txt,#con05 .box04 .txt{ margin-left: 629px; }
#con05 .box .num{ position: relative; padding-top: 19px; font-size: 70px; line-height: 1; letter-spacing: 1.75px; color: #FDEC01; }
#con05 .box .num .en{ position: absolute; top: 45px; left: 102px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; font-size: 10px; font-weight: 500; line-height: 1; letter-spacing: 1px; color: #838383; white-space: nowrap; }
#con05 .box .ttl1{ margin-top: 25px; font-size: 28px; font-weight: normal; line-height: 52px; letter-spacing: 2.8px; }
#con05 .box .txt{ margin-top: 41px; }

#con06{ background: #F2EFE4; padding: 128px 0 171px; }
#con06 .txt-lead{ margin-bottom: 73px; }
#con06 .list{ width: 1203px; margin: 0 auto; position: relative; left: -6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#con06 .list li{ position: relative; width: 291px; }
#con06 .list li > picture img{ display: block; width: 291px; height: 465px; }
#con06 .list li::after{ content: ''; position: absolute; top: 200px; left: 263px; z-index: 2; width: 67px; height: 65px; background: url(../images/realestate/con06-arrow.png) no-repeat; background-size: 67px 65px; }
#con06 .list li:last-child::after{ content: none; }
#con06 .list li .num{ position: absolute; top: 17px; left: 0; width: 100%; font-size: 20px; line-height: 70px; letter-spacing: 0.5px; color: #FDEC01; text-align: center; }
#con06 .list li .ttl1{ position: absolute; top: 77px; left: 0; width: 100%; font-size: 22px; font-weight: 600; line-height: 32px; letter-spacing: 2.2px; text-align: center; }
#con06 .list li .txt{ position: absolute; top: 273px; left: 46px; width: 200px; font-size: 16px; line-height: 32px; letter-spacing: 0.64px; }

#con07{ padding: 120px 0 100px; }
#con07 .inner-Box{ height: 563px; }
#con07 .pic{ position: absolute; top: 0; left: 494px; }
#con07 .pic img{ display: block; width: 746px; height: 479px; }
#con07 .txt-box{ position: absolute; top: 132px; left: -21px; z-index: 1; width: 617px; height: 402px; background: #F2EFE4; padding: 81px 0 0 90px; }
#con07 .txt-box .ttl{ text-align: left; }
#con07 .txt-box .txt{ width: 442px; margin-top: 31px; }
#con07 .logo{ position: absolute; top: 428px; left: 436px; z-index: 3; }
#con07 .logo img{ display: block; width: 380px; height: 135px; }

}

@media screen and (max-width: 767px) {

#realestate article{ color: #1A1A1A; }
#realestate article .inner-Box{ padding: 0 4.83vw; position: relative; }
#realestate article .ttl{ font-size: 5.31vw; font-weight: normal; line-height: 8.7vw; letter-spacing: 0.53vw; text-align: center; }
#realestate article .txt,
#realestate article .txt-lead{ font-size: 3.38vw; font-weight: 500; line-height: 6.28vw; letter-spacing: 0.14vw; }
#realestate article .txt-lead{ margin-top: 6.04vw; }

#realestate .main-title{ margin-bottom: 0; }
#con01{ width: 100%; height: 62.8vw; position: relative; overflow: hidden; }
#con01 .bg{ display: block; width: 100%; height: 62.8vw; object-fit: cover; font-family: 'object-fit: cover;'; }
#con01 .catch{ position: absolute; top: 21.01vw; left: 0; width: 100%; font-size: 5.8vw; line-height: 10.14vw; letter-spacing: 0.58vw; color: #fff; text-align: center; }

#con02{ background: #F2EFE4; padding: 15.22vw 0 18.6vw; }
#con02 .ttl{ margin-bottom: 4.35vw; }
#con02 .txt{ display: inline; }

#con03{ padding: 15.22vw 0 18.36vw; }
#con03 .txt{ margin-top: 6.04vw; }
#con03 .box{ margin-top: 6.52vw; }
#con03 .box .pic img{ display: block; width: 100%; height: auto; }
#con03 .box .list{ margin-top: 7.25vw; }
#con03 .box .list li{ position: relative; padding-left: 12.08vw; font-size: 3.86vw; font-weight: bold; line-height: 6.76vw; letter-spacing: 0.15vw; margin-bottom: 3.62vw; }
#con03 .box .list li:last-child{ margin-bottom: 0; }
#con03 .box .list li::before{ content: ''; position: absolute; top: 50%; left: 1.69vw; width: 7vw; height: 6.28vw; margin-top: -4.35vw; background: url(../images/realestate/sp-con03-icon01.png) no-repeat; background-size: 7vw 6.28vw; }

#con04{ background: #F2F2F2; padding: 15.22vw 0 23.43vw; }
#con04 .list{ margin: 6.04vw 0 0 -0.24vw; }
#con04 .list li{ position: relative; margin-bottom: 2.42vw; }
#con04 .list li img{ display: block; width: 90.34vw; height: auto; }
#con04 .list li .txt{ position: absolute; top: 11.35vw; left: 39.86vw; width: 43.48vw; font-size: 3.86vw; font-weight: bold; line-height: 6.28vw; letter-spacing: 0.15vw; }
#con04 .note{ position: relative; height: 41.06vw; margin-top: 10.39vw; background: #FDFBF0; box-shadow: 0 3.14vw 3.86vw rgba(0, 0, 0, 0.05); }
#con04 .note .hito{ position: absolute; top: 6.52vw; left: 3.62vw; }
#con04 .note .hito img{ display: block; width: 8.94vw; height: auto; }
#con04 .note .txt{ padding: 9.66vw 0 0 19.57vw; width: 80.92vw; font-size: 3.86vw; font-weight: normal; line-height: 6.76vw; letter-spacing: 0.15vw; }
#con04 .note .txt br{ display: none; }

#con05{ padding: 15.22vw 0 17.39vw; }
#con05 .box{ margin-top: 11.11vw; }
#con05 .txt-lead + .box{ margin-top: 8.7vw; }
#con05 .box .num{ position: relative; font-size: 11.59vw; line-height: 1; letter-spacing: 0.29vw; color: #FDEC01; }
#con05 .box .num .en{ position: absolute; top: 5.31vw; left: 16.91vw; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; font-size: 2.42vw; font-weight: 500; line-height: 1; letter-spacing: 0.24vw; color: #838383; white-space: nowrap; }
#con05 .box .ttl1{ margin-top: 2.66vw; font-size: 4.83vw; font-weight: normal; line-height: 8.21vw; letter-spacing: 0.39vw; }
#con05 .box .pic{ margin-top: 5.8vw; }
#con05 .box .pic img{ display: block; width: 100%; height: auto; }
#con05 .box .txt{ margin-top: 7.25vw; }

#con06{ background: #F2EFE4; padding: 14.98vw 0 21.5vw; }
#con06 .txt-lead{ margin-bottom: 7.25vw; }
#con06 .list{ margin-left: -0.24vw; }
#con06 .list li{ position: relative; margin-bottom: 2.42vw; }
#con06 .list li:last-child{ margin-bottom: 0; }
#con06 .list li > picture img{ display: block; width: 90.34vw; height: auto; }
#con06 .list li::after{ content: ''; position: absolute; bottom: -5.56vw; left: 40.58vw; z-index: 2; width: 9.9vw; height: 9.9vw; background: url(../images/realestate/sp-con06-arrow.png) no-repeat; background-size: 9.9vw 9.9vw; }
#con06 .list li:last-child::after{ content: none; }
#con06 .list li .num{ position: absolute; top: 8.21vw; left: 0; width: 100%; font-size: 7vw; line-height: 9.42vw; letter-spacing: 0.18vw; color: #FDEC01; text-align: center; }
#con06 .list li .ttl1{ position: absolute; top: 19.81vw; font-size: 4.35vw; font-weight: 600; line-height: 6.28vw; letter-spacing: 0.22vw; white-space: nowrap; }
#con06 .list li .ttl1 br{ display: none; }
#con06 .list .box01 .ttl1{ left: 31.64vw; }
#con06 .list .box02 .ttl1{ left: 36.47vw; }
#con06 .list .box03 .ttl1{ left: 35.51vw; }
#con06 .list .box04 .ttl1{ left: 44.69vw; }
#con06 .list li .txt{ position: absolute; top: 30.68vw; left: 11.35vw; width: 68.36vw; font-size: 3.86vw; line-height: 6.28vw; letter-spacing: 0.08vw; }

#con07{ padding: 16.91vw 0 24.15vw; }
#realestate #con07 .inner-Box{ padding: 0; }
#con07 .pic img{ display: block; width: 100%; height: auto; }
#con07 .txt-box{ background: #F2EFE4; padding: 10.87vw 4.83vw 14.98vw; height: 65.94vw; }
#con07 .txt-box .txt{ margin-top: 6.04vw; }
#con07 .logo{ position: absolute; top: 112.56vw; left: 40.1vw; }
#con07 .logo img{ display: block; width: 55.07vw; height: auto; }

}