/*------------- .p-bg -------------*/

.p-bg {
    padding-bottom: 75px;
    background: url(/images/common/bg_page_box_01.png)top left;
}

.p-bg .p-top-text {
    text-align: center;
    color: #292929;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8em;
    letter-spacing: 0.05em;
}

@media screen and (max-width: 767px){
    .p-bg {
        padding-bottom: 40px;
    }

    .p-bg .p-top-text {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.6em;
        letter-spacing: 0.2em;
        text-align: left;
    }
}


/*------------- .imageL -------------*/

.imageL {
	width:720px;
	margin:30px auto;
}
@media screen and (max-width: 767px){
	.imageL {
		max-width:720px;
		width:100%;
		margin:30px auto;
	}
}


/* .p-realestate-box
---------------------------------------------------------------------------- */
.p-realestate-box {
    padding: 50px 60px 20px;
    margin: 40px 0 0 0;
    background: #fff;
}

.p-realestate-box h2 {
    font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",繝｡繧､繝ｪ繧ｪ,Meiryo,"貂ｸ繧ｴ繧ｷ繝�け Medium",YuGothic,YuGothicM,sans-serif;
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.33;
    text-align: center;
    position: relative;
}

.p-realestate-box h2:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #292929;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
}

.p-realestate-box h2 span {
    padding: 0 20px;
    background: #fff;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
}

.p-realestate-box .top-text {
    margin-top: 25px;
    color: #292929;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
    text-align: center;
}




/*------------- .box -------------*/
.p-realestate-box .box .img {
    width: 260px;
}
.p-realestate-box .box .img a:hover img {
    opacity:0.6;
    -webkit-transition: all 0.3s;
}

.p-realestate-box .box .text {
    width: 690px;
}

.p-realestate-box .box.imgL .img {
    width: 450px;
}
.p-realestate-box .box.imgL .text {
    width: 480px;
}

.p-realestate-box .box .text h3 {
    margin-top:10px;
    color: #292929;
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
}
.p-realestate-box .box .text h3 a {
    padding-left:20px;
    color: #292929;
    background: url(/images/common/icn_footer_link.png)no-repeat top 50% left;
}
.p-realestate-box .box .text h3 a:hover {
    opacity:0.6;
    -webkit-transition: all 0.3s;
}

.p-realestate-box .box .text p {
    margin-top: 10px;
    color: #292929;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.73;
    letter-spacing: 0.05em;
}


@media screen and (max-width: 767px){
    .p-realestate-box {
        padding: 35px 20px 20px;
        margin-top: 20px;
    }
   
    .p-realestate-box h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.6;
    }
    .p-realestate-box h2 span {
        padding: 0 10px;
    }
    .p-realestate-box .top-text {
        margin-top: 25px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8;
        letter-spacing: 0.05em;
        text-align: left;
    }

    /*------------- .box -------------*/
    .p-realestate-box .box .img{
	width:100%!important;
	text-align:center;
    }
    .p-realestate-box .box .img img{
	margin:0 0 10px;
        width: 100%;
	max-width:260px;
        height: auto;
    }
    .p-realestate-box .box.imgL .img img{
		max-width:400px;
    }
    .p-realestate-box .box .text {
        width: 100%!important;
    }
    .p-realestate-box .box .text h3 {
        margin-top:10px;
        font-size: 16px;
        font-size: 1.6rem;
        letter-spacing: 0.1em;
    }
    .p-realestate-box .box .text p {
        margin-top:5px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.6;
    }

}


/*------------- .stepBox -------------*/

.stepBox {
  	padding:30px 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.stepBox .box{
  	width:23%;
  	position:relative;
}
.stepBox .box .number{
	width:32px;
	height:32px;
	text-indent:1px;
	line-height:32px;
	text-align:center;
	color:#ffffff;
  	background:#509c73;
	border-radius:16px 16px;
	position:absolute;
	top:5px;
	left:5px;
}
.stepBox .box .photo {
	position:relative;
}
.stepBox .box .photo img{
  	width:100%;
}
.stepBox .box .photo::after {
	content: '';
	display: block;
	margin:auto 0;
    width: 13px;
    height: 20px;
    border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
    border-left: 13px solid #509c73;
	position:absolute;
	top:0;
	bottom:0;
	right:-20px;
	z-index:1;
	box-sizing:border-box;
	overflow:hidden;
}
.stepBox .box:last-child .photo::after {
	display: none;
}
.stepBox .box .txt {
	margin-top:8px;
	font-size:1.4rem;
	text-align:center;
}

.stepBox {
    text-align: center;
    color: #292929;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8em;
    letter-spacing: 0.05em;
}

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

	.stepBox .box{
  		width:100%;
		max-width:400px;
		margin:0 auto 35px;
  		position:relative;
	}
	.stepBox .box .photo::after {
		margin:0 auto;
    	width: 20px;
    	height: 13px;
    	border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom:0px;
    	border-top: 13px solid #509c73;
		top:auto;
		bottom:-56px;
		right:0;
		left:0;
	}
	
}