@charset "utf-8";

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

.second-block {
        max-width: 1240px;
}

.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;
        }

}


@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%;
        }

}