@charset "UTF-8";

@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 0px;position: relative;padding: 0 80px 217px;background: url(../images/estate/contents01-back01.png) no-repeat center bottom rgba(245, 245, 245, 1);background-size: 100% auto;}
#contentsmain h2.f-en {margin-bottom: -47px;position: relative;mix-blend-mode: exclusion;padding-top: 42px;padding-left: 24px;z-index: 3;font-size: 127.1px;line-height: normal;letter-spacing: 0.2em;font-weight: 500;color: #fff;text-align: center;top: 31px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h3 {position: absolute;top: 61.2%;left: 50%;z-index: 3;transform: translateX(-50%);width: 54.5%;}
#contentsmain .inner-Box h3 span{  }
#contentsmain .inner-Box h3 img {width: 100%;height: auto;}
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 22px;}
#contentsmain .inner-Box figure.img img{width: 100%;height: auto;}
#contentsmain .inner-Box p.text {margin-bottom: 24px;position: relative;font-size: 28px;line-height: 2.2;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;text-align: center;}

#contents01{background: #373F48;padding: 40px 0 99px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1100px;background: #fff;padding-bottom: 24px;}
#contents01 .inner-Box::before{ content: "";position: absolute;top: 0;left: 0;width: 35px;height: 35px;background: url('../images/estate/contents01-icon01.svg')no-repeat top center;background-size: cover;z-index: 1;}
#contents01 .inner-Box::after{content: "";position: absolute;top: 0;right: 0;width: 35px;height: 35px;background: url('../images/estate/contents01-icon01.svg')no-repeat top center;background-size: cover;z-index: 1;transform: scale(-1, 1);}


#contents02 {margin: 0 auto;position: relative;background: url('../images/estate/contents02-back01.png')no-repeat top center #133B6A;padding: 580px 0 128px 0;}
#contents02 .ttl-Box {margin: 0 auto 52px;position: relative;color: #fff;width: 940px;padding: 115px 0 0 0;}
#contents02 .ttl-Box figure.photo {position: absolute;top: -24px;right: -90px;}
#contents02 .ttl-Box figure.photo img{  }
#contents02 .ttl-Box h2.f-min {margin-bottom: 22px;position: relative;font-size: 40px;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #fff;}
#contents02 .ttl-Box p.text {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #fff;}
#contents02 .inner-Box {margin: 0 auto 42px;position: relative;display: flex;padding: 75px 80px 80px;align-items: center;gap: 60px;align-self: stretch;background: #fff;width: 1100px;}
#contents02 .left-Box {position: relative;width: 440px;}
#contents02 .left-Box h3.f-min {margin-bottom: 15px;position: relative;font-size: 30px;line-height: 1.2;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contents02 .left-Box p.text2 {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}
#contents02 .left-Box ul{ display: flex; align-items: center; gap: 10px; align-self: stretch; }
#contents02 .left-Box ul li {position: relative;display: flex;padding: 20px 20px;flex-direction: column;align-items: center;gap: 13px;flex: 1 0 0;border: 1px solid #EDEDED;}
#contents02 .left-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .left-Box h4 {margin-bottom: 0px;position: relative;font-size: 22px;line-height: 1.8;letter-spacing: 0.3em;font-weight: 700;color: #1a1a1a;}
#contents02 .left-Box p.ltext {margin-bottom: 0px;position: relative;font-size: 14px;line-height: normal;font-weight: 400;color: #1a1a1a;}
#contents02 .left-Box span.arr {display: block;line-height: 1;position: absolute;top: 28px;right: -43px;}
#contents02 .left-Box span.arr img {  }
#contents02 .right-Box {position: relative;width: 440px;background: #F0F0F0;padding: 40px;}
#contents02 .right-Box h3.f-min {margin-bottom: 0px;position: relative;font-size: 34px;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contents02 .right-Box h3.f-min span {font-size: 20px;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;display: block;margin-bottom: -12px;}
#contents02 .right-Box p.text3 {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}
#contents02 .right-Box figure.img01 {position: relative;top: 0;left: 0;}

#contents02 .right-Box figure.img01 img{
    width: 100%;
    height: auto;
}


#contents02 .right-Box figure.img01 img{  }
#contents02 .note-lead {margin-bottom: 0px;position: relative;font-size: 34px;line-height: 2;letter-spacing: 0.1em;font-weight: 600;color: #FFDD53;text-align: center;}


#contentsbottom {margin: 0 auto;position: relative;width: 1120px;padding: 135px 0 68px;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box h2.f-min {margin-bottom: 60px;position: relative;font-size: 40px;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;text-align: center;}
#contentsbottom .inner-Box ul.list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .inner-Box ul li {width: 519px;margin-right: 60px;}
#contentsbottom .inner-Box ul li:nth-child(2) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box p.ltext {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;padding: 15px 0 0 10px;}

}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

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

#contentsmain{margin: 0 auto;position:relative;padding: 12.5vw 5vw 19.3vw 5vw;background: url(../images/estate/sp-contents01-back01.png) no-repeat center bottom rgba(245, 245, 245, 1);}
#contentsmain h2.f-en{margin-bottom: -6.9vw;position:relative;mix-blend-mode:exclusion;z-index:3;font-size: 14.5vw;line-height: 1.05;letter-spacing: 0.2em;font-weight: 500;color: #fff;text-align: center;padding-left: 3vw;}
#contentsmain .inner-Box{margin:0 auto;position:relative;}
#contentsmain .inner-Box h3{position:absolute;z-index:3;width: 84.2vw;left: -2.5vw;top: 48.8vw;}
#contentsmain .inner-Box h3 span{}
#contentsmain .inner-Box h3 img{width:100%;height:auto;}
#contentsmain .inner-Box figure.img{margin-bottom: 14vw;}
#contentsmain .inner-Box figure.img img{width:100%;height:auto;}
#contentsmain .inner-Box p.text{margin: 0 2.5vw 5.5vw;position:relative;text-align: left;font-size: 4.3vw;line-height: 1.9;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}

#contents01{background:#373F48;padding: 7.7vw 2.4vw 19.2vw;}
#contents01 .inner-Box{margin:0 auto;position:relative;background:#fff;padding-bottom:5.8vw;}
#contents01 .inner-Box::before{content:"";position:absolute;top:0;left:0;width: 5.5vw;height:8.5vw;background:url('../images/estate/contents01-icon01.svg') no-repeat top center;background-size: 100% auto;z-index:1;}
#contents01 .inner-Box::after{content:"";position:absolute;top:0;right:0;width: 5.5vw;height:8.5vw;background:url('../images/estate/contents01-icon01.svg') no-repeat top center;background-size: 100%;z-index:1;transform:scale(-1,1);}
#contents01 .tab-content{
    padding: 2.2vw;
}

#contents02{margin:0 auto;position:relative;background: url('../images/estate/sp-contents02-back01.png') no-repeat top center #133B6A;background-size:100% auto;padding: 74.8vw 4.8vw 21.1vw;}
#contents02 .ttl-Box{margin:0 auto 12.6vw;position:relative;color:#fff;}
#contents02 .ttl-Box figure.photo{position:absolute;top:-5.8vw;right:-21.7vw;display: none;}
#contents02 .ttl-Box figure.photo img{}
#contents02 .ttl-Box h2.f-min{margin-bottom: 2.7vw;position:relative;font-size: 5.3vw;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #fff;text-align: center;}
#contents02 .ttl-Box p.text{margin: 0 7.3vw;position:relative;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #fff;}
#contents02 .inner-Box{margin: 0 auto 12.1vw;position:relative;display:block;padding: 13.8vw 7.3vw 19.3vw;background:#fff;width:100%;}
#contents02 .left-Box{position:relative;width:100%;margin-bottom:9.7vw;}
#contents02 .left-Box h3.f-min{margin-bottom:3.6vw;position:relative;font-size: 5.3vw;line-height: 1.2;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contents02 .left-Box p.text2{margin-bottom:7.2vw;position:relative;font-size:3.9vw;line-height:1.8;letter-spacing:.05em;font-weight:400;color:#1a1a1a;}
#contents02 .left-Box ul{}
#contents02 .left-Box ul li{position:relative;display:flex;padding:4.8vw;flex-direction:column;align-items:center;gap:3.1vw;flex:1 0 0;border:.2vw solid #EDEDED;margin-bottom: 2.6vw;}
#contents02 .left-Box ul li:nth-child(3n){margin-right:0;}
#contents02 .left-Box h4{margin-bottom: -1.8vw;position:relative;font-size:5.3vw;line-height:1.8;letter-spacing:.3em;font-weight:700;color:#1a1a1a;}
#contents02 .left-Box p.ltext{margin-bottom:0;position:relative;font-size:3.4vw;line-height:normal;font-weight:400;color:#1a1a1a;}
#contents02 .left-Box span.arr{display:block;line-height:1;position:absolute;bottom: -6.4vw;left: 34vw;width: 7.4vw;}
#contents02 .left-Box span.arr img{}
#contents02 .right-Box{position:relative;width:100%;background:#F0F0F0;padding: 7.7vw 6.9vw 9.9vw;}
#contents02 .right-Box h3.f-min{margin-bottom: 1.1vw;position:relative;text-align: center;font-size: 7.7vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contents02 .right-Box h3.f-min span{display:block;margin-bottom:-2.9vw;font-size: 3.9vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contents02 .right-Box p.text3{margin-bottom: 5.2vw;position:relative;font-size: 3.9vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}
#contents02 .right-Box figure.img01{position:relative;top:0;left:0;}
#contents02 .right-Box figure.img01 img{width:100%;height:auto;}
#contents02 .note-lead{margin-bottom:0;position:relative;font-size: 5.8vw;line-height: 1.6;font-weight: 600;color: #FFDD53;text-align: center;}


#contentsbottom{margin:0 auto;position:relative;padding: 22.1vw 4.8vw 12.8vw;}

#contentsbottom .inner-Box{margin:0 auto;position:relative;}
#contentsbottom .inner-Box h2.f-min{margin: 0 -4vw 7.1vw;position:relative;font-size: 5.8vw;line-height: 1.6;font-weight: 600;color: #1a1a1a;text-align: center;}
#contentsbottom .inner-Box ul.list{display:flex;flex-wrap:wrap;margin: 0 2.4vw 0 0.8vw;}
#contentsbottom .inner-Box ul li{width:100%;margin-right:0;margin-bottom:9.7vw;}
#contentsbottom .inner-Box ul li:nth-child(2){margin-right:0;}
#contentsbottom .inner-Box ul li figure{}
#contentsbottom .inner-Box ul li a{}
#contentsbottom .inner-Box p.ltext{margin-bottom:0;position:relative;padding: 4vw 0 0 1.4vw;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}

}