@charset "utf-8";

.contents-inner {
        max-width: 1140px;

}

.second-block {
        max-width: 1240px;
}
/*
.buy-bk-image{
		background-image: url("../images/buy_background_images.png");
		background-repeat: norepeat;
		background-size: 100%;
}*//*
.buy-bk-image{
		background-image: url("../images/buy_background_images.png");
		background-repeat: no-repeat;
		background-size: 90%;
		background-position: 200px 250px;
}*/
.buy-step-inner{
		width: 100%;
		height: 450px;
		margin-top: 40px;

}
.buy-content-step{
		margin-bottom: 15px;
		text-align: center;
		margin-left: 400px;
		z-index: 10;
		position: relative;
}
/*
.buy-step-inner ul{
		
        display: flex;
        align-items: center;
        justify-content: center;

}*/
.contents-inner ul{
		
        display: flex;
        /*align-items: center;*/
        justify-content: center;

}
.contents-inner li{
	

}
.buy-content-image {
	width: 200px;

}
.buy-content-inner {
		display: flex;
}

.buy-step-text {
		font-size: 5rem;
}
.buy-step-number {
		font-size: 9rem;
}
.buy-content-text {
	width: 770px;
	/*font-size: 2rem;*/
	color: black;
	margin-top: 50px;

}
.buy-content-image img{
		width: 70%;
		top:100px;

}
.content-title {
		/*color: #008CCF;*/
		font-weight: bold;
		/*margin-bottom: 30px;*/
}
.content-title2 {
		color: #008CCF;
		font-weight: bold;
		margin-bottom: 30px;
		font-size: 3rem;
}
.content-image{
		width: 30%;
		height: 100%;
		vertical-align: bottom;
		position: relative;
		z-index: 2;
}
.content-image img {
		/*width: 100%;*/
}
.content-text{
		width: 100%;
		padding: 2rem;
		color: black;
		background-color: #e8f0fc;
		position: relative;
		top: -30px;
		right: 0;
		padding-left: 155px;
		padding-top: 55px;
		height: 370px;

}

.panel-photo-box {
        width: 40%;
}

.panel-text-box {
        font-size: 1.5rem;
        text-align: justify;
}

.main-area {
        margin: 10rem auto 0;
}

/* common */
.border-title {
        width: 100%;
        height: 3px;
        background-color: #e0e0e0;
        position: relative;
        margin-bottom: 5rem;
}

.page-title-wrap {
        margin-bottom: 5rem;
}

.border-title::before {
        position: absolute;
        content: "";
        width: 100px;
        height: 6px;
        background-color: #171C61;
}

.page-title {
        font-size: 3rem;
}

.service-box-title {
        padding: 2rem;
        font-size: 2.8rem;
        background-color: #e2e2e2;
}

/* buy_sell不動産買取再販事業 */

.buy-box {
        max-width: 1140px;
        margin: 0 auto;
}

.buy-img-box {
        padding: 0 7rem;
}

.buy-sell-img {
        width: 100%;
}

/* plan不動産企画・開発事業 */
.plan-main {
        margin: 10rem auto;
}

.plan-box {
        max-width: 1140px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
}

.plan-img-box {
        padding: 0 7rem;
}

.plan-img {
        width: 100%;
}

/* management不動産管理･運用･サブリース事業 */

.management-img-box {
        margin: 5rem auto;
        padding: 0 7rem;
}

.management-img {
        width: 100%;
}

.management-box02 {
        margin-bottom: 15rem;
}

/* reproduction不動産再生事業 */

.reproduction-img-box {
        margin: 5rem auto;
        padding: 0 10rem;
}

.reproduction-img-box02 {
        padding: 0 10rem;
}

.reproduction-box02 {
        margin-bottom: 5rem;
}


.reproduction-img {
        width: 100%;
}


/* consulting不動産コンサルティング事業*/
.consulting-text {
        margin-bottom: 7rem;
}

.consulting-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}

.consulting-list-item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32%;
        padding: 1.5rem;
        margin-bottom: 2%;
        text-align: center;
        font-size: 1.8rem;
        color: #171C61;
        border: 2px solid #171C61;
        box-shadow: 3px 3px 0 rgba(23, 28, 97, 0.2);
}

.circle-box {
        width: 75%;
        margin: 0 auto;
}

.circle-img {
        width: 100%;
}

/* inheritance相続支援･事業承継コンサルティング事業 */
.inheritance-flex {
        max-width: 1140px;
        margin: 0 auto;
}

.inheritance-img-box {
        margin: 5rem 7rem;
}

.inheritance-img-box02 {
        text-align: center;
}

.inheritance-img {
        width: 100%;
}

.inheritance-img02 {
        width: 45%;
}

.inheritance-wrap {
        margin-top: 5rem;
}

.inheritance-img-box03 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin: 5rem auto;
}

.inheritance-img-item {
        width: 48%;
}

.step-flex {
        display: flex;
        flex-direction: column;
        align-items: center;
}

.step-left,
.step-right {
        width: 55%;
}

.arrow-position {
        position: relative;
}

.step {
        width: 100%;
        height: 0;
        margin-top: 5rem;
        overflow: hidden;
}

.step01 {
        padding-top: 28%;
        background: url(../images/service/step01.png) center center no-repeat;
        background-size: 100%;
}

.step02 {
        padding-top: 32.4%;
        background: url(../images/service/step02.png) center center no-repeat;
        background-size: 100%;
}

.step03 {
        margin-top: 3rem;
        padding-top: 28%;
        background: url(../images/service/step03.png) center center no-repeat;
        background-size: 100%;
}

.step04 {
        padding-top: 28%;
        background: url(../images/service/step04.png) center center no-repeat;
        background-size: 100%;
}

.step05 {
        padding-top: 23%;
        background: url(../images/service/step05.png) center center no-repeat;
        background-size: 100%;
}

.arrow-wrap {
        position: absolute;
        top: 95%;
        left: 50%;
        z-index: 1;
        transform: translateX(-50%);
        width: 4.5%;
}

.arrow-wrap02 {
        top: 80%;
}

.arrow-img {
        width: 100%;
}


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

        /* common */
        .contents-inner {
                margin: 5rem auto 3rem;
        }

        .main-area {
                margin: 4rem auto 0;
        }

        .border-title {
                margin-bottom: 3rem;
        }

        .page-title {
                font-size: 2.5rem;
        }

        .page-title-wrap {
                margin-bottom: 2.7rem;
        }

        .page-title-wrap::before {
                bottom: -25%;
                right: -15%;
        }

        .panel-detail-title {
                font-size: 2rem;
        }

        .service-box-title {
                font-size: 2rem;
        }

        /* buy_sell不動産買取再販事業 */

        .buy-img-box {
                padding: 0 5rem;
                text-align: center;
        }

        .buy-sell-img {
                width: 90%;
        }

        /* plan不動産企画・開発事業 */
        .plan-main {
                margin: 0 auto 3rem;
        }

        .plan-img-box {
                padding: 0 5rem;
        }

        /* management不動産管理･運用･サブリース事業 */
        .management-img-box {
                margin: 2rem auto 0;
                padding: 0;
        }

        .management-main-area02 {
                margin: 5rem auto;
        }

        .management-box02 {
                margin-bottom: 10rem;
        }

        /* reproduction不動産再生事業 */

        .reproduction-img-box {
                margin: 5rem auto;
                padding: 0 5rem;
        }

        .reproduction-main-area01 {
                margin-bottom: 0;
        }

        .reproduction-main-area03 {
                margin-bottom: 3rem;
        }

        /* consulting不動産コンサルティング事業*/

        .consulting-text {
                margin-bottom: 3rem;
        }

        .consulting-list-item {
                font-size: 1.6rem;
        }
		.buy-content-inner {
				display: block;
		}

		.buy-step-inner{
				height: auto;

		}
        .buy-content-step{
        		text-align: right;
        		margin-right: 4%;
        		top: 200px
        }
        .content-text {
        		padding-left: 100px;
        		height: 250px;
        }
}


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

        .main-area {
                margin-top: 3rem;
        }

        .panel-box {
                display: block;
        }

        .panel-photo-box {
                float: left;
                width: 60%;
                margin-top: 0.5rem;
                margin-right: 1rem;
        }

        .panel-text-box {
                width: 100%;
                font-size: 1.4rem;
                text-align: justify;
                letter-spacing: 0.08em;
        }

        /* common */
        .page-title-wrap {
                margin-bottom: 2rem;
        }

        .page-title {
                font-size: 1.8rem;
                line-height: 1.5;
        }

        .panel-detail-title {
                font-size: 1.8rem;
        }

        .service-box-title {
                font-size: 1.6rem;
                padding: 1rem;
        }

        .page-title-wrap::before {
                bottom: -5%;
                right: 0;
        }

        .border-title::before {
                width: 60px;
                height: 4px;
        }

        .border-title {
                margin-bottom: 2rem;
        }

        /* buy_sell不動産買取再販事業 */
        .buy-main {
                margin-top: 3rem;
        }

        .buy-img-box {
                padding: 0;
        }

        .buy-sell-img {
                width: 100%;
        }

        /* plan不動産企画・開発事業 */

        .plan-img-box {
                padding: 0;
        }

        /* management不動産管理･運用･サブリース事業 */
        .management-img-box {
                margin: 1rem auto 0;
                padding: 0;
        }

        .management-box02 {
                margin-bottom: 5rem;
        }

        /* reproduction不動産再生事業 */

        .reproduction-img-box {
                margin: 2rem auto 0;
                padding: 0;
        }

        .reproduction-box01,
        .reproduction-box03 {
                padding: 0;
        }

        .reproduction-box02 {
                padding: 0;
                margin: 3rem auto;
        }

        /* consulting */

        .consulting-list-item {
                width: 49%;
                padding: 0.5rem;
                font-size: 1.4rem;
        }

        .consulting-list-wrap,
        .circle-box {
                width: 100%;
        }

        .circle-box {
                margin: 3rem auto 0;
        }

        /* inheritance */
        .inheritance-main-area {
                margin: 3rem auto 2rem;
        }

        .inheritance-flex {
                display: block;
        }

        .inheritance-box01,
        .inheritance-box02 {
                width: 100%;
        }

        .inheritance-img02 {
                width: 60%;
        }

        .inheritance-img-box {
                margin: 2rem auto;
        }

        .inheritance-img-box03 {
                display: block;
                padding: 0;
        }

        .inheritance-img-item {
                width: 100%;
        }

        .inheritance-area {
                padding: 2rem 0;
                margin-bottom: 3rem;
        }

        .inheritance-wrap {
                margin-top: 0;
        }

        .step-flex {
                display: block;
        }

        .step-left,
        .step-right {
                width: 100%;
        }

        .step {
                margin-top: 2.5rem;
        }

        .arrow-wrap02 {
                top: 85%;
        }
        .content-image img {
        		width: 100%;
        }
		.buy-step-inner {
				height: auto;
		}
		.content-image {
				width: 100%;
		}
		.buy-content-step {
			top:0px;
			margin-left: auto;
		}
		.content-text {
				height: auto;
				padding-left: 5%;
		}

}