@charset "utf-8";

.contents-inner {
        max-width: 1140px;
		/*font-size: 2.3rem;*/
}

.second-block {
        max-width: 1240px;
}

.title-wrap{
		position: static;
		background-color: #cfe8f5;
		height: auto;
}
.title-wrap ul{
		display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
}
.title-wrap li{
		padding: 5% 5% 0 5%;
}
.title-wrap img{
		max-width: 350px;
		width: 100%;
		height: 100%;
}
.title-block {
		position: static;
		width: auto;
		text-align: center;
		color: #ffffff;
		transform: none;
}
.assess-content-title{
		width: 100%;
		/*height: 30px;*/
		color: #008CCF;
		font-size: 3rem;
		font-weight: 600;
		text-align: center;
		margin-bottom: 4rem;
		margin-top: 10rem;
		line-height: normal;

}
.messe-photo-area {
		width: 100%;
		margin: auto 0;
		text-align: center;
		border-top: solid #008CCF 15px;
		border-bottom: solid #008CCF 15px;
}
.assess-font-space{
		line-height: 5rem;

}
.assess-font-size0{
		font-size: 1.2rem;
}
.assess-font-size1{
		font-size: 1.4rem; 
}
.assess-font-size17 {
		font-size: 1.7rem;
}
.assess-font-size2{
		font-size: 1.8rem; 
}
.assess-font-size3{
		font-size: 3rem; 
}
.assess-font-size4{
		font-size: 4rem; 
}

.assess-font-color-black{
		color: #1a1a1a;
		word-break: break-all;
		text-align: justify;
}

.tac {
		text-align:center;

}
.under {
  border-bottom: dotted 1px #1a1a1a;
}
.assess-clock-block{
		/*position: absolute;
		width: 300px;
		left: 440px;
		top: 120px;*/
		text-align: center;
		padding-bottom: 20px;
}
.content-box ul{
		
        display: flex;
        align-items: center;
        justify-content: center;

}
.content-box ul li{
		
        padding: 3rem;

}
/*
.content-box .table-box02{
		width: 400px;
		height: 650px;
		border: solid 3px;
		border-collapse: collapse; 
		line-height: 3.5rem;

		

}*/
.content-box .table-box02 {

		width: 400px;
		height: 650px;
		border: solid 1px;
		border-collapse: collapse; 

}
.content-box .table-box02 .bgc-blue{
		background-color: #008CCF;
		color: white;
		

}
.table-box02 td{
		text-align: center;
		vertical-align: top;
		/*padding: 2rem;*/
		border: none;
}
.table-box02 td.td-height1{
		padding: 2rem;
		/*height: 200px;*/
		text-align: center;
}

.table-box02 td.td-height3{
		padding: 2rem;
		height: 240px;
		border-top: none;
		border-bottom: none;
}
.table-box02 img {
		width: 470px;

}
.content-box{
		width: 100%;

}
.content-box .table-box{
		width: 100%;
		height: 500px;
		border: solid 1px #000000;
		border-collapse: collapse;
		color: #1a1a1a;
		

}
.content-box .table-box th{
		color: white;
		background-color: #008CCF
}
.table-box02 th,td{
		border: none;
}
.content-box .table-box th,td{
		border: dashed 1px;
		text-align: center;
		vertical-align: middle;
} 


.assess-content-title{

		margin-top: 8rem;
		margin-bottom: 4.5rem;

}

.content-exp {
    padding: 2em 2em;
    margin: 1em auto;
    color: #008CCF;/*文字色*/
    background: #FFF;
    /*border: solid 2px #008CCF;線*/
    /*border-radius: 10px;角の丸み*/
}

/*角丸・題目付デザイン*/
.content-box-kado{
  border: 1px solid #008CCF;
  border-radius: 5px;
  height: 380px;
  margin-bottom: 6rem;
}

.content-box-kado h3{
  background: #008CCF;
  color: #FFF;
  text-align: center;
  margin: 0;
}

.content-box-kado .inner{
  padding: 2rem;
}

.content-box-kado ul{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem;
        margin-left: 1rem;

}

.content-box-kado li{

        margin-left: 1rem;

}

.messe-photo-image{
		position: relative;


}
.messe-voice01{
		position: absolute;
		top: 270px;
		left: 153px;
		width: 230px;
		height:210px;
		font-size: 1.2rem;
}
.messe-voice02{
		position: absolute;
		top: 270px;
		left: 433px;
		width: 230px;
		height:210px;
		font-size: 1.2rem;
}
.messe-voice03{
		position: absolute;
		top: 270px;
		left: 716px;
		width: 230px;
		height:210px;
		font-size: 1.2rem;
}

.buy-bk-image{
		background-image: url("../images/buy_background_images.png");
		background-repeat: norepeat;
		background-size: 100%;
}

.buy-step-inner{
		width: 100%;
		height: 450px;
		margin-top: 40px;

}
.buy-content-step{
		margin-bottom: 15px;
}
.buy-step-inner ul{
		
        display: flex;
        align-items: center;
        justify-content: center;

}
.content-image{
		width: 30%;
		height: 100%;
		vertical-align: bottom;
}
.content-text{
		width: 70%;
		padding: 2rem;
		color: black;

}

.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;
}




@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;
        }
		.content-box ul {
				display: block;
		
		}
		.content-box .table-box02 {
				width: 100%;
		
		}
		.ils04 {
				inline-size: 100%;
		}
		.content-box-kado {
				height: 0%;
		
		}
		.content-box-kado ul{
				display: block;
				text-align: center;
		
		}
		.content-box-kado ul .img-center{
				text-align: center;
		}
		.title-wrap{
				/*height:400px;*/
		}
		.title-wrap ul{
				display: block;
		}
		.assess-clock-block{
				position: static;
				/*margin-left: 90px;*/
		}
		
		.messe-voice01{
			    position: relative;
			    margin: 4em 0;
			    padding: 1em 1em;
			    border: solid 3px #008CCF;
			    width: 100%;
			    height: auto;
			    top: 0;
			    left: 0;
				font-size: 1.7rem;
		}
		.messe-voice01 .box-title {
			    position: absolute;
			    display: inline-block;
			    top: -27px;
			    left: -3px;
			    padding: 0 9px;
			    height: 25px;
			    line-height: 25px;
			    font-size: 17px;
			    background: #008CCF;
			    color: #ffffff;
			    font-weight: bold;
			    border-radius: 5px 5px 0 0;
		
		}
		.messe-voice02{
			    position: relative;
			    margin: 4em 0;
			    padding: 1em 1em;
			    border: solid 3px #008CCF;
			    width: 100%;
			    height: auto;
			    top: 0;
			    left: 0;
				font-size: 1.7rem;
		}
		.messe-voice02 .box-title {
			    position: absolute;
			    display: inline-block;
			    top: -27px;
			    left: -3px;
			    padding: 0 9px;
			    height: 25px;
			    line-height: 25px;
			    font-size: 17px;
			    background: #008CCF;
			    color: #ffffff;
			    font-weight: bold;
			    border-radius: 5px 5px 0 0;
		
		}
		.messe-voice03{
			    position: relative;
			    margin: 4em 0;
			    padding: 1em 1em;
			    border: solid 3px #008CCF;
			    width: 100%;
			    height: auto;
			    top: 0;
			    left: 0;
				font-size: 1.7rem;
		}
		.messe-voice03 .box-title {
			    position: absolute;
			    display: inline-block;
			    top: -27px;
			    left: -3px;
			    padding: 0 9px;
			    height: 25px;
			    line-height: 25px;
			    font-size: 17px;
			    background: #008CCF;
			    color: #ffffff;
			    font-weight: bold;
			    border-radius: 5px 5px 0 0;
		
		}
}

@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-box-kado img {
        		width: 100%;
        
        }
		.table-box02 img {
				width: 100%;

		}


}