:root{
	--maincolor: #5f9fd6 !important; /* 95,159,214 */
	--secondcolor: #0062a0; /* 0,98,160 */
	--thirdcolor: #0a1b2d; /* 10,27,45 */
	--bg-color1: #dfebf6; /* 95,159,214,.2 */
	--bgcircle-color: #ffd65b; /* 255,204,51,.8 */
	--map-color1: #ffcc33; /* 255,204,51 */
	--map-color2: #fff4d6; /* 255,204,51,.2 */
	--map-txt-color1: #009933; /* 0,153,51 */
	--eqa-color1: #33cc66; /* 51,204,102 */
	--eqa-color2: #d6f4e0; /* 51,204,102,.2 */
	--eqa-txt-color1: #0062a0; /* 0,98,160 */
	--ttl-bg-color1: #33cc66; /* 51,204,102 */
}

.freespace{
	max-width: 1024px;
	margin: 0 auto;
	padding: 2rem 0;	
}

#top-conts1{
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	background-color: #f4f4ea; /* rgba(204,204,153,.2) */
}

.top-conts1_inner{
	max-width: 1024px;
	margin: 0 auto;
	padding: 2rem 0;
}

.top-conts1__inner{
	width: 100%;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin: 2rem 0;
	padding: 0;
}

ul.post-list{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-content: flex-start;
	align-items: flex-start;
	list-style: none;
	padding: 1rem 0 .5rem !important;
	border-bottom : solid 2px #e5e5e5;
}

ul.post-list li.post-data{
	width: 10%;
	font-size: clamp(0.75rem, 0.586rem + 0.82vw, 1.2rem);
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	font-style: normal;
	color: var(--secondcolor);
	padding: .25rem 0 .05rem;
}

ul.post-list li.post-title{
	width: 80%;
	font-size: clamp(0.875rem, 0.702rem + 0.86vw, 1.35rem);
	font-weight: 600;
}

ul.post-list li.post-icon{
	padding: .5rem 0 0;
}
/* 代表挨拶 */
#top-conts2{
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	background-color: var(--bg-color1);
}

.ttl-twotone{
	background: linear-gradient(110deg, var(--secondcolor) 0%, var(--secondcolor) 50%, var(--ttl-bg-color1) 50%, var(--ttl-bg-color1) 100%);
	margin: 0 calc(50% - 50vw);
}

.ttl-twotone_left{
	flex-basis: 50%;
	font-size: clamp(1.25rem, 0.9rem + 1.75vw, 3rem)!important;
	font-weight: 600;
	color: rgba(255,255,255,1);
}

.ttl-twotone_right{
	flex-basis: 50%;
	font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem)!important;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	font-style: italic;
	text-align: right;
	color: var(--secondcolor);
	letter-spacing: .15rem;
	text-shadow:
		1px  1px 1px #fff,
		-1px  1px 1px #fff,
		1px -1px 1px #fff,
		-1px -1px 1px #fff,
		1px  0px 1px #fff,
		0px  1px 1px #fff,
		-1px  0px 1px #fff,
		0px -1px 1px #fff;
}

.ttl_inner{
	max-width: 1024px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	margin: 0 auto;
}

.ttl_flex-box{
	width: 100%;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.ttl_flex-box_inner{
	flex-basis: 49%;
}

.ttl_flex-box_inner:last-child{
	flex-basis: 51%;
	padding: 2rem;
}

.ttl_flex-box_inner img{
	aspect-ratio: 1/1;
	object-fit: cover;
}

.top-conts2_ttl{
	position: relative;
	font-size: 2rem;
	line-height: 150%;
	font-weight: 600;
	color: var(--thirdcolor);
	text-align: center;
	margin: 0 0 2rem;
	padding: 0 0 1rem;
}

.top-conts2_ttl::before{
	width: 50%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0%);
	height: .25rem;
	content: '';
	background-color: rgba(255,204,51,1); /* color-set */
}
/* 不動産相場MAP */
#top-conts3{
	position: relative;
	width: 100vw;
	background-color: var(--map-color2);
	margin: 0 calc(50% - 50vw);
}

.top-conts3_ttl-bg{
	position: absolute;
	top: 0;
	width: 100%;
	height: 50%;
	background-color: var(--map-color1);
	clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);
}

.top-conts3_inner{
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 2rem 0;
}

.top-conts3_ttl{
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin: 0 0 2rem;
}

.top-conts3_ttl_inner{
	flex-basis: 40%;
	line-height: 120%;
	font-weight: 600;
	color: var(--map-txt-color1);
	text-shadow: 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;
}

.top-conts3_ttl_inner:nth-of-type(1){
	flex-basis: 20%;
	font-size: 4rem;
}

.top-conts3_ttl_inner:nth-of-type(2){
	font-size: 9rem;
	font-style: italic;
}

.top-conts3_ttl_inner:nth-of-type(3){
	font-size: clamp(1.35rem, 1.12rem + 1.15vw, 2.5rem)!important;
}

.top-conts3_para{
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	padding: 1rem 0;
}

#top-conts3 iframe{
	padding: 1rem;
	background-color: rgba(255,255,255,1);
}
/* かんたんクイック査定 */
#top-conts4{
	position: relative;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	background-color: var(--eqa-color2);
}

.top-conts4_inner{
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 2rem 0;
}

.top-conts4_ttl-bg{
	position: absolute;
	top: 0;
	width: 100vw;
	height: 50%;
	background-color: var(--eqa-color1);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);
}

.top-conts4_ttl{
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.top-conts4_ttl_inner{
	line-height: 120%;
	font-weight: 600;
	color: var(--eqa-txt-color1);
	text-shadow: 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;
}

.top-conts4_ttl_inner:nth-of-type(1){
	flex-basis: 50%;
	font-size: 9rem;
	font-style: italic;
}

.top-conts4_ttl_inner:nth-of-type(2){
	flex-basis: 20%;
	font-size: 3rem;
	font-style: italic;
	text-align: center;
}

.top-conts4_ttl_inner:nth-of-type(3){
	flex-basis: 30%;
	font-size: 9rem;
	font-style: italic;
}

.top-conts4_ttl2{
	font-size: 2.5rem;
	font-weight: 600;
	text-align: center;
	color: var(--eqa-txt-color1);
	text-shadow: 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;
}

.top-conts4_ttl2 span{
	font-size: 135%;
}

.top-conts4_para{
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	padding: 1rem 0;
	color: var(--eqa-txt-color1);
	text-shadow: 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;
}

#top-conts4 iframe{
	padding: 0 1rem;
	background-color: rgba(255,255,255,1); /* color-set */
}
/* 不動産売却の流れ　*/
#top-conts5{
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	background-color: var(--bg-color1);
	padding: 0 0 8rem;
}

.top-conts5_inner{
	max-width: 1024px;
	margin: 0 auto;
	padding: 2rem 0 0;
}

.step-box{
	width: 100%;
	position: relative;
	margin: 0 auto 1rem;
}

.step-number{
	width: 30%;
	height: 25%;
	position: absolute;
	top: 0;
	font-size: 2.5rem;
	line-height: 135%;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	font-style: normal;
	color: rgba(255,255,255,1);
	text-align: center;
	background-color: var(--maincolor);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.step-ttl{
	width: 100%;
	position: absolute;
	bottom: 0;
	font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
	line-height: 150%;
	font-weight: 600;
	text-align: center;
	color: rgba(255,255,255,1);
	background-color: var(--maincolor);
	padding: .5rem;
}

.step-img img{
	aspect-ratio: 1/1;
	object-fit: cover;
}
/* 不動産売却のお悩み　*/
#top-conts6{
	position: relative;
	z-index: 0;
}

#top-conts6::after{
	position: absolute;
	top: -15%;
	left: 0;
	width: 100vw;
	height: 100%;
	transform: skewY(4deg) !important;
	transform-origin: top center;
	margin: 0 calc(50% - 50vw);
	background-color: rgba(255,255,255,1); /* color-set1 */
	content: '';
	z-index: -1;
}

.top-conts6_ttl_inner{
	max-width: 1024px;
	margin: 0 auto;
}

.top-conts6_ttl{
	position: relative;
	font-size: clamp(1.75rem, 1.5rem + 1.25vw, 3rem) !important;
	line-height: 120%;
	font-weight: 600;
	color: var(--secondcolor);
	text-align: center;
	margin: 0 auto;
	padding: 1.5rem 0;
}

.top-conts6_ttl::before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom: solid 4px rgba(255,204,51,1); /* color-set */
	content: '';
}

.top-conts6_ttl span{
	font-size: 135%;
	line-height: 120%;
}

.top-conts6_ttl span.color{
	font-size: 135%;
	line-height: 120%;
	color: rgba(255,153,0,1);
}

.top-conts6_ttl_inner img{
	aspect-ratio: 16/9;
	object-fit: cover;
}
/* 選ばれる理由 */
#top-conts7{
	position: relative;
	width: 100vw;
	height: 100%;
	margin: 0 calc(50% - 50vw);
	background-image: url("../images/bg-visual1.jpg");
	background-position: 50% 0;
	background-size: cover;
	z-index: -2;
}

.top-conts7_ttl-bg{
	width: 100%;
	background-color: var(--secondcolor);
	margin: 0 calc(50% - 50vw);
	padding: 2rem 0;
}

.top-conts7_ttl{
	position: relative;
	max-width: 1024px;
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 2rem;
	margin: 0 auto;
}

.top-conts7_ttl::before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom: solid 4px rgba(255,255,255,1);
	content: '';
}

.top-conts7_outer{
	max-width: 1024px;
	margin: 0 auto;
}

.top-conts7_outer img{
	width: auto;
}

.top-conts7_ttl_inner{
	font-size: clamp(1.75rem, 1.3rem + 2.25vw, 4rem);
	font-weight: 600;
	color: rgba(255,255,255,1);
}

.top-conts7_ttl_inner span{
	font-size: 150%;
}

.top-conts7_ttl_inner:last-child{
	display: flex;
    justify-content: center;
    align-items: center;
	font-size: 1.5rem;
	line-height: 135%;
	color: rgba(239,220,122,1);
}

.top-conts7_ttl_inner:last-child::before,
.top-conts7_ttl_inner:last-child::after {
    width: 2px;
    height: 64px;
    background-color: rgba(239,220,122,1);
    content: '';
}

.top-conts7_ttl_inner:last-child::before {
    transform: rotate(-30deg);
    margin-right: 1.5rem;
}

.top-conts7_ttl_inner:last-child::after {
    transform: rotate(30deg);
    margin-left: 1.5rem;
}
/* BACKGROUND CIRCLE */
.bg-circle2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	gap: 2vw 2vh;
	padding: 3rem 0;
}

.bg-circle2_w{
	width: 30%;
	position: relative;
	background-color: rgba(255,255,255,.8); 
	border-radius: 50%;
	z-index: 0;
}

.bg-circle2_w::before{
	width: 95%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: solid 2px rgba(239,220,122,1);
	border-radius: 50%;
	content: '';
	padding-top: 95%;
	height: 0;
}

.bg-circle2_h{
	position: relative;
	padding-top: 100%;
	height: 0;
}

.bg-circle2_h .reason-img{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,25%);
}

.bg-circle2_h .reason-img img{
	width: auto;
	height: auto;
	aspect-ratio: auto !important;
	object-fit: none;
}

.bg-circle2_h .reason-ttl{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
	font-weight: 600;
	text-align: center;
	color: rgba(255,102,102,1);
	padding: 0 .5rem;
}

.bg-circle2_h .reason-txt{
	position: absolute;
	width: 100%;
	top: 60%;
	left: 50%;
	transform: translate(-50%,0%);
	font-size: clamp(0.8rem, 0.76rem + 0.2vw, 1rem);
	line-height: 150%;
	padding: 0 2.5rem;
}

#top-conts8{
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	background-color: var(--bg-color1);
	padding: 0;
}

.top-conts8_inner{
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
	padding: 2rem 0 !important;
}

.top-conts8-label{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
}

.top-conts8-label_inner{
	width: calc(100%/2);
}

.top-conts8-label_inner:nth-of-type(3){
	width: 100%;
	font-weight: 600;
	text-align: right;
	background-color: rgba(255,241,0,1);
	margin: 0 auto;
	padding: .5rem 1rem;
}

.top-conts8-label_inner:nth-of-type(3)::after{
	font-family: 'Font Awesome 6 Free';
	content: '\f105';
	font-weight: 600;
	margin: 0 0 0 .25rem;
}