.inner {
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}

.kv .inner {
position: relative;
min-height: 178px;
}

.kv .inner:before {
content: '';
position: absolute;
top: 0;
right: calc(100% + 175px);
width: 9999px;
height: 178px;
background: #fcd03f;
z-index: 1;
}

.kv .inner:after {
content: '';
position: absolute;
top: 0;
left: -180px;
width: 260px;
height: 178px;
background: url("../img/bg_ttl_01.png") no-repeat;
z-index: 2;
}

.kv h1 {
padding: 55px 0 0 48px;
color: #EE4B00;
font-size: 36px;
font-weight: 500;
}

.kv h1 span {
display: block;
color: #333;
font-size: 16px;
font-weight: 500;
}

.main {
padding: 72px 0 109px;
}

.main h2 {
margin: 0 0 25px;
font-size: 26px;
font-weight: 500;
line-height: 1.54;
}

.main .txt {
margin: 0 9.58% 45px 0;
font-size: 16px;
font-weight: 500;
line-height: 1.875;
}

.main ul {
display: flex;
justify-content: space-between;
}

.main ul li {
width: 29.33%;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
}

.main ul li a {
display: block;
background: url("../img/ico_arw_02.png") no-repeat right 24px center;
}

.main ul li p {
padding: 20px 20px 83px;
font-size: 20px;
font-weight: 500;
}

.main ul li .bg01 {
background: url("../img/mansion_management/ico_main_01.png") no-repeat right 52px top 30px;
}
.main ul li .bg02 {
background: url("../img/mansion_management/ico_main_02.png") no-repeat right 60px top 30px;
}
.main ul li .bg03 {
background: url("../img/mansion_management/ico_main_03.png") no-repeat right 65px top 22px;
}

.ctBox {
margin: -100px 0 160px;
padding: 100px 0 0;
}

#anc04 {
margin: -100px 0 22px;
padding: 100px 0 0;
}

.estate {
margin: -100px 0 220px;
}

.ctBox h2 {
margin: 0 0 43px;
padding: 0 0 15px 52px;
font-size: 26px;
font-weight: 500;
line-height: 1.77;
background: url("../img/bg_ttl_02.png") no-repeat left top;
border-bottom: 1px solid #ccc;
}

.ctBox .ttl01 {
margin: 0 0 22px;
font-size: 26px;
}

.ctBox .ttl02 {
margin: 48px 0 22px;
font-size: 20px;
}

.ctBox .ttl03 {
margin: 48px 0 -26px;
font-size: 26px;
}

.ctBox .txt {
font-size: 16px;
line-height: 1.875;
}

.ctBox .txt a {
text-decoration: underline;
}

.ctBox .inner > .txt {
margin: 0 0 45px;
}

.mansion .inner > .txt {
margin: 0 0 75px;
}

.ctBox .box01 {
display: flex;
justify-content: space-between;
padding: 0 0 42px;
}

.ctBox .box01 .txtBox {
width: 55%;
}

.ctBox .box01 .txtBox h3 {
margin: 0 0 15px;
padding: 0 0 0 38px;
font-size: 20px;
font-weight: 500;
line-height: 2;
background: url("../img/bg_ttl_03.png") no-repeat left 5px;
}

.ctBox .box01 .img02 {
width: 283px;
margin: 0 8.5% 0 3%;
}

.ctBox .box02 {
margin: 45px 0 0;
padding: 35px 0 46px;
text-align: center;
background: #FFF8E7;
}

.estate .box02 {
padding: 35px 0 66px;
}

.rent .box02 {
margin: 45px 0;
padding: 35px 0 15px;
}

.ctBox .box02 h3 {
display: inline-block;
margin: 0 0 20px;
color: #F7580E;
font-size: 20px;
font-weight: 500;
}

.ctBox .box02 h3 a {
display: block;
padding: 16px 40px;
color: #fff;
font-size: 20px;
background: #F0661D;
}

.ctBox .box02 .btn {
width: 352px;
margin: 30px auto 0;
}

.ctBox .box02 .btn a {
display: block;
padding: 16px 0;
color: #fff;
font-size: 20px;
background: #F0661D;
}

.ctBox .bnr {
width: 600px;
margin: -15px 0 0;
padding: 0 0 25px;
}

.ctBox .bnr a {
display: block;
padding: 0 0 0 245px;
background: url("../img/mansion_management/img_rent_05.jpg") no-repeat left top;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
}

.ctBox .bnr a span {
display: block;
padding: 52px 0 51px;
font-size: 20px;
font-weight: 500;
background: url("../img/ico_arw_01.png") no-repeat right 24px center;
}

.estate .inner .img01 {
margin: 0 0 45px;
}

.estate .inner > h3 {
margin: 0 0 18px;
padding: 0 0 0 38px;
font-size: 20px;
font-weight: 500;
line-height: 2;
background: url("../img/bg_ttl_03.png") no-repeat left 5px;
}

.ctBox .box03 {
display: flex;
}

.ctBox .box03 li {
width: 46.16%;
margin: 0 1.92%;
}

.ctBox .box04 {
padding: 33px 0 50px;
text-align: center;
}

.ctBox .box04 h3 {
margin: 0 0 5px;
color: #EE4B00;
font-size: 26px;
font-weight: 500;
}

.ctBox .box04 .lead {
margin: 0 0 40px;
font-size: 20px;
font-weight: 500;
}

.ctBox .box04 ul {
display: flex;
justify-content: space-between;
margin: 0 1.92%;
}

.ctBox .box04 ul li {
width: 29.811%;
padding: 21px 2.43% 24px;
background: #FFF8E7;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
box-sizing: border-box;
}

.ctBox .box04 ul li h4 {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 10px;
color: #F0661D;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}

.ctBox .box04 ul li p {
font-size: 16px;
line-height: 1.875;
text-align: left;
}

.ctBox .box04 .note {
margin: 20px 1.92% 0;
font-size: 12px;
text-align: right;
}





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

.inner {
width: 92%;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}

.kv .inner {
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 43.5vw;
min-height: inherit;
}

.kv .inner:before {
display: none;
}

.kv .inner:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 25%;
height: 100%;
background: url("../img/bg_ttl_01.png") no-repeat right top;
background-size: cover;
z-index: 2;
}

.kv h1 {
padding: 0 0 0 25%;
color: #EE4B00;
font-size: 26px;
font-weight: 500;
}

.kv h1 span {
display: block;
color: #333;
font-size: 12px;
font-weight: 500;
}

.main {
padding: 10% 0 18%;
}

.main h2 {
margin: 0 0 4%;
font-size: 20px;
font-weight: 500;
line-height: 2;
}

.main .txt {
margin: 0 0 8%;
font-size: 16px;
font-weight: 500;
line-height: 1.875;
}

.main ul {
display: block;
}

.main ul li {
width: 100%;
margin: 0 0 6%;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
}

.main ul li a {
display: block;
background: url("../img/ico_arw_02.png") no-repeat right 24px center;
}

.main ul li p {
padding: 15px 15px 63px;
font-size: 18px;
font-weight: 500;
}

.main ul li .bg01 {
background: url("../img/mansion_management/ico_main_01.png") no-repeat right 48px top 20px;
background-size: 60px auto;
}
.main ul li .bg02 {
background: url("../img/mansion_management/ico_main_02.png") no-repeat right 50px top 20px;
background-size: 60px auto;
}
.main ul li .bg03 {
background: url("../img/mansion_management/ico_main_03.png") no-repeat right 52px top 16px;
background-size: 60px auto;
}

.ctBox {
margin: -80px 0 15%;
padding: 80px 0 0;
}

#anc04 {
margin: -80px 0 4%;
padding: 80px 0 0;
}

.estate {
margin: -80px 0 20%;
}

.ctBox h2 {
margin: 0 0 8%;
padding: 0 0 3% 38px;
font-size: 20px;
font-weight: 500;
line-height: 1.77;
background: url("../img/bg_ttl_02.png") no-repeat left top;
background-size: 26px auto;
border-bottom: 1px solid #ccc;
}

.ctBox .ttl01 {
margin: 0 0 4%;
font-size: 20px;
}

.ctBox .ttl02 {
margin: 8% 0 4%;
font-size: 18px;
}

.ctBox .ttl03 {
margin: 8% 0 -4%;
font-size: 20px;
}

.ctBox .txt {
font-size: 16px;
line-height: 1.875;
}

.ctBox .txt a {
text-decoration: underline;
}

.ctBox .inner > .txt {
margin: 0 0 8%;
}

.mansion .inner > .txt {
margin: 0 0 12%;
}

.ctBox .box01 {
display: block;
justify-content: space-between;
padding: 0 0 7%;
}

.ctBox .box01 .txtBox {
width: 100%;
margin: 0 0 5%;
}

.ctBox .box01 .txtBox h3 {
margin: 0 0 3%;
padding: 0 0 0 30px;
font-size: 18px;
font-weight: 500;
line-height: 2;
background: url("../img/bg_ttl_03.png") no-repeat left 5px;
background-size: 18px auto;
}

.ctBox .box01 .img02 {
width: auto;
margin: 0;
}

.ctBox .box02 {
margin: 9% 0 0;
padding: 7% 5% 9%;
text-align: center;
background: #FFF8E7;
}

.estate .box02 {
padding: 7% 5% 12%;
}

.rent .box02 {
margin: 9% 0;
padding: 7% 5% 3%;
}

.ctBox .box02 h3 {
margin: 0 0 4%;
color: #F7580E;
font-size: 18px;
font-weight: 500;
}

.ctBox .box02 h3 a {
display: block;
padding: 10px 20px;
color: #fff;
font-size: 16px;
background: #F0661D;
}

.ctBox .box02 .txt {
text-align: left;
}

.ctBox .box02 .btn {
width: 260px;
margin: 6% auto 0;
}

.ctBox .box02 .btn a {
display: block;
padding: 10px 0;
color: #fff;
font-size: 16px;
background: #F0661D;
}

.ctBox .bnr {
width: 100%;
margin: 0 auto;
padding: 0;
}

.ctBox .bnr a {
display: block;
padding: 0 0 0 37.5%;
background: url("../img/mansion_management/img_rent_05.jpg") no-repeat left top;
background-size: auto 100%;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
}

.ctBox .bnr a span {
display: block;
padding: 32px 0;
font-size: 14px;
font-weight: 500;
background: url("../img/ico_arw_01.png") no-repeat right 6% center;
background-size: 10px auto;
}

.estate .inner .img01 {
margin: 0 0 8%;
}

.estate .inner > h3 {
margin: 0 0 3%;
padding: 0 0 0 30px;
font-size: 18px;
font-weight: 500;
line-height: 2;
background: url("../img/bg_ttl_03.png") no-repeat left 5px;
background-size: 18px auto;
}

.ctBox .box03 {
display: block;
}

.ctBox .box03 li {
width: 100%;
margin: 0 0 5%;
}

.ctBox .box04 {
padding: 6% 0 9%;
text-align: center;
}

.ctBox .box04 h3 {
margin: 0 0 1%;
color: #EE4B00;
font-size: 20px;
font-weight: 500;
}

.ctBox .box04 .lead {
margin: 0 0 7%;
font-size: 18px;
font-weight: 500;
}

.ctBox .box04 ul {
display: block;
margin: 0;
}

.ctBox .box04 ul li {
width: 100%;
margin: 0 0 5%;
padding: 5% 5% 7%;
background: #FFF8E7;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
box-sizing: border-box;
}

.ctBox .box04 ul li h4 {
display: block;
margin: 0 0 2%;
color: #F0661D;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}

.ctBox .box04 ul li p {
font-size: 16px;
line-height: 1.875;
text-align: left;
}

.ctBox .box04 .note {
margin: 4% 0 0;
font-size: 12px;
text-align: right;
}



}