@charset "utf-8";

@media screen and (max-width: 1000px){
  /*--ここにスマホに適したCSSを記述します*/
#top_text p{
	width: 90%;
}
}

/*------- 空き家 ------*/
.akiya2 .flex_between{
	border: #f9f0de 1px solid;
	border-radius: 10px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
}
.akiya2 hr{
	border: #f9f0de 1px solid;
	height: 200px;
	margin: 0 10px;
}
.akiya2 p{
	font-size: 18px;
	margin-top: 10px;
}
.akiya2 h2{
	background-color: #fef8ec;
	font-size: clamp(1.25rem, -0.089rem + 2.86vw, 1.875rem);
	padding: 20px 0;
	border-radius: 10px;
}
@media screen and (max-width: 1000px){
  /*--ここにスマホに適したCSSを記述します*/
	.akiya2 hr{
	height: 150px;
}
}

/*------- STEP ------*/
.STEP{
	background-color: #e8eef0;
}
.STEP .waku{
	position: relative;
	background-color: #fff;
	width: 92%;
	margin: 0 0 0 auto;
	border-radius: 20px;
	padding: 30px 40px;
}
.STEP .waku h2{
	text-align: justify;
	position: absolute;
	top: -50px;
	left: 50px
}
.STEP .waku .step_icon{
	position: absolute;
	top:-80px;
	left: -100px;
	z-index: 50;
}
.STEP .waku .hr_midori{
	border: 2px solid #009a8e;
	width: 2px;
	position: absolute;
	top:-40px;
	left: -52px;
}
@media screen and (max-width: 1000px){
  /*--ここにスマホに適したCSSを記述します*/
	.STEP .waku{
	padding: 30px;
}
	.STEP .waku .step_icon{
	top:-70px;
	left: -70px;
}
.STEP .waku .hr_midori{
	top:-40px;
	left: -25px;
}
	.STEP .waku h2{
	font-size: 25px
}
}
/*--STEP1--*/
.STEP .step1 {
	height: 500px;
}
.STEP .step1 .hr_midori{
	height:600px;
}
.STEP .step1 .flex .gazou{
	border: #d9f3bb 1px solid;
	border-radius: 10px;
	padding-top: 20px;
	background-color: #fff;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
	height: 220px;
	width: 45%;
	margin: 10px;
}
.STEP .step1 .flex .gazou .flex_between{
	width: 70%;
	margin: auto
}
.STEP .step1 .p1{
	font-size: 18px;
	line-height: 25px;
	margin-top: 10px;
}
.STEP .step1 .p{
	font-size: 18px;
	text-align: justify;
	margin-top: 15px;
	padding: 0 20px;
}
@media screen and (max-width: 1000px){
  /*--ここにスマホに適したCSSを記述します*/
.STEP .step1 .flex .gazou{
	height: 210px;
}
	.STEP .step1 .flex .gazou .flex_between{
	width: 92%;
}
	.STEP .step1 {
	height: 550px;
}
	.STEP .step1 .hr_midori{
	height:650px;
}
	.STEP .step1 .p1{
	font-size: 15px;
	line-height: 25px;
	margin-top: 10px;
}
}
/*--STEP2--*/
.STEP .step2 {
	height: 560px;
}
.STEP .step2 .hr_midori{
	height:650px;
}
.STEP .step2 .p1{
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 10px;
}
.STEP .step2 .p{
	font-size: 18px;
	text-align: justify;
	margin-top: 15px;
	padding: 0 20px;
}
@media screen and (max-width: 1000px){
  /*--ここにスマホに適したCSSを記述します*/
	.STEP .step2 {
	height: 620px;
}
	.STEP .step2 .hr_midori{
	height:700px;
}
}
/*--.step2 table--*/
.STEP .step2 .table_title{
	background-color: #009b96;
	padding: 5px 0;
	width: 90%;
	margin: auto;
}
.STEP .step2 .title1{
	width: 34%;
	color: #fff;
	font-size: 18px;
}
.STEP .step2 .title2{
	width: 66%;
	color: #fff;
	font-size: 18px;
}
.STEP .step2 .table_title hr{
	height: 20px;
	border: #fff solid 1px;
}
.flow-table {
    width: 90%;
    overflow-x: auto;
	margin: auto
}
.flow-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
}
.flow-table th {
    padding: 14px;
    font-weight: bold;
	background:#d2ebeb;
	gap: 10px;
	font-size: 16px;
	display: flex;
	align-items: center;
	height: 75px;
	color: #383838;
	line-height: 25px;
}
.flow-table .number {
    width: 34px;
    height: 34px;
    background: #009b96;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 22px;
    flex-shrink: 0;
}
.flow-table td {
	width: 66%;
    padding: 5px 26px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.4;
    color: #333;
	background:#e6f2f2;
	height: 75px;
}
@media (max-width: 1000px) {
	.STEP .step2 .table_title{
	width: 100%;
}
	.flow-table {
    width: 100%;
}
.STEP .step2 .title1{
	font-size:18px;
}
.STEP .step2 .title2{
	font-size:18px;
}
.flow-table th{
    font-size:18px;
    padding:10px;
}
.flow-table td{
    font-size:15px;
    padding:5px;
}
.flow-table .number{
    width:28px;
    height:28px;
    font-size:18px;
}
}
/*--STEP3--*/
.STEP .step3 {
	height: 520px;
	padding: 30px 60px;
}
.STEP .step3 .hr_midori{
	height:620px;
}
.STEP .step3 .p{
	font-size: 22px;
	margin-bottom: 15px;
	padding: 0 20px;
}
.STEP .step3 .flex_column_top{
	width: 48%;
}
.STEP .step3 .green{
	margin: 10px 0;
	white-space: nowrap;
}
.STEP .step3 .p1{
	text-align: justify;
	font-size: 18px;
	line-height: 25px;
}
@media screen and (max-width: 1000px){
  /*--ここにスマホに適したCSSを記述します*/
	.STEP .step3 .flex_column_top{
	width: 90%;
		margin-bottom: 30px;
}
	.STEP .step3 {
	height: 1000px;
}
	.STEP .step3 .hr_midori{
	height:1100px;
}
}
/*--STEP4--*/
.STEP .step4 {
	height: 540px;
	padding: 30px 60px;
}
.STEP .step4 .hr_midori{
	height:620px;
}
.STEP .step4 .p{
	font-size: 20px;
	margin-bottom: 15px;
	padding: 0 20px;
}
.STEP .step4 .kahen_waku{
	width: 28%;
}
.STEP .step4 .green{
	margin: 10px 0;
	white-space: nowrap;
}
.STEP .step4 .p1{
	text-align: justify;
	font-size: 15px;
	line-height: 25px;
}

@media screen and (max-width: 1000px){
  /*--ここにスマホに適したCSSを記述します*/
	.STEP .step4 .kahen_waku{
	width: 90%;
	margin-bottom: 30px;
}
	.STEP .step4 .kahen_waku{
	display: flex;
	justify-content: center;
	align-items: center;	
	}
	.STEP .step4 .kahen_waku img{
		width: 160px;
		margin-right: 20px;
	}
	.STEP .step4 .kahen_waku .green{
		text-align: justify;
	}
	.STEP .step4 {
	height: 730px;
}
	.STEP .step4 .hr_midori{
	height:830px;
}
}
/*--STEP5--*/
.STEP .step5 {
	padding: 30px 60px;
}
.STEP .step5 .p{
	font-size: 20px;
	margin-bottom: 15px;
	padding: 0 20px;
}
.STEP .step5 .p1{
	text-align: justify;
	font-size: 15px;
	line-height: 22px;
	width: 60%;
}
.STEP .step5 .text{
	background-image: url("../images/service_step5a.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-bottom: 50px;
}
.STEP .step5 img{
	display: block;
	margin: 10px auto 20px auto;
}
@media screen and (max-width: 1000px){
  /*--ここにスマホに適したCSSを記述します*/
	.STEP .step5 .p1{
	text-align: justify;
	font-size: 18px;
	line-height: 25px;
	width: 100%;
}
.STEP .step5 .text{
	background-image:none;
}
}