.kv {
position: relative;
min-height: 800px;
padding: 450px 0 0;
box-sizing: border-box;
}

.kv:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 511px;
height: 800px;
background: url("../img/top/bg_kv_04.png") no-repeat;
}

.kv .bg01 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../img/top/bg_kv_01.jpg") no-repeat center;
background-size: cover;
}
.kv .bg02 {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../img/top/bg_kv_02.jpg") no-repeat center;
background-size: cover;
}
.kv .bg03 {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../img/top/bg_kv_03.jpg") no-repeat center;
background-size: cover;
}

.kv h2 {
position: relative;
margin: 0 0 0 210px;
z-index: 3;
}

.kv h2 span {
position: absolute;
top: 0;
left: 0;
display: block;
color: #fff;
font-size: 26px;
font-weight: bold;
line-height: 1.54;
}

.kv h2 .ttl02 {
display: none;
}

.main {
padding: 120px 0 198px;
}

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

.main h2 {
margin: 0 0 68px;
font-size: 26px;
font-weight: 500;
line-height: 1.54;
text-align: center;
}

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

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

.main ul li a {
display: block;
padding: 163px 0 0;
background: url("../img/top/bg_main_01.jpg") no-repeat center top;
background-size: cover;
}

.main ul li:nth-child(2) a {
background: url("../img/top/bg_main_02.jpg") no-repeat center top;
background-size: cover;
}

.main ul li:nth-child(3) a {
background: url("../img/top/bg_main_03.jpg") no-repeat center top;
background-size: cover;
}

.main ul li:nth-child(4) a {
background: url("../img/top/bg_main_04.jpg") no-repeat center top;
background-size: cover;
}

.main ul li a p {
padding: 17px 26px;
color: #EE4B00;
font-size: 26px;
font-weight: 500;
line-height: 1.39;
background: rgba(255,255,255,0.85) url("../img/ico_arw_01.png") no-repeat right 26px center;
}

.manage {
margin: 0 0 95px;
}

.manage .inner {
position: relative;
max-width: 832px;
margin: 0 auto;
padding: 99px 20px 132px;
box-sizing: border-box;
}

.manage .inner:before {
content: '';
position: absolute;
top: 0;
right: 290px;
width: 1117px;
height: 500px;
background: url("../img/top/img_manage_01.png") no-repeat;
}

.manage .box {
position: relative;
width: 509px;
margin: 0 0 0 auto;
background: #fff;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
box-sizing: border-box;
z-index: 2;
}

.manage .box a {
display: block;
padding: 46px 110px 52px 50px;
background: url("../img/ico_arw_01.png") no-repeat right 31px center;
}

.manage .box h2 {
margin: 0 0 20px;
color: #F0661D;
font-size: 26px;
font-weight: 500;
}

.manage .box h2 span {
display: block;
margin: 4px 0 0;
color: #333;
font-size: 12px;
font-weight: 500;
}

.manage .box p {
font-size: 16px;
line-height: 1.875;
}

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

.property .box h2 {
margin: 0 0 30px;
color: #F0661D;
font-size: 26px;
font-weight: 500;
text-align: center;
}

.property .box h2 span {
display: block;
margin: 4px 0 0;
color: #333;
font-size: 12px;
font-weight: 500;
}

.property .box ul {
display: flex;
flex-wrap: wrap;
margin: 0 -16px;
}

.property .box ul li {
width: 274px;
margin: 0 17px 50px;
padding: 0 0 18px;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
}

.property .box ul li h3 {
margin: 15px 14px 12px;
font-size: 16px;
font-weight: 500;
}

.property .box ul li table {
margin: 0 14px 5px;
}

.property .box ul li table th ,
.property .box ul li table td {
padding: 0 0 7px;
vertical-align: middle;
}

.property .box ul li table th p {
width: 52px;
color: #fff;
font-size: 12px;
text-align: center;
background: #CCCCCC;
border-radius: 3px;
}

.property .box ul li table td p {
margin: 0 5px;
font-size: 12px;
}

.property .box ul li table td .price {
margin: 0 0 -7px 5px;
color: #F0661D;
font-size: 16px;
font-weight: 500;
white-space: nowrap;
}

.property .box ul li table td .area {
line-height: 1.17;
}

.property .box ul li .map {
margin: 0 14px 2px;
padding: 0 0 0 18px;
font-size: 12px;
background: url("../img/property/ico_map_01.png") no-repeat 3px center;
}

.property .box ul li .station {
margin: 0 14px;
padding: 0 0 0 18px;
font-size: 12px;
background: url("../img/property/ico_station_01.png") no-repeat 3px center;
}

.recruit {
margin: 0 0 285px;
}

.recruit .inner {
position: relative;
max-width: 840px;
margin: 0 auto;
padding: 99px 20px 90px;
box-sizing: border-box;
}

.recruit .inner:before {
content: '';
position: absolute;
top: 0;
left: 305px;
width: 1117px;
height: 500px;
background: url("../img/top/img_recruit_01.png") no-repeat;
}

.recruit .box {
position: relative;
width: 509px;
background: #fff;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
box-sizing: border-box;
z-index: 2;
}

.recruit .box a {
display: block;
padding: 46px 110px 82px 50px;
background: url("../img/ico_arw_01.png") no-repeat right 31px center;
}

.recruit .box h2 {
margin: 0 0 20px;
color: #F0661D;
font-size: 26px;
font-weight: 500;
}

.recruit .box h2 span {
display: block;
margin: 4px 0 0;
color: #333;
font-size: 12px;
font-weight: 500;
}

.recruit .box p {
font-size: 16px;
line-height: 1.875;
}

.bnr {
width: 600px;
margin: 0 auto 195px;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
}

/*
.recruit .bnr {
margin: 285px auto 0;
}
*/

.bnr a {
display: block;
padding: 0 0 0 245px;
background: url("../img/top/bg_bukken_01.jpg") no-repeat left top;
}

/*
.recruit .bnr a {
background: url("../img/top/bg_recruit_01.jpg") no-repeat left top;
}
*/

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

.about {
margin: -100px 0 0;
padding: 100px 0 0;
}

.about .outer {
padding: 84px 0 0;
background: #F5F5F5;
}

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

.about h2 {
width: 265px;
margin: 0 auto 50px;
text-align: center;
}

.about h2 span {
display: block;
margin: 5px 0 0;
font-size: 20px;
}

.about table {
width: 100%;
text-align: left;
}

.about table th {
width: 152px;
font-size: 16px;
line-height: 1.875;
vertical-align: top;
}

.about table td {
font-size: 16px;
line-height: 1.875;
vertical-align: top;
}

.about .link {
margin: 30px 0 140px;
text-align: center;
}

.about .link a {
padding: 0 0 0 24px;
font-size: 16px;
font-weight: 500;
background: url("../img/ico_target_01.png") no-repeat left center;
}

.about .mapBox {
display: flex;
justify-content: space-between;
background: #f5f5f5;
}

.about .map {
position: relative;
width: 50%;
height: 491px;
}

.about .map span {
font-size: 20px;
}

.about .map iframe {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 456px;
}


@media screen and (max-width: 1260px) {
.property .box ul {
width: 616px;
margin: 0 auto;
}
}


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

.kv {
position: relative;
min-height: 158.45vw;
padding: 90% 0 0;
box-sizing: border-box;
}

.kv:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 74.88%;
background: url("../img/top/bg_kv_04_sp.png") no-repeat;
background-size: 100% auto;
}

.kv .bg01 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../img/top/bg_kv_01.jpg") no-repeat 55% center;
background-size: cover;
}
.kv .bg02 {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../img/top/bg_kv_02.jpg") no-repeat 70% center;
background-size: cover;
}
.kv .bg03 {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../img/top/bg_kv_03.jpg") no-repeat center;
background-size: cover;
}

.kv h2 {
position: relative;
margin: 0;
text-align: center;
z-index: 3;
}

.kv h2 span {
left: 0;
right: 0;
margin: 0 auto;
color: #fff;
font-size: 21px;
font-weight: bold;
line-height: 1.53;
}

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

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

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

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

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

.main ul li a {
display: block;
padding: 32.258% 0 0;
}

.main ul li a p {
padding: 13px 20px;
color: #EE4B00;
font-size: 19px;
font-weight: 500;
line-height: 1.37;
background: rgba(255,255,255,0.85) url("../img/ico_arw_01.png") no-repeat right 18px center;
background-size: 11px auto;
}

.manage {
margin: 0 0 14%;
}

.manage .inner {
position: relative;
width: 92.27%;
margin: 0 auto;
padding: 38% 0 0;
box-sizing: border-box;
}

.manage .inner:before {
content: '';
position: absolute;
top: 0;
right: -3.865%;
width: 100vw;
height: 44.76vw;
background: url("../img/top/img_manage_01.png") no-repeat;
background-size: cover;
}

.manage .box {
position: relative;
width: auto;
margin: 0;
background: #fff;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
box-sizing: border-box;
z-index: 2;
}

.manage .box a {
display: block;
padding: 7% 9.9% 23%;
background: url("../img/ico_arw_01.png") no-repeat center bottom 40px;
}

.manage .box h2 {
margin: 0 0 5%;
color: #F0661D;
font-size: 26px;
font-weight: 500;
}

.manage .box h2 span {
display: block;
margin: 0;
color: #333;
font-size: 10px;
font-weight: 500;
}

.manage .box p {
font-size: 16px;
line-height: 1.875;
}

.property .inner {
position: relative;
width: 92.27%;
margin: -80px auto 0;
padding: 80px 0 0;
box-sizing: border-box;
}

.property .box h2 {
margin: 0 0 5%;
color: #F0661D;
font-size: 26px;
font-weight: 500;
}

.property .box h2 span {
display: block;
margin: 0;
color: #333;
font-size: 10px;
font-weight: 500;
}

.property .box ul {
display: flex;
flex-wrap: wrap;
width: auto;
margin: 0;
}

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

.property .box ul li h3 {
margin: 15px 14px 12px;
font-size: 16px;
font-weight: 500;
}

.property .box ul li table {
margin: 0 14px 5px;
}

.property .box ul li table th ,
.property .box ul li table td {
padding: 0 0 7px;
}

.property .box ul li table th p {
width: 52px;
color: #fff;
font-size: 12px;
text-align: center;
background: #CCCCCC;
border-radius: 3px;
}

.property .box ul li table td p {
margin: 0 5px;
font-size: 12px;
}

.property .box ul li table td .price {
margin: 0 0 -7px 5px;
color: #F0661D;
font-size: 16px;
font-weight: 500;
}

.property .box ul li table td .area {
line-height: 1.5;
}

.property .box ul li .map {
margin: 0 14px 2px;
padding: 0 0 0 18px;
font-size: 12px;
background: url("../img/property/ico_map_01.png") no-repeat 3px center;
}

.property .box ul li .station {
margin: 0 14px;
padding: 0 0 0 18px;
font-size: 12px;
background: url("../img/property/ico_station_01.png") no-repeat 3px center;
}


.recruit {
margin: 0 0 10%;
}

.recruit .inner {
position: relative;
width: 92.27%;
margin: 0 auto;
padding: 38% 0 0;
box-sizing: border-box;
}

.recruit .inner:before {
content: '';
position: absolute;
top: 0;
left: -3.865%;
width: 100vw;
height: 44.76vw;
background: url("../img/top/img_recruit_01.png") no-repeat;
background-size: cover;
}

.recruit .box {
position: relative;
width: auto;
margin: 0;
background: #fff;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
box-sizing: border-box;
z-index: 2;
}

.recruit .box a {
display: block;
padding: 7% 9.9% 23%;
background: url("../img/ico_arw_01.png") no-repeat center bottom 40px;
}

.recruit .box h2 {
margin: 0 0 5%;
color: #F0661D;
font-size: 26px;
font-weight: 500;
}

.recruit .box h2 span {
display: block;
margin: 0;
color: #333;
font-size: 10px;
font-weight: 500;
}

.recruit .box p {
font-size: 16px;
line-height: 1.875;
}

.bnr {
width: 100%;
margin: 0 auto 14%;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
}

/*
.recruit .bnr {
margin: 8% auto 0;
}
*/

.bnr a {
display: block;
padding: 0 0 0 40.5%;
background: url("../img/top/bg_bukken_01.jpg") no-repeat left top;
background-size: auto 100%;
}

.property .bnr a {
padding: 0 0 0 48.5%;
}

/*
.recruit .bnr a {
background: url("../img/top/bg_recruit_01.jpg") no-repeat left top;
background-size: auto 100%;
}
*/

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

.about {
margin: -80px 0 0;
padding: 80px 0 0;
}

.about .outer {
padding: 15.5% 0 0;
background: #F5F5F5;
}

.about .inner {
width: 87.92%;
margin: 0 auto;
padding: 0 0 1px;
box-sizing: border-box;
}

.about h2 {
width: 265px;
margin: 0 auto 12%;
text-align: center;
}

.about h2 span {
display: block;
margin: 1% 0 0;
font-size: 20px;
}

.about table {
width: 100%;
text-align: left;
}

.about table th {
width: 120px;
font-size: 16px;
line-height: 1.875;
vertical-align: top;
}

.about table td {
font-size: 16px;
line-height: 1.875;
vertical-align: top;
}

.about .link {
margin: 12% 0 26%;
text-align: center;
}

.about .link a {
padding: 0 0 0 24px;
font-size: 16px;
font-weight: 500;
background: url("../img/ico_target_01.png") no-repeat left center;
}

.about .mapBox {
display: block;
background: #f5f5f5;
}

.about .map {
position: relative;
width: 100%;
height: 64.24vw;
}

.about .map + .map {
margin: 8% 0 0;
}

.about .map span {
font-size: 16px;
}

.about .map iframe {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 57.24vw;
}


}