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


#page-mansion {width: 100%; margin: 0 auto 0;}
#page-mansion #con1{background: url(../images/mansion/con1-bg-img.png) repeat;padding: 152px 0 155px 0;margin-top: 30px;}
#page-mansion #con1 .bx{width: 1280px;margin: 0 auto 60px;}
#page-mansion #con1 .bx .ttl{font-size: 46px; letter-spacing: 2.5px; font-weight: bold; color: #A78A37; text-align: center; margin-bottom: 16px;}
#page-mansion #con1 .bx .ttl1{font-size: 24px; letter-spacing: 1.5px; text-align: center; margin-bottom: 92px;}
#page-mansion #con1 .bx .img{text-align: center; margin-bottom: 35px;}
#page-mansion #con1 .bx .txt-bx {width: 917px; margin: 0 auto 145px;}
#page-mansion #con1 .bx .txt-bx .txt{font-size: 22px; letter-spacing: 1.2px; line-height: 2.7;}

#page-mansion #con1 .bx .inner {background: #fff; padding: 55px 86px 35px; border: 4px solid #E6E6E6;}
#page-mansion #con1 .bx .inner .in-ttl{width: 200px; margin: 0 auto 113px; font-size: 20px; font-weight: bold; text-align: center; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 5px;}
#page-mansion #con1 .bx .inner .in-inner{}
#page-mansion #con1 .bx .inner .in-inner .list{text-align: center; 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;}
#page-mansion #con1 .bx .inner .in-inner .list li{width: 350px; margin: 0 25px 25px 0; background: #F2F2F2; padding: 20px 23px 28px;}
#page-mansion #con1 .bx .inner .in-inner .list li:nth-child(3n){margin-right: 0;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-ttl{font-size: 20px; line-height: 1.4; margin-bottom: 25px;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-ttl.ttl-mb{font-size: 20px; line-height: 1.4; margin-bottom: 0px;}
#page-mansion #con1 .bx .inner .in-inner .list li .icon{margin-bottom: 10px;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-txt{font-size: 14px; letter-spacing: 0; line-height: 1.95; text-align: left;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-txt.txt-mb{margin-bottom: 27px;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-txt.txt-mb1{margin-bottom: 40px;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-link{text-align: center;}


#con2{}
#con2 .main-box{width: 100%;max-width: 1920px;margin: 0 auto;background-image:url(../images/mansion/con2-bg-img.png);background-position:0px 0px;background-repeat:no-repeat;background-size: cover;padding: 115px 0px 276px 0px;}
#con2 .main-box .ttl-en{text-align: center;margin: 0 0 116px 0;}
#con2 .main-box .mainttl{text-align: center;font-size: 38px;line-height: 2.1;letter-spacing: 8px;font-weight: 600;color: #fff;}
#con2 .main-box .mainttl span{display:inline-block;padding: 0px 45px 10px 30px;background-image:url(../images/mansion/con2-ttl-icon.png);background-position:left 0px bottom 0px;background-repeat:repeat-x;}

#con2 .point-frame{width: 100%;position:relative;padding: 0px 0px 276px 0px;}
#con2 .point-frame .photo{position:relative; z-index: 5;}
#con2 .point-frame .point-txtframe{background-color:#F4F4EF;width: 1050px;position:relative;top: -110px;}
#con2 .point-frame .point-txtframe .ttl-en{padding: 0px 0px 54px 0px;}
#con2 .point-frame .point-txtframe .subttl{padding: 0px 0px 33px 0px;font-size: 32px;line-height: 1.6;letter-spacing: 6px;font-weight: 600;}
#con2 .point-frame .point-txtframe .subttl02{padding: 0px 0px 59px 0px;font-size: 18px;line-height: 2.5;letter-spacing: 2px;font-weight: 600;}
#con2 .point-frame .point-txtframe .txt{font-size: 14px;line-height: 3;letter-spacing: 1px;font-weight: 500;width: 450px;}

#con2 .point-frame.point01-box{}
#con2 .point-frame.point01-box .photo{position: absolute; top:0; left:0;}
#con2 .point-frame.point01-box .point-txtframe{margin:0 0 0 auto;padding: 111px 0px 134px 227px;}
#con2 .point-frame.point02-box{}
#con2 .point-frame.point02-box .photo{position: absolute; top:0; right:0;}
#con2 .point-frame.point02-box .point-txtframe{margin:0 auto 0 0;padding: 112px 260px 139px 351px;}
#con2 .point-frame.point03-box{}
#con2 .point-frame.point03-box .photo{position: absolute; top:0; left:0;}
#con2 .point-frame.point03-box .point-txtframe{margin:0 0 0 auto;padding: 108px 0px 100px 225px;}
#con2 .end-photo{margin: 10px 0 445px 0;}


#con3{position:relative;height: 1378px;}
#con3 .ttl-frame{width: 680px;margin: 0px 0 100px 221px;}
#con3 .ttl-frame .end-ttl-en{margin: 0 0 62px 0;}
#con3 .ttl-frame .end-mainttl{font-size: 36px;line-height: 1.8;letter-spacing: 7px;font-weight: 600;}
#con3 .photo01-frame{position:relative;top: -625px;}
#con3 .photo01 picture{position: absolute;top: 135px;right: 74px;z-index: 5;}
#con3 .photo01::before{
content: '';
display: inline-block;
width: 960px;
height: 355px; position: absolute; top:0; right:0; z-index: 2;
background-color:#F4F4EF;}

#con3 .photo02-frame{position:relative;top: 0px;}
#con3 .photo02 picture{position: absolute; top:0; left:0; z-index: 5;}
#con3 .photo02::before{content: '';display: inline-block;width: 1600px;height: 504px;position: absolute;top: 420px;left:0;z-index: 2;background-color:#F4F4EF;}
#con3 .illust{position: absolute;top: 693px;right: 74px;z-index: 5;}


.page-mansion-box .story .slidestory {
  margin: 61px auto 0;}
.page-mansion-box .story .slidestory .item{
  margin: 0 130px 0 0;
  width: 920px;}
.page-mansion-box .story .slidestory .btn01{
  width: 260px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 3.375;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #1A1A1A;}
.page-mansion-box .story .slidestory .btn01 .link {
  position: relative;}
.page-mansion-box .story .slidestory .btn01 .link::after {
  content: ">";
  position: absolute;
  right: -106px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;}
.page-mansion-box .story .slidestory .btn01 .link:hover {
  text-decoration: none;}
.page-mansion-box .story .slidestory .btn01 .link:hover::after {
  content: ">";
  position: absolute;
  right: -116px;
  top: 50%;
  transform: translateY(-50%);}
.page-mansion-box .story .next-arrow {
  position: absolute;
  left: 50%;
  margin-left: 509px;
  top: 239px;
  z-index: 3;}
.page-mansion-box .story .prev-arrow {
  position: absolute;
  left: 50%;
  margin-left: -540px;
  top: 239px;
  z-index: 3;}
.page-mansion-box .story .btn01 {
  font-size: 16px;
  font-weight: 400;
  line-height: 3.375;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #1A1A1A;
  width: 260px;
  margin: 66px auto 0;
  padding: 0 0 0 12px;
  }
.page-mansion-box .story .btn01 .link {
  position: relative;
  display: block;}
.page-mansion-box .story .btn01 .link:hover {
  text-decoration: none;}
.page-mansion-box .story .btn01 .link::after {
  content: ">";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;}
.page-mansion-box .story .btn01 .link:hover::after {
  content: ">";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);}


.end-bunner-box{padding: 111px 0 0 0;}
.end-bunner-box .ttlframe{text-align: center;margin: 0 0 89px 0;}
.end-bunner-box .ttlframe .ttl-en{color: #A78A37;font-size: 18px;line-height: 1.6;letter-spacing: 1px;font-weight: 500;margin: 0 0 3px 0;}
.end-bunner-box .ttlframe .mainttl{ font-size: 26px; line-height: 1.6; letter-spacing: 1px; font-weight: 500; }
.end-bunner-box .bunner-one{ text-align: center;}
.end-bunner-box .bunner-one .txt{padding: 10px 0 0 0;}

#mansion .banner-box {
    width: 780px;
    margin: 144px auto 0;
    padding: 0 0 154px;
}
#mansion .banner-box .banner-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 60px;
}
#mansion .banner-box .banner-list .item {
    width: 360px;
}
#mansion .banner-box .banner-list .item img {
    width: 100%;
}
#mansion .banner-box .banner-list .item .txt {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7143;
    letter-spacing: 0;
    text-align: center;
    margin: 20px auto 0;
}
}



@media screen and (min-width:768px) and (max-width:1350px) {
#page-mansion { width:100%; margin:0 auto 0; }
#page-mansion #con1 { background:url(../images/mansion/con1-bg-img.png) repeat; padding:11.26vw 0 11.48vw 0; margin-top:2.22vw; }
#page-mansion #con1 .bx { width:94.81vw; margin:0 auto 4.44vw; }
#page-mansion #con1 .bx .ttl { font-size:3.41vw; letter-spacing:0.25vw; font-weight:bold; color:#A78A37; text-align:center; margin-bottom:1.18vw; }
#page-mansion #con1 .bx .ttl1 { font-size:1.77vw; letter-spacing:0.25vw; text-align:center; margin-bottom:6.81vw; }
#page-mansion #con1 .bx .img { text-align:center; margin-bottom:2.59vw; }
#page-mansion #con1 .bx .txt-bx {width: 80.93vw;margin:0 auto 10.74vw;}
#page-mansion #con1 .bx .txt-bx .txt {/* font-size:1.63vw; *//* letter-spacing:0.25vw; *//* line-height:2.7; */}
}

@media screen and (min-width:768px) and (max-width:1350px) {
#page-mansion #con1 .bx .inner { background:#fff; padding:4.07vw 6.37vw 2.59vw; border:0.29vw solid #E6E6E6; }
#page-mansion #con1 .bx .inner .in-ttl { width:14.81vw; margin:0 auto 8.37vw; font-size:1.48vw; font-weight:bold; text-align:center; border-top:0.15vw solid #000; border-bottom:0.15vw solid #000; padding:0.37vw; }
#page-mansion #con1 .bx .inner .in-inner {}
#page-mansion #con1 .bx .inner .in-inner .list { text-align:center; 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; }
#page-mansion #con1 .bx .inner .in-inner .list li { width:25.92vw; margin:0 1.85vw 1.85vw 0; background:#F2F2F2; padding:1.48vw 1.7vw 2.07vw; }
#page-mansion #con1 .bx .inner .in-inner .list li:nth-child(3n) { margin-right:0; }
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-ttl { font-size:1.48vw; line-height:1.4; margin-bottom:1.85vw; }
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-ttl.ttl-mb {/* font-size:1.48vw; *//* line-height:1.4; */margin-bottom:0;}
#page-mansion #con1 .bx .inner .in-inner .list li .icon {margin-bottom:0.74vw;width: 22vw;}
#page-mansion #con1 .bx .inner .in-inner .list li .icon img{ width: 100%;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-txt {/* font-size:1.04vw; *//* letter-spacing:0.25vw; *//* line-height:1.95; */text-align:left;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-txt.txt-mb { margin-bottom:2vw; }
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-txt.txt-mb1 { margin-bottom:2.96vw; }
#page-mansion #con1 .bx .inner .in-inner .list li .in-link {text-align:center;width: 22vw;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-link img{ width: 100%;}
}

@media screen and (min-width:768px) and (max-width:1919px) {
#con2 {}
#con2 .main-box { width:100%; max-width:100vw; margin:0 auto; background-image:url(../images/mansion/con2-bg-img.png); background-position:0vw 0vw; background-repeat:no-repeat; background-size:cover; padding:5.99vw 0 14.38vw 0; }
#con2 .main-box .ttl-en { text-align:center; margin:0 0 6.04vw 0; }
#con2 .main-box .mainttl { text-align:center; font-size:1.98vw; line-height:2.1; letter-spacing:0.25vw; font-weight:600; color:#fff; }
#con2 .main-box .mainttl span { display:inline-block; padding:0 2.35vw 0.52vw 1.56vw; background-image:url(../images/mansion/con2-ttl-icon.png); background-position:left 0vw bottom 0vw; background-repeat:repeat-x; }
}


@media screen and (min-width:768px) and (max-width:1919px) {
#con2 .point-frame {width:100%;position:relative;padding: 0 0 8.38vw 0;}
#con2 .point-frame .photo { position:relative; z-index:5; }
#con2 .point-frame .photo img{ width: 100%;}
#con2 .point-frame .point-txtframe { background-color:#F4F4EF; width:54.7vw; position:relative; top:-5.73vw; }
#con2 .point-frame .point-txtframe .ttl-en { padding:0 0 2.81vw 0; }
#con2 .point-frame .point-txtframe .subttl {padding:0 0 1.72vw 0;/* font-size:1.67vw; *//* line-height:1.6; *//* letter-spacing:0.25vw; */font-weight:600;}
#con2 .point-frame .point-txtframe .subttl02 {padding:0 0 3.07vw 0;/* font-size:0.94vw; *//* line-height:2.5; *//* letter-spacing:0.25vw; */font-weight:600;}
#con2 .point-frame .point-txtframe .txt {/* font-size:0.73vw; */line-height:3;/* letter-spacing:0.25vw; */font-weight:500;width: 29.45vw;}
#con2 .point-frame.point01-box {}
#con2 .point-frame.point01-box .photo {position:absolute;top:0;left:0;width: 51vw;}
#con2 .point-frame.point01-box .point-txtframe { margin:0 0 0 auto; padding:5.78vw 0 6.98vw 11.82vw; }
#con2 .point-frame.point02-box {}
#con2 .point-frame.point02-box .photo {position:absolute;top:0;right:0;width: 49vw;}
#con2 .point-frame.point02-box .point-txtframe { margin:0 auto 0 0; padding:5.83vw 13.54vw 7.24vw 18.28vw; }
#con2 .point-frame.point03-box {}
#con2 .point-frame.point03-box .photo {position:absolute;top:0;left:0;width: 51vw;}
#con2 .point-frame.point03-box .point-txtframe { margin:0 0 0 auto; padding:5.63vw 0 5.21vw 11.72vw; }
#con2 .end-photo { margin:0.52vw 0 23.18vw 0; }
#con2 .end-photo img{ width: 100%;}
}

@media screen and (max-width:1919px) {
#con3 { position:relative; height:71.77vw; }
#con3 .ttl-frame { width:35.42vw; margin:0 0 5.21vw 11.51vw; }
#con3 .ttl-frame .end-ttl-en { margin:0 0 3.23vw 0; width: 20vw; }
#con3 .ttl-frame .end-ttl-en img{ width: 100%;}
#con3 .ttl-frame .end-mainttl { font-size:1.88vw; line-height:1.8; letter-spacing:0.25vw; font-weight:600; }
#con3 .photo01-frame { position:relative; top:-32.55vw; }
#con3 .photo01 picture {position:absolute;top:7.03vw;right:3.85vw;z-index:5;width: 38vw;}
#con3 .photo01 picture img{width: 100%;}
#con3 .photo01::before { content:''; display:inline-block; width:50vw; height:18.49vw; position:absolute; top:0; right:0; z-index:2; background-color:#F4F4EF; }
#con3 .photo02-frame { position:relative; top:0; }
#con3 .photo02 picture {position:absolute;top:0;left:0;z-index:5;width: 53vw;}
#con3 .photo02 picture img{ width: 100%;}
#con3 .photo02::before {content:'';display:inline-block;width:83.33vw;height:26.25vw;position:absolute;top: 16.88vw;left:0;z-index:2;background-color:#F4F4EF;}
#con3 .illust { position:absolute; top:36.09vw; right:3.85vw; z-index:5; width: 30vw; }
#con3 .illust img{ width: 100%;}
}









@media screen and (min-width:768px) and (max-width:1280px) {
    #mansion .banner-box {
        width: 60.63vw;
        margin: 4.97vw auto 0;
        padding: 0 0 10.1vw;
      }
      #mansion .banner-box .banner-list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 3.13vw;
      }
      #mansion .banner-box .banner-list .item {
        width: 28.75vw;
      }
      #mansion .banner-box .banner-list .item img {
        width: 100%;
      }
      #mansion .banner-box .banner-list .item .txt {
        /* font-size: 0.73vw; */
        font-weight: 400;
        line-height: 1.7143;
        letter-spacing: 0;
        text-align: center;
        margin: 1.04vw auto 0;
      }
}




@media screen and (max-width: 767px) {
#page-mansion{width: 100%;margin: 0 auto;}
#page-mansion #con1{background: url(../images/mansion/con1-bg-img.png) repeat;padding: 14.71vw 0 10.44vw 0;margin-top: 7.25vw;}
#page-mansion #con1 .bx{width: 100%;margin: 0 auto 8.49vw;}
#page-mansion #con1 .bx .ttl{font-size:7.25vw;letter-spacing: 0.25vw;font-weight: bold;color: #A78A37;text-align: center;margin-bottom: 3.86vw;}
#page-mansion #con1 .bx .ttl1{font-size: 3.62vw;letter-spacing: 0.25vw;text-align: center;margin-bottom: 14.22vw;}
#page-mansion #con1 .bx .img{text-align: center;margin-bottom: 9.8vw;padding: 0 3vw 0 3vw;}
#page-mansion #con1 .bx .txt-bx{width: 82%;margin: 0 auto 22.02vw;}
#page-mansion #con1 .bx .txt-bx .txt{font-size: 3.38vw;letter-spacing: 0.1vw;line-height: 2.1;}

#page-mansion #con1 .bx .inner{background: #fff;padding: 11.29vw 9.77vw 6.45vw;border: 4px solid #E6E6E6;width: 90%;margin: 0 auto;}
#page-mansion #con1 .bx .inner .in-ttl{width: 48.31vw;margin: 0 auto 7.29vw;font-size: 4.83vw;font-weight: bold;text-align: center;border-top: 2px solid #000;border-bottom: 2px solid #000;padding: 1.21vw;}
#page-mansion #con1 .bx .inner .in-inner{}
#page-mansion #con1 .bx .inner .in-inner .list{text-align: center;}
#page-mansion #con1 .bx .inner .in-inner .list li{width: 100%;margin: 0 0 6.04vw 0;background: #F2F2F2;padding: 7.83vw 5.55vw 5.76vw;}
#page-mansion #con1 .bx .inner .in-inner .list li:nth-child(3n){margin-right: 0;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-ttl{font-size: 4.83vw;line-height: 1.4;margin-bottom: 6.04vw;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-ttl.ttl-mb{font-size: 4.83vw;line-height: 1.4;margin-bottom: 0;}
#page-mansion #con1 .bx .inner .in-inner .list li .icon{margin-bottom: 2.41vw;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-txt{font-size: 3.38vw;letter-spacing: 0.25vw;line-height: 2;text-align: left;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-txt.txt-mb{margin-bottom: 6.52vw;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-mini-txt.txt-mb1{margin-bottom: 9.66vw;}
#page-mansion #con1 .bx .inner .in-inner .list li .in-link{text-align: center;}


#con2{}
#con2 .main-box{width: 100%;max-width: 100%;margin: 0 auto 0vw;background-image: url(../images/mansion/con2-bg-img_sp.png);background-position: 0 0;background-repeat: no-repeat;background-size: cover;padding: 20.5vw 0 15.67vw 0;}
#con2 .main-box .ttl-en{text-align: center;margin: 0 auto 18.02vw auto;width: 88vw;}
#con2 .main-box .ttl-en img{width: 100%;}
#con2 .main-box .mainttl{text-align: center;font-size:4.35vw;line-height: 2.1;letter-spacing: 0.2vw;font-weight: 600;color: #fff;}
#con2 .main-box .mainttl span{display: inline-block;padding: 0 10.87vw 1.41vw 7.25vw;background-image: url(../images/mansion/con2-ttl-icon.png);background-position: left 0 bottom 0;background-repeat: repeat-x;line-height: 2;margin: 0 0 3.4vw 0;}
#con2 .point-frame{width: 100%;position: relative;padding: 0 0 8.67vw 0;}
#con2 .point-frame .photo{position: relative;/* z-index: 5; */width: 100%;}
#con2 .point-frame .point-txtframe{background-color: #F4F4EF;width: 94vw;position: relative;top: -5vw;padding: 13.29vw 7.25vw 16.18vw 7.25vw;margin: 0 auto;}
#con2 .point-frame .point-txtframe .ttl-en{padding: 0 0 10.04vw 1vw;width: 43vw;}
#con2 .point-frame .point-txtframe .subttl{padding: 0 0 4.97vw 0;font-size:5.31vw;line-height: 1.6;letter-spacing: 0.25vw;font-weight: 600;}
#con2 .point-frame .point-txtframe .subttl02{padding: 0 0 7.25vw 0;font-size: 4.35vw;line-height: 2.5;letter-spacing: 0.25vw;font-weight: 600;}
#con2 .point-frame .point-txtframe .txt{font-size: 3.38vw;line-height: 2.6;letter-spacing: 0.25vw;font-weight: 500;width: 100%;}
#con2 .point-frame.point01-box .photo{position: relative;}
#con2 .point-frame.point01-box .point-txtframe{padding: 10.29vw 6.25vw 16.18vw 6.25vw;}
#con2 .point-frame.point02-box .photo{position: relative;}
#con2 .point-frame.point02-box .point-txtframe{padding: 13.53vw 7.25vw 16.91vw 7.25vw;}
#con2 .point-frame.point03-box .photo{position: relative;}
#con2 .point-frame.point03-box .point-txtframe{padding: 13.04vw 7.25vw 12.08vw 7.25vw;}
#con2 .end-photo{margin: 2.41vw 0 64.25vw 0;}


#con3{height: 130vw;margin: 0 0 20vw 0;position: relative;}
#con3 .ttl-frame{width: 100%;margin: 0 0 0.15vw 0;padding: 0 7.25vw;position: relative;z-index: 10;}
#con3 .ttl-frame .end-ttl-en{margin: 0 0 4.98vw 0;width: 55vw;}
#con3 .ttl-frame .end-ttl-en img{ width: 100%;}
#con3 .ttl-frame .end-mainttl{font-size:3.86vw;line-height: 1.8;letter-spacing: 0.25vw;font-weight: 600;}
#con3 .photo01-frame{position: relative;top: -82vw;/* width: 44vw; */}
#con3 .photo01 picture{position: relative;top: 14vw;right: -57vw;z-index: 5;display: block;width: 40vw;}
#con3 .photo01 picture img{ width: 100%;}
#con3 .photo01::before{content: '';display: inline-block;width: 74vw;height: 37vw;background-color: #F4F4EF;position: absolute;top: 0;right: 0;z-index: 2;}
#con3 .photo02-frame{position: relative;top: 5vw;}
#con3 .photo02 picture{position: relative;top: -30vw;left: 4vw;z-index: 5;width: 70vw;display: block;}
#con3 .photo02 picture img{ width: 100%;}
#con3 .photo02::before{content: '';display: inline-block;width: 100vw;height: 33vw;background-color: #F4F4EF;position: absolute;top: 0;left: 0;z-index: 2;}
#con3 .illust{position: absolute;bottom: 9vw;right: 0;z-index: 5;width: 49vw;}
#con3 .illust img{ width: 100%;}



.page-mansion-box .story .slidestory {
  margin: 9vw auto 0;
}
.page-mansion-box .story .slidestory .item{
  margin: 0 auto 6.8vw;
  width: 95.2vw;
}
.page-mansion-box .story .slidestory .btn01{
  font-size: 3.865vw;
  font-weight: 400;
  line-height: 2.8;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #1A1A1A;
  width: 67.7vw;
  margin: 112vw auto 0;
  padding: 0 0 0 2vw;
}
.page-mansion-box .story .slidestory .btn01 .link {
  position: relative;
}
.page-mansion-box .story .slidestory .btn01 .link:hover {
  text-decoration: none;
}
.page-mansion-box .story .btn01 {
  font-size: 3.865vw;
  font-weight: 400;
  line-height: 2.9;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #1A1A1A;
  width: 67.7vw;
  margin: 11vw auto 0;
  padding: 0 0 0 3vw;
}
.page-mansion-box .story .btn01 .link {
  position: relative;
  display: block;
}
.page-mansion-box .story .btn01 .link:hover {
  text-decoration: none;
}
.page-mansion-box .story .btn01 .link::after {
  content: ">";
  position: absolute;
  right: 2vw;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
.page-mansion-box .story .btn01 .link:hover::after {
  content: ">";
  position: absolute;
  right: 1vw;
  top: 50%;
  transform: translateY(-50%);
}




.end-bunner-box{padding: 30.81vw 0 0 0;}
.end-bunner-box .ttlframe{text-align: center;margin: 0 0 10.5vw 0;}
.end-bunner-box .ttlframe .ttl-en{color: #A78A37;font-size: 4.35vw;line-height: 1.6;letter-spacing: 0.25vw;font-weight: 500;margin: 0 0 0.72vw 0;}
.end-bunner-box .ttlframe .mainttl{font-size: 6.28vw;line-height: 1.6;letter-spacing: 0.25vw;font-weight: 500;}
.end-bunner-box .bunner-one{text-align: center;padding: 0 4vw 0 4vw;}
.end-bunner-box .bunner-one .txt{padding: 2.41vw 0 0 0;}

#mansion .banner-box {
    width: 87vw;
    margin: 24vw auto 0;
    padding: 0 0 34vw;
}
#mansion .banner-box .banner-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 7vw;
    flex-direction: column;
}
#mansion .banner-box .banner-list .item {
    width: 87vw;
}
#mansion .banner-box .banner-list .item img {
    width: 100%;
}
#mansion .banner-box .banner-list .item .txt {
    font-size:3.382vw;
    font-weight: 400;
    line-height: 1.7143;
    letter-spacing: 0;
    text-align: center;
    margin: 3vw auto 0;
}






  }