@charset "UTF-8";
@font-face {
    font-family: 'alte_din_1451_mittelschriftRg';
    src: url('../css/din1451alt.woff2') format('woff2'),
         url('../css/din1451alt.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

div.tothetopfixed {
	bottom: 20px!important;
}


.nopc {
	display: none!important;	
}

.menu__name {
	position: relative;
}

.drop-menu {
	/* 初期は表示しない */
  display: none;
	/* 「menu__name」を基準に表示位置を指定 */
	position: absolute;
	/* 「menu__name」の高さ分下に下げて真下に表示 */
	top: 100%;


  border: 1px solid #ccc;
}

.drop-menu__name {
	background-color: #fff;


}

.drop-menu__name a {
        display: block;
        color: #666;
        position: relative;
		background-color: #fff;
		height: 100%;
	padding: 15px;
white-space: nowrap;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
min-width: 200px;
}
.drop-menu__name a:hover {
		background-color: #043c9c;
		color: #fff;
}


.menu__name2 {
	position: relative;
}
.li-sub-menu2 {
	position: relative;
    height: fit-content;}
.drop-menu2 {
	/* 初期は表示しない */
  display: none;
	/* 「menu__name」を基準に表示位置を指定 */
	position: absolute;
	/* 「menu__name」の高さ分下に下げて真下に表示 */
	top: 100%;


  border: 1px solid #ccc;
}
.a-drop-menu2 {
	font-size: 1.3rem!important;
	position: relative;
	z-index: 10;
}

.drop-menu__name2 {
	background-color: #fff;


}

.drop-menu__name2 a {
        display: block;
        color: #666;
        position: relative;
		background-color: #fff;
		height: 100%;
	padding: 10px;
white-space: nowrap;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
width: max-content;
}
.drop-menu__name2 a:hover {
		background-color: #333;
		color: #fff;
}

/* ハンバーガーアイコン */
.hamburger-icon {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 80px;
  height: 80px;
  justify-content: center;
  align-items: center;
  z-index: 1001;
  	position: fixed;
	top: 0;
	right: 0;
	background-color: #023d9d;
	transition: all 0.3s ease-in-out 0s;
}
.hamburger-icon:hover {
	opacity: 0.75;
	transition: all 0.3s ease-in-out 0s;
}
/* ハンバーガーの線 */
.hamburger-icon span {
  width: 30px;
  height: 1px;
  background: #fff;
  transition: transform 0.5s, opacity 0.5s;
  position: absolute;
}

/* 1本目（上の線） */
.hamburger-icon span:nth-child(1) {
  top: 50px;
}

/* 2本目（中央の線） */
.hamburger-icon span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

/* 3本目（下の線） */
.hamburger-icon span:nth-child(3) {
  bottom: 50px;
}

/* フルスクリーンメニュー */
.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(4, 60, 156,0.95);

 
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  overflow: auto;
  z-index: 5;
  padding-top: 150px;
}

/* メニューが開いたとき */
.menu {
  transition: all 0.5s ease-in-out;
  width: 100%;
}

.menu.active {
  opacity: 1;
  visibility: visible;
  z-index: 55;
}

/* メニューのリンク */
.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.menu li {
  margin: 20px 0;
}

.menu a {

}

.menu a:hover {

}
.hbm-open {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 40;
}

.hamburger-menu.active .hamburger-icon {
	background-color: #fff;
}
.hamburger-menu.active .hamburger-icon span {
  background: #013e9f;
}
/* ハンバーガーアイコンが「×」に変形 */
.hamburger-menu.active .hamburger-icon span:nth-child(1) {
  transform: translateY(-10px) rotate(45deg);
}

.hamburger-menu.active .hamburger-icon span:nth-child(2) {
  opacity: 0;
}

.hamburger-menu.active .hamburger-icon span:nth-child(3) {
  transform: translateY(10px) rotate(-45deg);
}

.hamburger-icon {

}

.ul-hmbmenu {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}
.li-hmbmenu {
	margin-bottom: 20px!important;
}
.a-hmbmenu {
	color: #599989!important;
	background-color: #fff!important;
	font-size: 2rem!important;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	border-radius: 50px ;
	width: 100%;
	border: 2px solid #fff;
	transition: all 0.3s ease-in-out 0s;
	letter-spacing: 0.2em;
}
.a-hmbmenu:hover {
	color: #fff!important;
	background-color: #599989!important;
	transition: all 0.3s ease-in-out 0s;
}

.div-hbm {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
flex-wrap: wrap;
justify-content:space-between;
}
.dl-hbm {

	width: calc(100% / 5 -2em);
	margin-top: 20px;
	margin-bottom: 20px;
}
.dd-hbm {
margin-top: 20px;
	margin-bottom: 20px;
display: block;
	margin-left: 20px;
}

.a-hbm {
	color: #fff;
	font-size: 1.5rem;
}
.a-hbm:hover {
	text-decoration: underline;
}
.dt-hbm .a-hbm {
	font-size: 1.75rem;
}





/*SECTION*/
.sec-colmn100 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.sec-bgon {
	background-color: #efefef;
}
.sec-bgoff {
	background-color: #fff;
}

.h2-toptitle	{
	color: #000;
	font-size: 2.5rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 50px;
	letter-spacing: 0.2em;
}
.h2-toptitle	 span {
	color: #000;
	font-size: 2.5rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	
}


.h2-toptitle:before	{
content: 'ー';
font-weight: 100;
transform: scale(2,0.25);
display: inline-block;
color: #000;
font-size: 2.5rem;
margin-right: 1em;
}
.h2-toptitle:after	{
content: 'ー';
font-weight: 100;
transform: scale(2,0.25);
display: inline-block;
color: #000;
font-size: 2.5rem;
margin-left: 1em;

}


/*HEADER*/
	
.head-head {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 30;
	height: 80px;
	background-color: #fff;
	min-width: 1280px;
}
.div-head {
	position: relative;
	height: 80px;
}
.div-rogohead	{
		position: absolute;
	top: 10px;
	left: 10px;
	width: 200px;
	height: 80px;
}
.a-rogohead {
	width: 100%;
	height: auto;	
}
.img-rogohead	{
width: auto;
height: 60px;
}
	
.nav-head {
	position: absolute;
	right: 420px;
	top: 10px;
}




.ul-navhead	{
display:flex;
justify-content:left;	
}
.li-navhead	{
	
}
.a-navhead	{
	color: #000;
	font-size: 1.5rem;
	padding: 20px 0.75em;
	display: block;
	letter-spacing: 0.1px;
}
.drop-menu	{
	
}
.drop-menu__name {
	
}	
.drop-menu__name a {
	
}	
	
.ul-headcont {
	position: absolute;
	right: 105px;
	top: 5px;
}
.li-headcont	{
	width: 300px;
}
.a-headcont	{
background-image: linear-gradient(to right, #033a99 0%, #0666cd 100%);
	display: block;
	color: #fff;
	font-weight: 500;
	font-size: 1.75rem;
	padding: 10px;
	letter-spacing: 0.1em;
	width: 100%;
}
.a-headcont	.fa-envelope {
	font-size: 1.5rem;
	margin-right: 5px;
	position: relative;
	top: -1px;
	margin-left: 5px;
}
.a-headcont	.fa-angle-right {
	font-size: 1.5rem;
	float: right;
	position: relative;
	top: 2px;
	right: -2px;
}


.a-headtel {
	color: #043d9d;
	padding-left: 10px;
}
.a-headtel .fa-phone {
	font-size: 2rem;
	margin-right: 5px;
}

.a-headtel b	{
font: 2.5rem alte_din_1451_mittelschriftRg;
font-weight: bold;
margin-right: 5px;
position: relative;
top: 5px;
letter-spacing: 0.05em;
}
.a-headtel i	{
	font-size: 1.25rem;
	position: relative;
	top: 2px;
	margin-left: 0px;
}
	
/*BREADCRUMB*/

.div-bread-l a {
	color: #043c9c;
	font-size: 1.25rem;
}
strong.current {
	color: #666;
	font-size: 1.25rem;
}

.sec-bread	{
display:flex;
flex-wrap: wrap;
justify-content:space-between;
background-color: #efefef;
padding: 10px;
margin-top: 80px;

flex-direction: row-reverse;
}


.div-bread-l a:hover {
	text-decoration: underline;
}
.div-bread-r {
	
}	
.h1-bread {
	color: #666;
	font-size: 1rem;
}
	
/*TOPIMG*/	

.sec-colmn100 {
	
}	
.div-colmn1200 {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
	
.div-colmn1000 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
	
.div-colmn800 {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

	
.div-colmn600 {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.sec-topimg	{
	position: relative;
	height: 80vh;
	width: 100%;
	overflow: hidden;
}

.img-topimg {
	position: absolute;
	object-fit:cover;
	height: 100%;
	width: 100%;
}
.img-topimg-100nen {
	position: absolute;
	  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 50%;
  height: auto;
}
.video-topvideo {
	position: absolute;
	height: 90svh;
	width: 100%;
	object-fit: cover;
}

.ul-topslick {

}
.li-topslick {

}
.img-topslick ,.video-topvideo {
 object-fit: cover;
 width: 100%;
 height: 100vh;
 margin-top: -10px;
}
	
.art-topsogo a	{
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 1200px;
margin-right: auto;
	margin-left: auto;
padding-top: 50px;
	padding-bottom: 50px;
}
.a-topsogo	{	
transition: all 0.25s ease-in-out 0s;
}
.img-txt-topsogo {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.div-topsogo-l	{
	width: 550px;
	color: #fff;
	font-size: 1.75rem;
	line-height: 2em;
}
.div-topsogo-l b	{
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-bottom: 15px;
}
.div-topsogo-l i	{
	color: #fde004;
	font-size: 2rem;
	font-weight: bold;
}

.div-topsogo-r	{
width: 600px;
}
.ul-topsogo	{
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 600px;
gap:5px;
margin-bottom: 5px;
}
.li-topsogo {
	width: 115px;
}
.img-topsogo {
	width: 100%;
	height: auto;
}
	
.spn-topsogo {
	display: block;
	color: #0064c7;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 2.5rem;
	background-color: #fff;
	position: relative;
}	
.spn-topsogo:after {
	content: '';
	position: absolute;
	background: url(../img/f_allow_navy.svg) center center no-repeat;
	background-size: 100px auto;
	top: 5%;
	height: 50px;
	width: 100px;
	right: 40px;
	transition: all 0.25s ease-in-out 0s;
}	
.a-topsogo:hover .spn-topsogo:after 	{
transition: all 0.25s ease-in-out 0s;
right: 20px;
}	
.a-topsogo:hover {
	opacity: 0.9;
	transition: all 0.25s ease-in-out 0s;
}	
	
	
	
/*PRETNER*/
.sec-topcopy {
	position: relative;
	height: 363px;
}
.div-topcopy {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 500px;
}
.dl-topcopy {
	position: absolute;
	top: 75px;
}
.dt-topcopy {
	color: #000;
	font-size: 3rem;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}
.dd-topcopy {
	color: #000;
	font-size: 2rem;
	line-height: 1.5em;
}
.img-topcopy-family {
	width: 50%;
	height: auto;
	position: absolute;
	right: 0;
	top: -125px;
}
.spn-topcopy-town {
	position: absolute;
	background: url(../img/f_toptown.svg) center bottom repeat-x;
	bottom: 0;
	width: 100%;
	height: 100px;
}

/*BLOGANDESTATE*/
.sec-blogcolmn {
	
}
.div-blogcolmn {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
flex-direction: row-reverse;
justify-content:space-between;
}
.asd-blog {
	width: 300px;
}
.man-blog {
	width: 850px;
}

.sec-estatecolmn {
	
}
.div-estatecolmn {
	width: 1400px;
	margin-right: auto;
	margin-left: auto;	
	display:flex;
flex-wrap: wrap;
justify-content:space-between;
}
.asd-estate {
	width: 350px;
}
.man-estate {
	width: 1000px;	
}
.man-estate-post {
	width: 1000px;	
}

.sf-field-submit input[type="submit"] {
width: 100%;
margin-right: auto;
margin-left: auto;
color: #fff;
font-size: 18px;
background-color: #013c9c;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
display: block;
transition: all 0.2s ease-in-out 0s;
letter-spacing: 0.2em;
}
.sf-field-submit input[type="submit"]:hover {
cursor: pointer;
opacity: 0.75;
}
.top5 {
	margin-right: auto;
	margin-left: auto;
}

.mfp_not_checked,.mfp_not_checked a,.mfp_checked,.mfp_checked a {

	font-size: 15px;
	color: #000;
}
#mfp_element_8 {
	
}





/*ONESTOP*/	
	
.sec-toponestop	{
	background: url(../img/bg_gotonestop_bk.png) center top no-repeat;
	background-size: cover;
	padding-top: 25px;
	padding-bottom: 25px;
}
.div-toponestop	{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 275px;
	position: relative;
}
.img-toponestop01 {
	height: auto;
	width: 350px;
	position: absolute;
	top: 40px;
}
.img-toponestop02 {
	width: auto;
	position: absolute;
	left: 300px;
	height: 300px;
	bottom: -25px;
}	
.p-toponestop {
	position: absolute;
	background-color: #fff;
	padding: 20px;
	color: #000;
	font-size: 1.65rem;
	line-height: 1.75em;
	font-weight: 500;
	border-radius: 30px;
	right: 0;
	top: 25px;
}	
/*.p-toponestop:before {
	content: '◀';
	color: #fff;
	font-size: 5rem;
	position: absolute;
	left: -25px;
	top: 120px;
	transform: rotate(-15deg);
}*/
.a-toponestop	{
	position: absolute;
	right: 0;
	bottom: 20px;
	color: #feff00;
	font-size: 2.5rem;
	font-weight: bold;
	background: url(../img/f_allow_yellow.svg) right center no-repeat;
	width: 280px;
	background-size:auto 15px ;
	transition: all 0.25s ease-in-out 0s;
}
.a-toponestop:hover {
	right: -10px;
	transition: all 0.25s ease-in-out 0s;
}	

/*NEWS*/	
.sec-topnews {
	
}
.div-topnews	{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.ul-topnews	{
	padding: 25px 50px;
	background-color: #fff;
}
.li-topnews	{
	border-top: 1px dotted #ccc;
	padding-top: 25px;
	padding-bottom: 25px;
}
.li-topnews:last-child	{
border-bottom-style: none;
}
.li-topnews:first-child	{
border-top-style: none;
}
.a-topnews {
display:flex;
justify-content:left;	
}
.a-topnews:hover {
	text-decoration: underline;
}
.a-topnews i {
	display: block;
	color: #000;
	font-size: 1.75rem;
	line-height: 1.5em;
	margin-right: 1em;
}	
.a-topnews span	{
	display: block;
	background-color: #666;
	color: #fff;
	font-size: 1.25rem;
	line-height: 1.5em;
	margin-right: 1em;
	padding: 5px;
}
.a-topnews b {
	display: block;
	color: #000;
	font-size: 1.75rem;
	line-height: 1.5em;
}	
	
/*TOPBIZ*/

.h2-topicon-build {
	background: url(../img/icon_topbuild.svg) center top no-repeat;
	background-size: 190px 140px;
	padding-top: 150px;
}

.h2-topicon-estate {
	background: url(../img/icon_topestate.svg) center top no-repeat;
	background-size: 190px 140px;
	padding-top: 150px;
}

.art-topestatenew {
display:flex;
flex-wrap: wrap;
justify-content:space-between;	
}
.div-topestatenew {
	width: 500px;
}
.img-topestatenew {
	width: 100%;
	height: auto;
}
.ul-topestatenew {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 650px;
}
.li-topestatenew {
	width: 300px;
	margin-bottom: 15px;
}
.a-topestatenew {
	background-color: #043c9c;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	display: block;
	padding: 20px;
	position: relative;
	transition: all 0.25s ease-in-out 0s;
}
.a-topestatenew i {
	color: #fff;
	font-size: 1.75rem;
	font-weight: bold;
	float: right;
	position: absolute;
	top: 35%;
	right: 25px;
	transition: all 0.25s ease-in-out 0s;
}
.a-topestatenew:hover i {
	right:5px;
	transition: all 0.25s ease-in-out 0s;	
}
.a-topestatenew:hover {
	background-color: #1166f7;	
	transition: all 0.25s ease-in-out 0s;
}






.art-topmenu {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 1200px;
margin-right: auto;
	margin-left: auto;
}
.art-topmenu-build {
	
}
.art-topmenu-estate {
	
}	
.div-topmenu-unit {
	width: 47.5%;
	margin-bottom: 75px;
}	
.div-topmenu-unit:nth-child(3),.div-topmenu-unit:nth-child(4)  {
	margin-bottom: 0px;
}	



.a-topmenu {
	width: 100%;
	display: block;
}
.img-topmenu {
	width: 100%;
	margin-bottom: 20px;
	transform: scale(1.0,1.0);	
transition: all 0.25s ease-in-out 0s;
}	
.spn-topmenu {
	color: #043c9c;
	font-size: 3rem;
	font-weight: 700;
	display: block;
	margin-bottom: 20px;
	background: url(../img/f_allow_navy.svg) calc(100% - 25px) center no-repeat;
	background-size:auto 25px ;
	transition: all 0.25s ease-in-out 0s;

}

.a-topmenu:hover .spn-topmenu {
	background-position: calc(100% + 0px);
	transition: all 0.25s ease-in-out 0s;
}


.a-topmenu:hover .img-topmenu {
transform: scale(1.025,1.025);	
transition: all 0.25s ease-in-out 0s;
opacity: 0.75;
}
.spn-topmenubtn {
	overflow: hidden;
	display: block;
}	
	
		
.p-topmenu {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.5em;
}	
	
	
/*ESTATESEARCH*/
.asd-estatetop {
	padding-top: 50px;
}
.div-clickmap {
	width: 1000px;
	margin-bottom: 100px;
}
.div-clickmap img {
	width: 100%;
	height: auto;
}

.art-estinfotop {
display:flex;
justify-content:space-between;
flex-direction: row;
width: 760px;
margin-right: auto;
	margin-left: auto;
margin-top: 50px;
}
.div-estinfobg {
	background: url(../img/bg_estattop.webp) center bottom no-repeat;
	width: 100%;
	background-size: 100% auto;
	padding-bottom: 100px;
}
.div-estinfotop {
	background-color: #fff;
	box-shadow: 3px 3px 3px #ccc;
	padding: 25px;
	width: 300px;
	border: 1px solid #eee;
}
.dl-estinfotop {
	
}
.dt-estinfotop {
	font-size: 4rem;
	text-align: center;
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 25px;
}
.dd-estinfotop {

}

.dd-si01 {
	text-align: center;
	font-size: 2rem;
	margin-bottom: 10px;
}
.dd-si01 b {
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
}


.dd-si02 {
	text-align: center;
		font-size: 1.25rem;
	margin-bottom: 25px;
}
.dd-si03 {
	text-align: left;
		font-size: 1.5rem;
	line-height: 1.75em;
	margin-bottom: 25px;
}

.a-estinfotop {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	padding: 15px;
	display: block;
	text-align: center;
}
.a-estinfotop i {
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
}



.bg-buy {
	background-color: #4f5ea6;
}
.txt-buy {
	color: #4f5ea6;
}
.bg-rent {
	background-color: #3c8e7e;
}
.txt-rent {
	color: #3c8e7e;
}
	
	
.ul-tabestsearch	{
display:flex;
width: 350px;
align-items: flex-end;
margin-bottom: 15px;
}
.ul-tabestsearch-buy	 {
	border-bottom: 5px solid #4f5da5;
}
.ul-tabestsearch-rent	{
	border-bottom: 5px solid #3e8c7e;
}
.li-tabestsearch {
	width: 50%;	
}
.li-tabestsearch-buy {
	
}
.li-tabestsearch-rent {
	
}	
.a-tabestsearch {
	text-align: center;
}
.a-tabestsearch-buy {
	background-color: #4f5ea5;
	display: block;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 15px;
}
.a-tabestsearch-rent {
	background-color: #3d8d7e;
	display: block;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 15px;
}	

.ul-tabestsearch-buy	 li .a-tabestsearch-buy  {
	padding-top: 20px!important;
	font-weight: bold;
	font-size: 1.75rem;
}	
.ul-tabestsearch-rent li .a-tabestsearch-rent  {
	padding-top: 20px!important;
	font-weight: bold;
	font-size: 1.75rem;
}	
		
.h3-estlistop {
	color: #fff;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
}	
	
.h3-estlistop-sell {
	color: #4f5ea6;
	font-size: 3rem;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #4f5ea6;
	padding-bottom: 25px;
	margin-bottom: 50px;
	letter-spacing: 0.1em;
}
.h3-estlistop-sell b {
	color: #4f5ea6;
	font-size: 5rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}
		
.h3-estlistop-rental {
	color: #3d8d7e;
	font-size: 3rem;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #3d8d7e;
	padding-bottom: 25px;
	margin-bottom: 50px;	
	letter-spacing: 0.1em;
}
.h3-estlistop-rental b {
	color: #3d8d7e;
	font-size: 5rem;
	font-weight: bold;	
	letter-spacing: 0.1em;
}	
	
	
	
/*TOPESTATE*/
div.estate {}
.h3-topestate {
	
}
h3.h3eatate {
	background-color: #efefef;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

ul.listestate {
	overflow: hidden;
	margin-left: -40px;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}

ul.listestate li {
	width: 160px;
	margin-left: 40px;
	color: #000;
	text-align: center;
	overflow: hidden;
	margin-bottom: 25px;
}

ul.listestate li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 12px;
	line-height: 1.25em;
}

ul.listestate li a img {
	height: 160px;
	margin-bottom: 5px;
	margin-right: auto;
	object-fit: cover;
	margin-left: auto;
	width: 160px;
}
.spn-stasus {
	padding: 5px 7px;
	color: #fff;
	font-size: 1.25rem;
	display: inline-block;
	float: left;
}
.top23title {
	color: #000;
	line-height: 1.5em;
	font-size: 1.25rem;
	display: block;
}
.spn-icon_none {
background-color: #fff;	
}
.spn-icon_look {
background-color: #3b98c7;
}
.spn-icon_newitem {
background-color: #e16062;		
}
.spn-icon_reprice {
background-color: #79c5ba;	
}
.spn-icon_nego {
background-color: #ea8f93;	
}
.spn-icon_sold {
background-color: #f3b351;	
}
.sellohter {
	background-color: #666;
}
ul.listestate li a b {
        color: #4f5ea4;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.5em;
        background-color: #eeeff6; 
		display: block;
		padding: 10px;
}


.listestate.rental li a b {
	color: #3d8c7e;
	  background-color: #f5faf9;
}
.h3-topestate-sell {
	background-color: #4f5da7;
	color: #fff;
	margin-bottom: 25px;
	font-size: 2rem;
	padding: 15px;
}	
.h3-topestate-rent {
	background-color: #3e8e7e;
	color: #fff;
	margin-bottom: 25px;
	font-size: 2rem;
	padding: 15px;
}	
	
.a-topgotosell {
	background: url(../img/f_allow_navy.svg) no-repeat #fff;
	background-size: auto 15px;
	background-position: calc(100% - 18px);	
	margin-right: auto;
	margin-left: auto;
	width: 15em;
	display: block;
	color: #4f5da7;
	font-size: 2rem;
	margin-bottom: 50px;
	padding: 15px 15px 15px 30px;
	transition: all 0.25s ease-in-out 0s;
	border: 1px solid #4f5da7;
}		
.a-topgotorent {
	background: url(../img/f_allow_green.svg) no-repeat #fff;
	background-size: auto 15px;
	background-position: calc(100% - 18px);	
	margin-right: auto;
	margin-left: auto;
	width: 15em;
	display: block;
	color: #3e8e7e;
	font-size: 2rem;
	padding: 15px 15px 15px 30px;
	transition: all 0.25s ease-in-out 0s;
	border: 1px solid #3e8e7e;
}	
.a-topgotorent:hover , .a-topgotosell:hover {
	background-position: calc(100% - 5px);	
	transition: all 0.25s ease-in-out 0s;
	opacity: 0.75;
}
.a-topgoto-top {
	margin-bottom: -60px;
	margin-left: auto;
	margin-right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.75rem;
}
	
.sec-toplink	{
	padding-top: 150px;
}
.div-toplink	{

}
.ul-toplink	{
display:flex;
justify-content:space-between;
width: 1200px;
margin-right: auto;
	margin-left: auto;
}
.li-toplink	{
	
}
.a-toplink {
display: block;
background:
	url(../img/f_allow_white.svg),
	linear-gradient(to right, #033a99 0%, #097af4 100%) center center / auto 20px;
background-size:
	300px 30px,	
	auto;
background-repeat:
	no-repeat,
	no-repeat;
background-position:
	70px 50px,
	0 0;
width: 575px;
height: 150px;
position: relative;

  transition: all 0.5s ease-in-out;

}

.a-toplink:hover  {
background-position:
	90px 50px,
	0 0;
opacity: 0.75;

  transition: all 0.25s ease-in-out;
}

.a-toplink b {
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	position: absolute;
	top: 33%;
	left: 5%;
}
.img-toplink	{
	position: absolute;
	right: 0;
	bottom: 0;
}
	
	
/*news-list-top*/
ul.news-list-top {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px dotted #ccc;
}

ul.news-list-top li {
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	line-height: 1.5em;
}

ul.news-list-top li a {
	color: #000;
	font-size: 15px;
	line-height: 1.5em;
	display: inline-block;

	padding-top: 30px;
	padding-bottom: 30px;
}

ul.news-list-top li a img {
	width: 200px;
	height: auto;
	float: left;
	margin-right: 30px;
}

ul.news-list-top li b {
	color: #0071be;
	font-size: 20px;
	font-weight: 400;
	display: inline-block;
	margin-bottom: 10px;
}

ul.news-list-top li i {
	color: #000;
	font-size: 12px;
	display: inline-block;
	margin-bottom: 10px;
}

.newstext {
	float: right;
	width: 670px;
}

.newsexp {
	display: inline;
	line-height: 1.5em;
	color: #000;
	font-size: 15px;
}


/*news-list-harf*/
ul.news-list-harf {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

ul.news-list-harf li {
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #ccc;
	line-height: 1.5em;
}

ul.news-list-harf li a {
	color: #000;
	font-size: 15px;
	line-height: 1.5em;
	display: block;
}

ul.news-list-harf li a img {
	width: 150px;
	height: auto;
	float: left;
	aspect-ratio: 1 / 1;
object-fit: cover;
}

ul.news-list-harf li b {
	color: #0071be;
	font-size: 20px;
	font-weight: 400;
	display: inline-block;
	margin-bottom: 10px;
	line-height: 1.5em;
}

ul.news-list-harf li i {
	color: #000;
	font-size: 12px;
	display: inline-block;
	margin-bottom: 10px;
	line-height: 1.8em;
}

.newstext-harf {
	float: right;
	width: 420px;
}

.newsexp-harf {
	display: inline;
	line-height: 1.5em;
	color: #000;
	font-size: 15px;
}

	
.div-topblog	{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
	
	
/*FOOTCONT*/	
	
.sec-footcont {
	padding-top: 0;
	padding-bottom: 0;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}		
.div-footcont {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.p-footcont {
	background-color: #fff;
	color: #000;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	padding-bottom: 25px;
	padding-top: 100px;
}		
.ul-footcont	{

display:flex;
justify-content:space-between;
border-top: 1px solid #063c9c;
border-bottom: 1px solid #063c9c;
}
.li-footcont	{
	width: 50%;
}
.li-footcont-mail {
background-image: linear-gradient(to right, #033a99 0%, #097af4 100%);
text-align: center;
}	
.li-footcont-tel	{
	text-align: center;
	border-left: 1px solid #083c9b;
	border-right: 1px solid #083c9b;
}
.a-footcont-mail	{
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	display: block;
	text-align: center;
}
.a-footcont-mail i	{
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-right: 5px;
}
.a-footcont-mail	:hover {
	color: #fff417;
}


.a-footcont-tel {

			color: #063c9c;
			font-size: 2rem;
			padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
			display: block;
	text-align: center;
}

.a-footcont-tel:hover	{
	cursor: default;
}

.a-footcont-tel b	{
        font:4rem alte_din_1451_mittelschriftRg;
        font-weight: bold;
        margin-right: 10px;
        position: relative;
        top: 5px;
        letter-spacing: 0.05em;
		color: #063c9c;
}
.a-footcont-tel i	{
	font-size: 3rem;
        position: relative;
        top: 2px;
	color: #063c9c;
	margin-right: 5px;
}	
	
.foot-foot {
	padding-top: 100px;
	padding-bottom: 100px;
}
.div-foot {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.art-foot {
display:flex;
flex-wrap: wrap;
justify-content:space-between;	
}		
.add-foot {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.75em;
}
.add-foot a {
	color: #000;
	font-size: 1.5rem;
}	
}	
.img-addfoot {
	width: 300px;
	height: auto;
	margin-bottom: 25px;
}	
.ul-footlink {
	margin-top: 70px;
}
.li-footlink {
	margin-bottom: 20px;
}
.a-footlink {
	color: #000;
	font-size: 1.5rem;
}
.a-footlink:before {
	content: '▶';
	font-size: 0.75rem;
	margin-right: 5px;
}
.ul-footlink01 {
	
}
.ul-footlink02 {
	
}
.ul-footlink03 {
	
}
.ul-footlink04	{
	
}
.p-copyright {
	text-align: center;
	color: #000;
	font-size: 1.5rem;
	margin-top: 50px;
}	
	
/*SIDESNS*/	
.ul-sidesns	{
	position: fixed;


	transform: rotate(-90deg);	
display:flex;
justify-content:space-between;
top: 50%;
left: -220px;
}
.li-sidesns	{

}

.a-sidesns{
	padding: 40px 20px 10px;
	float: right;
	transition: all 0.25s ease-in-out 0s;
	position: relative;
	bottom: -0px;
}
	
.li-sidesns a span{

	position: relative;
	bottom: 0;
	display: block;
	float: right;
	color: #fff;
	font-size: 2rem;
}

.a-sidesns:hover {
	position: relative;
	bottom: -20px;
	transition: all 0.25s ease-in-out 0s;
}
.li-sidesns-line a	{
	background-color: #007e00;
	color: #fff;
	font-size: 2rem;

}
.li-sidesns-insta a	{
	background-color: #a35dba;
	color: #fff;
	font-size: 2rem;

}
.li-sidesns-fb a{
	background-color: #014da8;
	color: #fff;
	font-size: 2rem;

}	
.li-sidesns a i {
	margin-right: 10px;
	font-size: 2rem;
	float: left;
}

/*VOICE*/
.a-voice {
	display: block;
	position: fixed;
	bottom: 20px;
	left: 20px;

	font-weight: bold;
	background-color: #0c8adb;
	border-radius: 100%;

	display:flex;	
align-items: center;
justify-content:center;
    animation: voicecircle 0.25s ease-in-out 0s  forwards;
	flex-direction: column;
}	
.a-voice b {
	color: #fff;
text-align: center;
	font-size: 1.5rem;
}
.a-voice i {
	color: #fff;
text-align: center;
font-size: 3rem;
position: relative;
top: -5px;
}
.a-voice span {
	color: #fff;
	font-size: 1rem;
	text-align: center;
	display: block;
	margin-top: 10px;
}
/*VOICE*/
.a-voice2 {
	display: block;
	position: fixed;
	bottom: 20px;
	left: 20px;

	font-weight: bold;
	background-color: #45943c;
	border-radius: 100%;

	display:flex;	
align-items: center;
justify-content:center;
    animation: voicecircle 0.25s ease-in-out 0s  forwards;
	flex-direction: column;
}	
.a-voice2 b {
	color: #fff;
text-align: center;

	font-size: 1.5rem;
}
.a-voice2 i {
	color: #fff;
text-align: center;
font-size: 3rem;
position: relative;
top: -5px;
}
.a-voice2 span {
	color: #fff;
	font-size: 1rem;
	text-align: center;
	display: block;
	margin-top: 10px;
}

.a-voice2.top {
	bottom: 20px;
	left:130px;
}
.a-voice.top {
	bottom: 20px;
}












@keyframes voicecircle {
  0% {
  	width: 0;
  	height: 0;
  }

  
  85% {
  	width: 120px;
  	height: 120px;
  }
  
   90% {
  	width: 80px;
  	height: 80px;
  }
   
  
  100% {
  	width: 100px;
  	height: 100px;
  }
}
	
	
/*ONESTOP*/
.sec-subhead {
	
}
.sec-ones-top {
	background: url(../img/bg_onestophead.jpg) center bottom no-repeat;
	width: 100%;
	
	background-size: cover;
}
.div-subhead {
	
}
.div-ones-top {
	
}
.div-ones-head {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	position: relative;
	top: 100px;
	display: block;
}

.img-onestoptitle {
	width: 80%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}
.p-onestoptitle {
	color: #000;
	font-size: 4rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	top: -25px;
}

.div-ones-head:before {
  display:block;
  content:'';
  width:100%;
  height:100%;
  mix-blend-mode:multiply;
  box-shadow:   5px 5px 5px #ccc;
  position: absolute;
  top: 0;
  right: 0;
}



.h2-ones-head {
	color: #000;
	font-size: 5rem;
	line-height: 1.5em;
	font-weight: 700;
	text-align: center;
	position: relative;
	margin-bottom: 50px;
}
.h2-ones-head b {
	color: #fee102;
	font-size: 5rem;
	line-height: 1.5em;
	font-weight: 700;
	text-align: center;	/*
	background: linear-gradient(transparent 80%, #ff6 80%) #014da7;*/
	display: inline-block;
	background-color: #013c9c;
	padding: 2px 10px;
}


.div-ones-town {
	background: url(../img/f_toptown.svg) center bottom repeat-x;
	width: 100%;
	height: 50px;
	margin-bottom: 25px;
}
.ul-ones-list {
display:flex;
flex-wrap: wrap;
justify-content:left;
padding-bottom: 10px;
margin-left: 20px;
}
.li-ones-list {
/*	width: calc(100% / 4 );*/
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	background-color: #000;
	padding: 15px;
	margin-bottom: 10px;
	margin-right: 10px;
width: calc(100% / 5 + 7px);
}
.li-ones-list i {
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	margin-right: 15px;
}
.sec-ones-next {
	padding-top: 100px;
	padding-bottom: 100px;
}
.div-ones-next {
	
}
.h2-ones-title {
	
}

.h3-ones-copy {
	color: #000;
	font-size: 3.5rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.25em;
	margin-top: 100px;
}
.img-ones-staff {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	margin-bottom: 25px;
}
.p-ones-exp {
	color: #000;
	font-size: 2.5rem;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
}
.art-ones-showtop {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 1000px;
margin-right: auto;
	margin-left: auto;
margin-bottom: 50px;
border-bottom: 1px dotted #999;
padding-bottom: 50px;
}
.a-ones-showtop {
	display:flex;
justify-content:space-between;
	width: 100%;
	height: 100%;
}


.a-ones-showtop:hover .p-ones-showtop span  {
	background-color: #096bdf;
	transition: all 0.25s ease-in-out 0s;
}
.div-ones-showtop01 {
	width: 150px;
}
.div-ones-showtop02 {
	width: 500px;	
}
.div-ones-showtop03 {
	width: 300px;	
}
.div-ones-showtop01 i {
 font: 3rem/0.9em alte_din_1451_mittelschriftRg;
 color: #999;
 text-align: center;
 display: block;
 letter-spacing: 0.2em;
}
.div-ones-showtop01 b {
  font: bold 10rem/0.9em alte_din_1451_mittelschriftRg;
  color: #999;
  text-align: center;
  display: block;
}
.h4-ones-showtop {
	margin-bottom: 15px;
	color: #000;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.5em;
}
.ul-ones-showtop {
display:flex;
flex-wrap: wrap;
justify-content:left;
margin-bottom: 10px;
}
.li-ones-showtop {
	color: #fff;
	font-size: 1.25rem;
	background-color: #000;
	margin-right: 5px;
	padding: 5px;
}
.li-ones-showtop i {
	color: #fff;
	font-size: 1.25rem;
	background-color: #043c9c;
	margin-right: 10px;
}
.p-ones-showtop {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.75em;
	text-align: left;
}
.p-ones-showtop span {
	display: block;
	background-color: #000;
	color: #fff;
	font-size: 2rem;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	margin-top: 25px;
	width: 10em;
	padding: 10px 25px;
	text-align: center;
	
	transition: all 0.25s ease-in-out 0s;
}
.p-ones-showtop span i {
	color: #fff;
	font-size: 1.75rem;
	font-weight: bold;
	float: right;
	position: relative;
	top: 2px;
}
.img-ones-showtop {
	width: 100%;
	height: auto;
}
.art-ones-intro {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 1000px;
margin-right: auto;
	margin-left: auto;
}
.div-ones-intro {
	width: calc(100% / 3 - 20px);
	margin-bottom: 50px;
}
.h5-ones-intro {
	color: #043c9c;
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.h5-ones-intro i {
	color: #043c9c;
	font-size: 4rem;
	font-weight: bold;
	margin-right: 10px;
}
.img-ones-intro {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.p-ones-intro {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.5em;
}


/*SUBMENU*/

.sec-sub-menu {
	background-color: #0b7af3;
margin-bottom: 100px;
}
.sec-sub-menu02 {
        background: url(../img/bg_onestophead.jpg) center bottom no-repeat;
	background-size: cover;
		position: relative;
}
.sec-sub-menu02::before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #0c8adb;
	opacity: 1;
	 mix-blend-mode:multiply;
}
.div-sub-menu {
display:flex;
justify-content:left;
}

.div-sub-menu02{

}
.div-sub-menu02 .h2-toptitle {
	font-size: 4rem;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}
.spn-sub-menu {
	color: #fff;
	font-size: 1.5rem;
	background-color: #043c9c;
	clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
	padding: 20px 40px 20px 20px;
}
.ul-sub-menu {
display:flex;
flex-wrap: wrap;
justify-content:left;
padding-left: 10px;
	padding-top: 5px;
align-items: center;

}
.a-sub-menu {
	color: #fff;
	font-size: 1.3rem;
	display: block;
	transition: all 0.25s ease-in-out 0s;
white-space: nowrap;
padding-right: 10px;
	padding-left: 10px;
padding-bottom: 5px;
}
.a-sub-menu:hover{
	color: #f5fe03;
transition: all 0.25s ease-in-out 0s;
}

/*COMPANY*/

.h3-comp-copy {
	color: #043c9c;
	font-size: 3.5rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 25px;
}
.p-comp-exp {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	text-align: center;
	font-weight: bold;
	margin-bottom: 100px;
}
	
	
.sec-comp-head {
background:
url(../img/p_comphead.png) right -80px center no-repeat, url(../img/bg_comphead.png) center center / cover no-repeat;

background-size: 
80% auto,
cover;
width: 100%;
height: 400px;
position: relative;
}
.div-comp-head {
	
}
.h2-comp-head {
	color: #fff;
	font-size: 5rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	position: absolute;
	top: 40%;
	left: 15%;
}	
	
.img-comp-head {
	width: 75%;
	margin: 100px auto 50px;
	height: auto;
}
	
.ul-comp-menu {
display: grid;
grid-template-columns:  1fr 1fr 1fr;
gap:20px;
width: 1000px;
margin-right: auto;
	margin-left: auto;
margin-bottom: 100px;

}	

.ul-comp-menumonth {
grid-template-columns:  1fr 1fr;	
}


.li-comp-menu {

}	
.a-comp-menu  {
font-size: 3rem;
background: url(../img/f_allow_navy.svg) calc(100% - 25px) bottom no-repeat;
background-size: 30% auto;
display: block;
transition: all 0.25s ease-in-out 0s;
overflow: hidden;
} 


.a-comp-menu02  {
font-size: 3rem;
background: url(../img/f_allow_navy.svg) bottom no-repeat #fff;
	background-size: 30% auto;
display: block;
transition: all 0.25s ease-in-out 0s;
overflow: hidden;
padding: 20px;
} 

.a-comp-menu:hover {
	background-position: calc(100% + 0px) bottom ;
	transition: all 0.25s ease-in-out 0s;

} 

.a-comp-menu:hover .img-comp-menu {
transform: scale(1.025,1.025);	
transition: all 0.25s ease-in-out 0s;


} 

.a-comp-menu b {
	color: #043c9c;
	font-size: 2.5rem;
	font-weight: bold;

}
.img-comp-menu	{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
transition: all 0.25s ease-in-out 0s;
}
	
.art-greet 	{
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 1000px;
margin-right: auto;
	margin-left: auto;
}
.div-greet-l	{
	width: 30%;
}
.div-greet-r {
	width: 65%;
}	
.img-greet	{
	width: 100%;
}
.img-comp-sign {
	width: 25%;
	height: auto;
	float: right;
}
.h3-greet {
	color: #000;
	font-size: 2.5rem;
	margin-bottom: 25px;
	font-weight: bold;
}	
.p-greet {
	font-size: 1.5rem;
	color: #000;
	line-height: 1.75em;
	margin-bottom: 50px;
	text-align: justify;
}	
	
.art-about	{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
flex-wrap: wrap;
justify-content:space-between;
margin-bottom: 25px;
}
.div-about-l {
	width: 45%;
}
.div-about-r	{
	width: 50%;
}
.img-about-build	{
	width: 100%;
	height: auto;
}

.tab-about-up {

	border-top: 1px dotted #ccc;
width: 100%;
}
.tab-about-up caption	{
	color: #000;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 25px;
	letter-spacing: 0.2em;
}
.tab-about-up th {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	border-bottom: 1px dotted #ccc;
	padding-top: 20px;
	padding-bottom: 20px;
}	
.tab-about-up td {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	border-bottom: 1px dotted #ccc;
	padding-top: 20px;
	padding-bottom: 20px;
}		
.ifra-aboutmap {
	width: 1000px;
	height: 400px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 100px;
}	
.div-about-dwn {

margin-right: auto;
	margin-left: auto;
width: 1000px;
}
.tab-about-dwn	{
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #ccc;
	width: 975px;
	margin-bottom: 100px;
	position: relative;
}
.tab-about-dwn th	{
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	border-bottom: 1px dotted #ccc;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 8em;
}
.tab-about-dwn td	{
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	border-bottom: 1px dotted #ccc;
	
	padding-top: 20px;
	padding-bottom: 20px;
}

.tab-about-dwn:after {
	content: '';
	display: block;
	width: 100px;
	background-color: #f5f5f5;
	position: absolute;
	height: calc(100% + 35px);
	z-index: -1;
	top: -15px;
	left: -15px;
}

.h4-about-dwn {
	color: #000;
	font-size: 2rem;
	font-weight: bold;
	display: block;
	margin-bottom: 25px;
	letter-spacing: 0.2em;
}
.div-history-year {
	position: relative;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}	
.div-history-year:after {
	content: '';
	display: block;
	width: 100px;
	background-color: #f5f5f5;
	position: absolute;
	height: calc(100% + 35px);
	z-index: -1;
	top: -15px;
	left: -15px;
}	
.dl-history	{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
justify-content:left;
margin-bottom: 50px;
}
.dt-history	{
font: bold 3rem "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
color: #043c9c;
width: 10em;
letter-spacing: 0.2em;
display: block;
}
.dd-history	{
	color: #000;
	font-size: 2rem;
	line-height: 2em;
	display: block;
}
.img-history01 {
	width: 320px;
	height: auto;
	margin-top: 15px;
}
.img-history02 {
	width: 480px;
	height: auto;
	margin-top: 15px;
}

.p-about-old	{
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	margin-bottom: 25px;
}


.ul-about-old {
 display: grid;
	gap:20px;
grid-template-areas:
  "item04 item04 item03 item03 item05 item05"
  "item02 item02 item02 item01 item01 item01"
  "item06 item06 item06 item07 item07 item07"
  "item08 item08 item08 item08 item08 item08";
width: 960px;
margin-right: auto;
	margin-left: auto;
}	
.item01 {
  grid-area: item01;
}
.item02 {
  grid-area: item02;
}
.item03 {
  grid-area: item03;
}
.item04 {
  grid-area: item04;
}
.item05 {
  grid-area: item05;
}
.item06 {
  grid-area: item06;
}
.item07 {
  grid-area: item07;
}
.item08 {
  grid-area: item08;
}




.li-about-old {
	color: #000;
	font-size: 1.5rem;
	margin-bottom: 30px;
}	
.img-about-old	{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
	
/*ESTATE*/	
.sec-estate-menu {
	margin-bottom: 0;
		background-color: #666;	
}


.sec-estate-menu .spn-sub-menu {
	background-color: #000;
}



.sec-head-estate01 {
	width: 100%;/*
	height: 700px;*/
	background: url(../img/bg_onestophead.jpg) center bottom no-repeat;
	background-size: cover;
	padding-top: 100px;
}	
.div-head-estate01 {
	
}	
.h2-estoplink {
	color: #000;
	font-size: 5rem;
	font-weight: bold;
	text-align: center;
	display: block;
	letter-spacing: 0.2em;
	margin-bottom: 75px;
}	

.div-estoplink {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	display: block;
	position: relative;
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 25px;
	margin-bottom: 25px;
}
.div-estoplink:before {
  display:block;
  content:'';
  width:100%;
  height:100%;
  mix-blend-mode:multiply;
  box-shadow:   5px 5px 5px #ccc;
  position: absolute;
  top: 0;
  right: 0;
}





.ul-estoplink {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 100%;
position: relative;
z-index: 20;
margin-bottom: 25px;
background-color: #fff;
}	
.li-estoplink {
	width: calc(100% / 3 - 20px);
		background-image: linear-gradient(135deg, #000 0%, #000 50%, #000000 50%, #000000 100%);
}	
.a-estoplink	{
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	transition: all 0.25s ease-in-out 0s;
}	
.a-estoplink:hover {
	opacity: 0.5;
	transition: all 0.25s ease-in-out 0s;
}
.a-estoplink	 b {
	color: #fff;
	text-align: center;
	font-size: 4rem;
	display: block;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}
.a-estoplink	 i{
	color: #fff;
	text-align: center;
	font-size: 2rem;
	display: block;
	line-height: 1.5em;
	font-weight: bold;
}
.h3-estoplink {
	color: #000;
	text-align: center;
	font-size: 4rem;
	line-height: 1.5em;
	font-weight: bold;
}
.h3-estoplink b {
	color: #043c9c;
	font-size: 5rem;
	font-weight: bold;
}		
.img-estoplink	{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
	
.p-estate-exp {
	color: #000;
	font-size: 3rem;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	margin-bottom: 100px;
}	
	
.ul-estate-topmeu {
display:flex;
flex-wrap: wrap;
justify-content:space-between;	
}	
.li-estate-topmeu {
	width: calc(100% / 4 - 40px);
}	
.a-estate-topmeu {
	display: block;	
	aspect-ratio: 1 / 1;
}

.a-estate-topmeu  b {
	display: block;
	color: #043c9c;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.a-estate-topmeu  i {
	display: block;
	color: #000;
	line-height: 1.5em;
	font-size: 1.5rem;
}	
.img-estate-topmeu {
	width: 100%;
	height: auto;
	 object-fit: cover;
	aspect-ratio: 1 / 1;
	border: 10px solid #fff;
	box-shadow: 3px 3px 3px #ccc;
	margin-bottom: 15px;
}


    .div-eslp-linkout {
        width: 500px;
		margin-right: auto;
	margin-left: auto;
		background-image: linear-gradient(0deg, rgba(65, 109, 198, 1), rgba(16, 166, 232, 1));
        padding: 10px;
        box-shadow: 5px 5px 5px #999;}

.div-eslp-linkin{
	border: 1px solid #fff;
	padding: 30px;	
}
.p-eslp-link{
	color: #fff016;	
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

.p-eslp-link i{
	color: #fff016;
	font-size: 20px;
}

.ul-eslp-link{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.li-eslp-link{
	margin-bottom: 10px;
}
.a-eslp-link{
	
}
.img-eslp-link{
	width: 100%;
}

/*ESTATE-BUY*/
.sec-est-buyhead {
	background: url(../img/p_estatetop_pc.jpg) left center no-repeat;
	background-size:85% auto;
	width: 100%;
	height:700px;
	margin-bottom: 50px;
}
.div-est-buyhead {
	position: relative;
	height:700px;
}
.div-est-buyhead:hover {

}
.div-est-buytitle {
	background-color: #fff;
	position: absolute;
	top: 20%;
	left: 10%;
	padding-top: 50px;
	padding-bottom: 50px;
	box-shadow: 5px 5px 5px #ccc;
	width: 30%;
	min-width: 500px;
}
.h2-est-buyhead {
	color: #000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
	font-size: 3.5rem;
	letter-spacing: 0.2em;
}
.p-est-buyhead {
	color: #000;
	font-size: 1.75rem;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 25px;
}
.a-est-buyhead {
		background-image: linear-gradient(170deg, #000 0%, #000 50%, #000 50%, #000 100%);
		display: block;
		padding-top: 20px;
	padding-bottom: 20px;
		margin-right: auto;
	margin-left: auto;
	width: 14em;
	color: #fff;
	font-weight: bold;
	font-size: 2.5rem;
	text-align: center;
}

.ul-est-icon {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 1000px;
margin: -50px auto 100px;
}
.li-est-icon {
	width: calc(100% / 3 - 75px);
	background-color: #fff;
	box-shadow: 5px 5px 5px #ccc;
	padding: 25px;

}
.li-est-icon b {
	display: block;
	color: #043c9c;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
.li-est-icon i {
	display: block;
	color: #000;
	font-size: 1.5rem;
	line-height: 1.5em;
	text-align: justify;
}
.img-est-icon {
	width: auto;
	height: 150px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}

.div-est-contbtn {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.p-est-contbtn {
	color: #000;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 25px;
}
.div-est-contbtn0 {
display:flex;
flex-wrap: wrap;
justify-content:space-between;	
}
.img-est-contbtn {
	width: 100px;
	height: 100px;
}
.a-est-contbtn {
		background-image: linear-gradient(170deg, #0878f1 0%, #065ecd 50%, #044bb2 50%, #043c9c 100%);
		width: calc(100% - 100px);
		position: relative;
		display:flex;
		align-items: center;
}
.a-est-contbtn b {
	color: #fff;
	font-weight: bold;
	font-size: 2.5rem;
	padding-left: 20px;
}


.a-footcont-tel.a-est-telbtn {
	background-color: #000;
	display: block;
	text-align: center;
	color: #fff;
}
.a-footcont-tel.a-est-telbtn i,.a-footcont-tel.a-est-telbtn b {
	color: #fff;
}
.art-est-flow {
display:flex;
flex-wrap: wrap;
justify-content:left;
width: 1000px;
margin-right: auto;
	margin-left: auto;
}	
.div-est-flow {
	width: 220px;
	margin-right: 5px;
	margin-bottom: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 20px;
}	
.div-est-flow b {
font: 5rem alte_din_1451_mittelschriftRg;
	text-align: center;
	display: block;
	margin-bottom: 20px;
color: #fff;
}
.div-est-flow i {
	color: #fff;
	font-size: 1.75rem;
	text-align: center;
	display: block;
	line-height: 1.5em;
}
.div-est-flow01 {
	background-color: #0071bc;
	clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
}
.div-est-flow02 {
	background-color: #007bbc;
	clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
}
.div-est-flow03 {
	background-color: #0084bc;
	clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
}
.div-est-flow04 {
	background-color: #008ebc;
	clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
}
.div-est-flow05 {
	background-color: #0098bc;
	clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
}
.div-est-flow06 {
	background-color: #00a2bc;
	clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
}
.div-est-flow07 {
	background-color: #00abbc;
	clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
}
.div-est-flow08 {
	background-color: #00b5bc;
	padding-top: 70px;
	display: block;
	width: 200px;
}
.div-est-flow08 i {
	font-size: 3rem;
	font-weight: bold;
}

.dl-est-faq	 {
	background-color: #fff;
	border: 10px solid #efefef;
	padding: 30px;
	margin-bottom: 50px;
}
.dt-est-faq {
	color: #043c9c;
	line-height: 1.5em;
	font-weight: bold;
	font-size: 2.5rem;
	margin-bottom: 25px;
}
.dt-est-faq:before {
content:'Q';font: 4rem alte_din_1451_mittelschriftRg;
background-color: #043c9c;
color: #fff;
aspect-ratio: 1 / 1;
padding: 5px 15px;
margin-right: 10px;
}

.dd-est-faq	 {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.5em;
	margin-left: 60px;
}
.dd-est-faq:before	{
content:'A';
font: 2.5rem alte_din_1451_mittelschriftRg;
background-color: #000;
color: #fff;
aspect-ratio: 1 / 1;
padding: 5px 10px;
margin-right: 10px;
	margin-left: -45px;
}	

.art-voice {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 1000px;
margin-right: auto;
	margin-left: auto;
}
.p-est-voice {
	width: 40%;
	margin-bottom: 50px;
	color: #000;
	font-size: 1.75rem;
	line-height: 1.5em;
		border: 10px solid #ccc;
	padding: 30px;
}
.p-est-voice span {
	text-align: right;
	display: block;
		color: #000;
	font-size: 1.75rem;
	margin-top: 25px;
}	
	
.sec-head-estatesub {
	width: 100%;
	height: 400px;  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
}
.sec-head-estatesub01 {
	background: url(../img/b_topbis06.jpg) center center no-repeat;
	background-size: cover;
}

.sec-head-estatesub02 {
	background: url(../img/b_topbis07.jpg) center center no-repeat;
	background-size: cover;
}

.sec-head-estatesub03 {
	background: url(../img/b_topbis08.jpg) center center no-repeat;
	background-size: cover;
}


.sec-head-estatesub04 {
	background: url(../img/bg_est_fukuyama.jpg) center center no-repeat;
	background-size: cover;
}


.sec-head-estatesub05 {
	background: url(../img/bg_est_fuchu.jpg) center center no-repeat;
	background-size: cover;
}

.sec-head-estatesub06 {
	background: url(../img/p_bgconst01.jpg) center center no-repeat;
	background-size: cover;
}

.sec-head-estatesub07 {
	background: url(../img/p_bgconst02.jpg) center center no-repeat;
	background-size: cover;
}

/*20260116added*/
.sec-head-estatesub08 {
	background: url(../img/bg_estate08.jpg) center center no-repeat;
	background-size: cover;
}

.sec-head-estatesub09 {
	background: url(../img/bg_estate09.jpg) center center no-repeat;
	background-size: cover;
}

.sec-head-estatesub10 {
	background: url(../img/bg_estate10.jpg) center center no-repeat;
	background-size: cover;
}
.sec-head-estatesub11 {
	background: url(../img/bg_comp01.jpg) center bottom no-repeat;
	background-size: cover;
}

.sec-head-estatesub12 {
	background: url(../img/b_topbis12.jpg) center center no-repeat;
	background-size: cover;
}

.sec-head-estatesub13 {
	background: url(../img/b_topbis13.jpg) center center no-repeat;
	background-size: cover;
}



.div-head-estatesub {
	background-color: #013c9c;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	align-items: center;
	padding-top: 50px;
	padding-bottom: 50px;
	  background: url(../img/bg_gotonestop_bk.png) center top no-repeat;
	opacity: 0.85!important;
}

/*BUYFUKUFUCHU*/
.sec-head-estatesub-ff {
	width: 100%;
	height: 650px;
	display: flex;
  justify-content: center;
  margin-bottom: 100px;
  padding-top: 75px;
}

.div-head-estatesub-ff {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.div-eslp-gofoout-ff {
	position: relative;
	top: -150px;
	z-index: 5;
	margin-bottom: -100px!important;
}
.p-esthead-exp-ff
{
	color: #fff!important;
	font-size: 3rem!important;
}

.p-esthead-exp-ff b
{
	color: #fff!important;
	font-size: 3rem!important;
	 background: linear-gradient(transparent 75%, #f15a22 60%);
	font-weight: bold;
}

.h2-head-estatesub-ff {
	color: #000!important;
}

.sec-head-estatesub-kt {
	height: 500px;
}
.div-head-estatesub-kt {
	margin-top: -100px;
}
.h2-head-buildsub-kt {
	color: #000!important;
	font-size: 5rem!important;
}
.h2-estoplink {
	
}

.div-head-estatesub01 {
	
}
.h2-head-estatesub {
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-align: center;
	margin-bottom: 25px;
	line-height: 1.25em;
}
.p-esthead-exp {
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 1.75rem;
	line-height: 1.75em;
}
.sec-body-estatesub {
	padding-top: 50px;
	padding-bottom: 50px;
}
.h2-estexp02 {
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 3.5rem;
	margin-bottom: 50px;
	position: relative;
	margin-top: -70px;
	line-height: 1.5em;
}	
.div-est-colmn01 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	margin-bottom: 100px;
	padding: 50px 50px 25px;
}

.h3-estitle01 {
	color: #043c9c;
	font-size: 2.5rem;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}	
.p-estexp01	{
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	margin-bottom: 50px;
	text-align: justify;
}
.art-estcolm02	{
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 1000px;
margin-right: auto;
	margin-left: auto;
flex-direction: row-reverse;
}
.spn-estimg01 {
	width: 50%;
}
.img-estexp02 {
	width: 100%;
	height: auto;
}	
.p-estexp02	{
	width: 45%;
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	text-align: justify;
}
	
.h3-estexp02 {
	color: #043c9c;
	font-size: 2.5rem;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-top: -75px;
	margin-bottom: 25px;
}	
	
.ul-estconsul	{
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
	
.li-estconsul	{
	color: #000;
	font-size: 1.65rem;
	line-height: 1.5em;
	margin-bottom: 1em;
	width: 48%;
}
.li-estconsul:before {
	content: '◎';
	margin-right: 10px;
}	
.div-estcusul-l {
	width: 45%;
}	
	
.p-monthexp01 {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -100px;
}		
.h3-monthexp {
	color: #000;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}		
.ul-monthexp02	{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}
.li-monthexp02 {
	color: #043c9c;
	font-size: 2rem;
	line-height: 1.75em;
	font-weight: bold;
	margin-bottom: 1em;
	margin-left: 30px;
}
.li-monthexp02:before {
	content: '◎';
	margin-right: 10px;
	margin-left: -30px;
}
	
.p-monthexp02 {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.5em;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}			
		
.p-monthexp03 {
	color: #043c9c;
	font-size: 2.5rem;
	line-height: 1.75em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}	
.tab-monthprice {
	display: block;
	margin-right: 25px;
	margin-left: 25px;
}


.tab-monthprice th:nth-child(1) {
	border-top: 1px solid #ccc;
}


.tab-monthprice td:nth-child(2) {
	border-top: 1px solid #ccc;
}

.tab-monthprice th {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	text-align: left;
	border-bottom: 1px solid #ccc;
	background-color: #f5f5f5;
	padding: 15px;
}
.tab-monthprice td {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 15px;
}
.montcap01	{
	color: #043c9c;
	line-height: 1.5em;
	caption-side: top;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.montcap02	{
	color: #000;
	font-size: 1.25rem;
	line-height: 1.5em;
	caption-side: bottom;
	margin-top: 10px;
}
.art-monthprice {
display:flex;
flex-wrap: wrap;
justify-content:center;
width: 1000px;
margin-right: auto;
	margin-left: auto;
}	

.img-monthroom {
	margin: 50px auto;
	width: 1000px;
}


/* 20250501 */
.inner-eslp-sales {

	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.title-eslp-sales {
	color: #000;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

.list-eslp-sales {
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	gap: 20px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.item-eslp-sales {
	width: calc(30%);
	box-shadow: 5px 5px 5px #ccc;
	background-color: #fff;
	display: block;
	border: 1px solid #e4e4e4;
}

.img-eslp-sales {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
}

.text-eslp-sales {
	color: #0065b4;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 15px;
}

.dl-eslp-sales {
	display: flex;
	gap: 10px;
	padding: 0 15px 20px;
}
.dt-eslp-sales ,.dd-eslp-sales {
	color: #000;
	line-height: 1.5em;
	font-size: 1.5rem;
}



/* 20250714 fukuyama・fuchu 土地相場情報 */
.inner-eslp-case {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.title-eslp-case {
	color: #000;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

.case-grp {
	display: flex;
	flex-wrap: wrap;
}

.case-item {
	width: calc(42%);
	display: block;
	box-shadow: 5px 5px 5px #ccc;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	padding: 15px 20px;
	margin-bottom: 25px;
}

.case-item:not(:last-of-type) {
	margin-right: 2%;
}

.case-notice-item {
	text-indent: -16px;
	line-height: 20px;
	padding: 0px 0px 0px 16px;
	margin: 0px 0px 10px 0px;
}

.case-notice-item:before {
	content: "※";
}

.case-item-ttl {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	margin: 0px 0px 20px 0px;
}

.case-item-price {
	margin: 0px 0px 20px 0px;
}

.case-item-price:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #000;
	border-radius: 4px;
	margin: 0px 6px 4px 0px;
}


.case-item-price {
	color: #666;
	font-size: 1.5rem;
	line-height: 1.5em;
}

.case-notice-grp li {
	color: #666;
	font-size: 1.25rem;
	line-height: 1.5em;	
}
.inner-eslp-case {
	width: 800px;
}


.art-eslp-voice {
	margin: 0 auto 100px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	width: 1000px;
}

.div-eslp-voice {
	padding: 30px;
	box-shadow: 5px 5px 5px #ccc;
	width: calc(100% / 3 - 75px);
	margin-bottom: 20px;
	background-color: #fff;
	position: relative;
}
.div-eslp-voice img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.p-eslp-voice_text {
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 50px;
}

.p-eslp-voice_person {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	bottom: 30px;
	right: 30px;
}


.compexp03.retouch {
	margin-bottom: 80px;
}

.compexp03.retouch table {
	margin-bottom: 20px;
}

/* //20250305 会社情報追加 */

dl.compland {
	margin-top: 25px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

dl.compland dt {
	font-size: 20px;
	line-height: 1.5em;
	color: #184b77;
	font-weight: 600;
	margin-bottom: 5px;
}

dl.compland dd {
	font-size: 18px;
	line-height: 1.5em;
	color: #000;
	margin-bottom: 25px;
}



h3.h3comptxt {
	font-size: 20px;
	line-height: 1.5em;
	color: #184b77;
	font-weight: 600;
	margin-bottom: 5px;
}

p.comptxt {
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	overflow: hidden;
}


table.outline {
	border-top: 1px solid #ccc;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

table.outline th {
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	background-color: #f0f6f6;
	border-bottom: 1px solid #ddd;
	width: 10em;
	padding: 15px;
	text-align: left;
	vertical-align: top;
}

table.outline td {
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	border-bottom: 1px solid #ddd;
	padding: 15px;
	text-align: left;
	vertical-align: top;
}

iframe.compmap {
	width: 1000px;
	height: 400px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

p.compmap {
	padding-top: 25px;
	padding-bottom: 5px;
	color: #000;
	font-size: 18px;
}

ul.comphpto {
	margin-left: -20px;
	overflow: hidden;
}

ul.comphpto li {
	width: 280px;
	margin-left: 20px;
	color: #000;
	font-size: 13px;
	float: left;
	margin-bottom: 20px;
}

ul.comphpto li img {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

.a-estline {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	display: block;
}
.img-estline	{
	width: 100%;
}


/*GOTOMID*/
.ul-gotomid {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}
.li-gotomid {
	margin-bottom: 50px;
}
.a-gotomid {
	
}
.img-gotomid {
	width: 100%;
	height: auto;
}

html.estate .hamburger-icon {
	background-color: #000;
}
html.estate 	.a-headcont {

	background: linear-gradient(to bottom, #000 0%, #000 100%) #000;
}
	
	
	
	
	
	/*blog*/
article.blog-colm {
	overflow: hidden;
	width: 100%;
	margin: 100px auto;
}

div.blog-body {
}

div.blog-side {
	width: 25%;
	float: left;
}

div.side-tit {
	color: #000;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	font-size: 18px;
	font-weight: 400;
}

ul.side-menu {
	margin-bottom: 50px;
}

ul.side-menu li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 1.5em;
}

ul.side-menu li a {
	color: #000;
	font-size: 13px;
	margin-bottom: 15px;
	display: block;
	line-height: 1.5em;
}

ul.side-menu li a:hover {
	text-decoration: underline;
}

ul.blog-list {
	margin-bottom: 20px;
}

ul.blog-list li {
	line-height: 1.5em;
}

ul.blog-list li a {
	color: #000;
	font-size: 13px;
	line-height: 1.5em;
	display: block;
	overflow: hidden;
	padding: 25px;
	width: 650px;
}

ul.blog-list li a:hover {
	background-color: #efefef;
}

ul.blog-list li a img {
	float: left;
	width: 150px;
	height: auto;
	margin-right: 10px;
}

ul.blog-list li a span {
	color: #000;
	font-size: 13px;
	line-height: 1.5em;
	display: block;
	float: right;
	width: 430px;
}

ul.blog-list li a b {
	display: block;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 600;
}

ul.blog-list li a i {
	display: block;
	margin-bottom: 10px;
}

div.blog-date {
	margin-bottom: 10px;
	color: #000;
	font-size: 13px;
	text-align: right;
}

h3.blog-tit {
	font-size: 25px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	line-height: 1.5em;
	color: #db5f83;
	margin-left: 5px;
	display: inline-block;
	position: relative;
	top: 3px;
	width: 100%;
}

div.blog-body p {
	color: #000;
	font-size: 15px;
	line-height: 1.75em;
	margin-bottom: 1.5em;
	font-weight: 200;
}

div.blog-body p img {
	margin-bottom: 10px;
	height: auto;
	width: 100%;
}

.bog-archnav {
	margin-top: 50px;
}

h3.conttit {
	text-align: center;
	color: #0067a4 !important;
	font-size: 20px !important;
}

div.itemcont {
	background-color: #f8f8f8;
	padding: 20px;
	margin-top: 50px;
}

ul.archnav {
	overflow: hidden;
	display: block;
	width: 100%;
	position: relative;
	height: 1em;
}

li.archnav-p {
	width: 5em;
	display: block;
	position: absolute;
	left: 0;
}

li.archnav-i {
	width: 8em;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -3.5em;
}

li.archnav-n {
	width: 5em;
	display: block;
	position: absolute;
	right: 0;
}

li.archnav-p a {
	color: #000;
	font-size: 15px;
	font-weight: 200;
}

li.archnav-i a {
	color: #000;
	font-size: 15px;
	font-weight: 200;
}

li.archnav-n a {
	color: #000;
	font-size: 15px;
	font-weight: 200;
}


section.list-top {
	background-color: #fff;
}

div.list-top {
width: calc(100% - 500px);
margin-right: auto;
	margin-left: auto;
}

ul.side-list {
	margin-bottom: 50px;
}

ul.side-list li {
	margin-bottom: 10px;
}

ul.side-list li a {
	color: #000;
	font-size: 15px;
	line-height: 1.5em;
	font-weight: 200;
	text-indent: -8px;
	padding-left: 20px;
	display: block;
}

ul.side-list li a:before {
	content: "\f138";
	color: #000;
	font: 15px FontAwesome;
	display: inline-block;
	padding-right: 5px;
}

ul.side-list li a:hover:before {
	color: #0071be;
	text-decoration: underline;
	display: inline-block;
}

ul.side-list li a:hover {
	color: #0071be;
	text-decoration: underline;
}


ul.side-list-setate {
	margin-bottom: 50px;
	margin-top: -10px;
}

ul.side-list-setate li {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

ul.side-list-setate li a {
	display: block;
	background-color: #f9f9f9;
	color: #000;
	font-size: 15px;
	padding: 15px;
	font-weight: 200;
}

ul.side-list-setate li a:before {
	content: "\f138";
	color: #000;
	font: 15px FontAwesome;
	display: inline-block;
	padding-right: 5px;
}

ul.side-list-setate li a:hover:before {
	color: #000;
}

ul.side-list-setate li a:hover {
	background-color: #eee;
	color: #000;
}

ul.side-list-setate li.current-cat a {
	background-color: #ddd;
}



.news-date {
	color: #000;
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 1.75em;
}

h3.experi-tit {
	color: #005f8c;
	font-size: 25px;
	line-height: 1.25em;
	font-weight: 600;
	border-bottom: 1px dotted #0067a4;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

h3.result-tit {
	color: #000;
	font-size: 25px;
	line-height: 1.25em;
	font-weight: 600;
	border-bottom: 1px dotted #57900d;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


/*news-list-top*/
ul.news-list-top {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px dotted #ccc;
}

ul.news-list-top li {
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	line-height: 1.5em;
}

ul.news-list-top li a {
	color: #000;
	font-size: 15px;
	line-height: 1.5em;
	display: inline-block;

	padding-top: 30px;
	padding-bottom: 30px;
}

ul.news-list-top li a img {
	width: 200px;
	height: auto;
	float: left;
	margin-right: 30px;
}

ul.news-list-top li b {
	color: #0071be;
	font-size: 20px;
	font-weight: 400;
	display: inline-block;
	margin-bottom: 10px;
}

ul.news-list-top li i {
	color: #000;
	font-size: 12px;
	display: inline-block;
	margin-bottom: 10px;
}

.newstext {
	float: right;
	width: 670px;
}

.newsexp {
	display: inline;
	line-height: 1.5em;
	color: #000;
	font-size: 15px;
}


/*news-list-harf*/
ul.news-list-harf {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

ul.news-list-harf li {
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #ccc;
	line-height: 1.5em;
}

ul.news-list-harf li a {
	color: #000;
	font-size: 15px;
	line-height: 1.5em;
	display: block;
}

ul.news-list-harf li a img {
	width: 150px;
	height: auto;
	float: left;
}

ul.news-list-harf li b {
	color: #0071be;
	font-size: 20px;
	font-weight: 400;
	display: inline-block;
	margin-bottom: 10px;
	line-height: 1.5em;
}

ul.news-list-harf li i {
	color: #000;
	font-size: 12px;
	display: inline-block;
	margin-bottom: 10px;
	line-height: 1.8em;
}

.newstext-harf {
	float: right;
	width: 420px;
}

.newsexp-harf {
	display: inline;
	line-height: 1.5em;
	color: #000;
	font-size: 15px;
}


/*wp-pagenavi*/
div.bread {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

ul.bread_crumb li {
	color: #666;
	font-size: 12px;
	display: inline-block;
	text-align: center;
	font-weight: 200;
}

ul.bread_crumb li a {
	color: #666;
	font-weight: 200;
	font-size: 12px;
}

ul.bread_crumb li:after {
	content: '>';
	margin-right: 6px;
	margin-left: 6px;
}

.pages {
	color: #000;
	font-size: 15px;
	margin-right: 2em;
}

ul.bread_crumb li.current {
	color: #666;
	font-size: 12px;
	display: inline-block;
	text-align: center;
	font-weight: 200;
}

ul.bread_crumb li.current:after {
	content: ' ';
}

ul.bread_crumb li.current a {
	color: #666;
	font-weight: 200;
	font-size: 12px;
}

a.page {
	color: #000;
	font-size: 18px;
	display: inline-block;
	text-align: center;
	padding: 6px 12px;
}

a.nextpostslink,
a.previouspostslink {
	color: #000;
	font-size: 18px;
	display: inline-block;
	padding: 5px;
	text-align: center;
}

a.last,
a.first {
	color: #000;
	font-size: 18px;
	display: inline-block;
	text-align: center;
	margin-left: 0.5px;
	margin-right: 0.5em;
	padding: 0.5em;
}


div.blog-other {
	width: 100%;
	height: 3px;
	margin-bottom: 20px;
}

div.wp-pagenavi {
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 50px;
	margin-bottom: 50px;
}

.pages {}

a.page {
	color: #666;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	padding: 6px 12px;
	border: 1px solid #ddd;
	margin-left: -1px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

span.current {
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	background-color: #999;
	position: relative;
	border: 1px solid #999;
	z-index: 10;
	margin-left: -1px;
	padding: 2px 12px;
}

a.page:hover {
	background-color: #efefef;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

a.previouspostslink {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	color: #666;
	font-size: 18px;
	padding: 6px 12px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

a.nextpostslink {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #666;
	font-size: 18px;
	border-right: 1px solid #ddd;
	padding: 6px 12px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

a.nextpostslink:hover,
a.previouspostslink:hover {
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	background-color: #efefef;
}

section.next-clm {
	margin-bottom: 50px;
	display:flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
}


ul.gotocontact {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

ul.gotocontact li {
	width: 390px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

ul.gotocontact li a {
	background-color: #fff;
	display: block;
	text-align: center;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

ul.gotocontact li a i {
	color: #000;
	margin-right: 5px;
}

ul.gotocontact li a b {
	color: #000;
	margin-right: 5px;
	font-size: 18px;
	font-weight: 600;
}

ul.gotocontact li a:hover,
ul.gotocontact li a:hover i {
	color: #fff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	background-color: #0084bf;
}

h2.h2title {
	color: #000;
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}

.pcheaderhouse {
	background: url(../img/bg_house01.jpg) no-repeat center top;
	background-size: 100% auto;
	padding-bottom: 40%;
}
	
	
.h3-sidecat {
	margin-bottom: 10px;
}

.a-sidecat {
	overflow: hidden;
	color: #fff;
	font-size: 18px;
	display: block;
	padding: 10px;
}
.a-sidecat i {
	float: right;
	color: #fff;
	font-size: 12px;
	line-height: 1.5em;
}
.a-sidecat i:hover {
text-decoration: underline;
}

.h3-sidecat-information {
		background-color: #00b2b3;	
}
.h3-sidecat-closed {
	background-color: #ea6182;		
}
.h3-sidecat-column {
	background-color: #fcc800;		
}
.h3-sidecat-blog {
	background-color: #13ae67;		
}	
	
	
.p-toptotal {
	color: #000;
	font-size: 15px;
	text-align: left;
	display: block;
	margin-bottom: 25px;
	margin-right: auto;
	font-weight: bold;
	width: 1170px;
	margin-left: auto;
}
.p-toptotal b {
	color: #000;
	font-size: 20px;
	font-weight: bold;
}

.div-topcatname {
	color: #fff;
	font-size: 11px;
	display: inline-block;
	padding: 5px 7px;
	text-align: center;
	float: left;
	margin-right: 5px;
}

.topcat-information {
		background-color: #00b2b3;	
}
.topcat-closed {
	background-color: #ea6182;		
}
.topcat-column {
	background-color: #fcc800;		
}
.topcat-blog {
	background-color: #13ae67;		
}
.ul-topcat {
display:flex;
justify-content:space-between;
flex-wrap: wrap;	
}
.ul-topcat li {
	width: calc(100% / 4);
}
.ul-topcat li a {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	
opacity: 1;
transition: all 0.2s ease-in-out 0s;
}
.ul-topcat li a:hover  {
opacity: 0.5;
transition: all 0.2s ease-in-out 0s;

}
.a-topcat-information {
		background-color: #00b2b3;	
}
.a-topcat-closed {
	background-color: #ea6182;		
}
.a-topcat-column {
	background-color: #fcc800;		
}
.a-topcat-blog {
	background-color: #13ae67;		
}


.ul-topcat li a:before {
    display: block;
    content: "\f138";
    color: #fff;
    font: 16px FontAwesome;
    display: inline-block;
    padding-right: 5px;
}

.a-newsall {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;;
	background-color: #999;
	margin-top: 5px;
	opacity: 1;
transition: all 0.2s ease-in-out 0s;
}
.a-newsall:hover {
	opacity: 0.75;
transition: all 0.2s ease-in-out 0s;	
}

.a-newsall:before {
    display: block;
    content: "\f138";
    color: #fff;
    font: 16px FontAwesome;
    display: inline-block;
    padding-right: 5px;
}

.img-estimtop {
	width: 800px;
	height: auto;
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
}


/*CONSTRUTION*/
.compexp {
	
}
.div-constexp {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.img-constexp {
	width: 100%;
	height: auto;
}


table.resgeneral {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table.resgeneral td {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.5em;
	text-align: left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px;
}

table.resgeneral th {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.5em;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px;
	background-color: #f1f8fa;
}

table.resgeneral caption {
	caption-side: bottom;
	text-align: right;
	margin-top: 10px;
	color: #000;
	font-size: 1.25rem;
}
.compland-const {
	background-color: #fff;
	position: relative;
	top: -100px;
	padding: 30px;
	opacity: 0.9;
	box-shadow: 3px 3px 3px #ccc;
}



.ul-ogata {
display:flex;
flex-wrap: wrap;
justify-content:left;
gap:20px;

width: 1000px;
margin-right: auto;
	margin-left: auto;
margin-bottom: 100px;
}
.li-ogata {
	margin-bottom: 50px;
	width: calc(100% / 3 - 20px);
	color: #000;
font-size: 1.5rem;
line-height: 1.5em;
}
.li-ogata img {
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}


div.general {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	overflow: hidden;display:flex;
flex-wrap: wrap;
justify-content:space-between;
}


dl.general_c {
	margin-top: 20px;
	margin-right: auto;
	width: 1000px;
	margin-left: auto;
}

dl.general_c dt {
	text-align: left
}

dl.general_c dt img {
	margin-bottom: 5px
	width: 1px;
	width: 100%;
}

dl.general_c dd {
	color: #000;
	font-weight: normal;
	font-size: 1.5rem;
	text-decoration: none;
	text-align: left;
	margin-bottom: 50px;
}

dl.general {

	margin-top: 20px;
	margin-right: 20px;
	width: calc(100% / 3 - 20px)
}

dl.general dt {
	text-align: left
}

dl.general dt img {
	margin-bottom: 10px;
	width: 100%;
}

dl.general dd {
	color: #000;
	font-weight: normal;
	font-size: 1.5rem;
	text-decoration: none;
	text-align: left;
	margin-bottom: 50px;
	line-height: 1.5em;
}

.h2-head-buildsub {
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5%;
	font-size: 3rem;
	letter-spacing: 0.2em;
}




/*ESTATE*/

.sec-estatehead {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
}
.rentalhead {
	background-color: #3c8e7e;
}
.sellhead {
	background-color: #4f5ea6;
}
.div-estopcolmn {
	
}


.reformhead {
	background-color: #0059c0;
}
.househead {
	background-color: #0059c0;
}
.div-estatehead {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.h2-estatehead {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.sec-estatebody {
	margin-right: auto;
	margin-left: auto;
}
.div-estatebody {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.div-estno {
	margin-bottom: 10px;
	display: block;
	color: #000;
	font-size: 13px;
	text-align: left;
	width: 100%;
}
.ul-catplace {
	width: max-content;
	margin-bottom: 25px;
	display:flex;
}
.li-cat {
	color: #fff;
	font-size: 15px;
	background-color: #666;
	
	padding: 10px 15px;
	text-align: center;
}
.li-place {
	color: #000;
	font-size: 15px;

	padding: 10px 15px;
	background-color: #efefef;
}
.h3-eatitle {
	color: #000;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	line-height: 1.25em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.dl-spec01 {
display:flex;
width: 100%;
margin-bottom: 5px;
}
.dt-spec01 {
	color: #fff;
	font-size: 15px;
	background-color: #666;
	padding: 5px 15px;
	width: 15%;
	text-align: center;
	line-height: 1.75em;
}
.dd-spec01 {
	background-color: #efefef;
	color: #000;
	font-size: 25px;
	padding: 5px 15px;
	width: 100%;
	font-weight: bold;
}
.dd-spec01 i {
	color: #000;
	font-size: 15px;
	font-weight: bold;
}

.div-eatadd {
	margin-bottom: 25px;
	display: block;
	color: #000;
	font-size: 18px;
	text-align: left;
	width: 100%;	
}

.flexslider {
	width: 800px;
	margin-right: auto !important;
	margin-left: auto !important;
	margin-bottom: 50px!important;
}
.h4-estate {
	border-bottom: 1px solid #3977be;
	color: #3977be;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.h4-estate:before {
	content: '■';
transform: scale(0.25,1.2);
display: inline-block;
margin-left: -5px;
}

.div-estyoutube {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.div-estyoutube iframe {
	width: 100%;
	height: 450px;
}

.div-estrecom  {
	margin-bottom: 50px;
}


.div-estrecom table{
	width: 100%!important;
}
.div-estrecom table th,.div-estrecom table td{
	color: #000!important;
	font-size: 13px!important;
	line-height: 1.5em!important;
	padding: 5px;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
	text-align: left;
}
.div-estrecom table td strong {
	color: #000!important;
	font-size: 13px!important;
	line-height: 1.5em!important;	
}


.div-estrecom table td img {
	width: 100%;
	height: auto;
}


.div-estrecom p {
	color: #000;
	font-size: 15px;
	line-height: 1.75em;
	margin-bottom: 1em;
}
.div-estrecom p img {
	max-width: 100%;
	max-height: auto;
	height: auto;
}
.div-estequip {
	margin-bottom: 50px;
}
.div-estequip p {
	color: #000;
	font-size: 15px;
	line-height: 1.5em;
}

.div-estspec {
display:flex;
padding-bottom: 50px;
width: 100%;
flex-wrap: wrap;
border-top: 1px solid #ccc;
}
.dl-estspec {
	width: 50%;
	display:flex;
}
.dl-estspec dt {
	color: #000;
	font-size: 13px;
	background-color: #efefef;
	width: 30%;
	text-align: center;
	line-height: 1.5em;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.dl-estspec dd {

	color: #000;
	font-size: 13px;
	width: 70%;
	line-height: 1.5em;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.rentmantion {
	background-color: #00b2b3;	
}
.rentoffice {
	background-color: #4774b9;		
}
.rentfactory {
	background-color: #ea6182;		
}
.rentland {
	background-color: #fcc800;		
}
.rentpark {
	background-color: #13ae67;	
}


.sellhouse {
	background-color: #00b2b3;	
}
.sellmantion {
	background-color: #4774b9;		
}
.selland {
	background-color: #ea6182;		
}
.selloffice {
	background-color: #fcc800;		
}
.sellandhouse {
	background-color: #00b2b3;	
}
.sellandworks {
	background-color: #ea6182;		
}

.sellofiice {
	background-color: #4774b9;		
}


.aligncenter {
		display: block;
		margin-right: auto;
	margin-left: auto;
}

.alignleft {
	margin-left: 0;
	margin-right: auto;
}

.alignright {
	padding-right: 0;
	margin-left: auto;
}

.a-gotoformest {
	background-color: #0064c7;
	color: #fff;
}

/*SEARCH*/

.art-estlist {
display:flex;
justify-content:left;
flex-wrap: wrap;
margin-right: auto;
	margin-left: auto;
}
.art-estlist2 {
display:flex;
justify-content:left;
flex-wrap: wrap;
margin-right: 50px;
	margin-left: 50px;
}
.div-estlist {
	position: relative;
	width: 220px;
	margin-bottom: 100px;
	margin-right: 15px;
	margin-left: 15px;
}
.a-estlist {
	position: absolute;
	width: 100%;
	height: 100%;

	transition: all 0.2s ease-in-out 0s;
	display: block;
}
.a-estlist:hover{
	background-color: rgba(255, 255, 255, .50);
	transition: all 0.2s ease-in-out 0s;
}

.spn-stasus {
	padding: 5px 7px;
	color: #fff;
	font-size: 1.25rem;
	display: inline-block;
	float: left;
}

.spn-icon_none {
background-color: #fff;	
}
.spn-icon_look {
background-color: #3b98c7;
}
.spn-icon_newitem {
background-color: #e16062;		
}
.spn-icon_reprice {
background-color: #79c5ba;	
}
.spn-icon_nego {
background-color: #ea8f93;	
}
.spn-icon_sold {
background-color: #f3b351;	
}
.sellohter {
	background-color: #666;
}
.img-estlist {
	margin-bottom: 10px;
	margin-top: 5px;
	object-fit: cover;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
object-fit: cover;
}


.ul-estlistop {
display:flex;
justify-content:left;
flex-wrap: wrap;
margin-bottom: 15px;
}
/*.li-listroom span {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	margin-right: 10px;
}*/

.li-listroom span {
	color: #fff;
	font-size: 1.25rem;
	padding: 3px 5px;
	margin-right: 10px;
}





.li-listarea {
	color: #000;
	font-size: 1.25rem;
	line-height: 1.5em;
	text-align: left;
}

.h4-estlist {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.5em;
	height: 2em;
	margin-bottom: 1.5em;
}
.h4-estlist2 {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.5em;
	height: 2em;
	margin-bottom: 1.5em;
	text-align: center;
}
.ul-estlistbtm {
display:flex;
justify-content:left;
flex-wrap: wrap;	
}
.ul-estlistbtm li {
	margin-right: 1px;
	margin-left: 1px;
	padding: 10px;
}
.li-listroom {
	color: #666;
	font-size: 18px;
	font-weight: bold;
}

.div-estinfosell .li-listprice,.ul-estlistbtm .li-listroom  {
	color: #4f5ea4;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5em;
	background-color: #eeeff6;
	width: 100%;
}

.div-estinforental .li-listprice,.div-estinforental .li-listroom {
	color: #3d8c7e;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5em;
	background-color: #f5faf9;
}
.div-estinforental .li-listroom,.div-estinforental .li-listprice i {
	color: #3d8c7e;

}




.li-listprice i {
	color: #666;
	font-size: 15px;
	font-weight: bold;
}

/*SEARCHFORM*/
.div-estsearch {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px;
	background-color: #fff;
	min-width: 400px;
}



.next-narrow {
display:flex;
justify-content:space-between;
flex-direction: row-reverse;
width: 100%;
}






.div-estsearch h4 {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-align: left;
}
.div-estsearch form ul li ul {
display:flex;
justify-content:left;
flex-wrap: wrap;
width: 100%;
}
.div-estsearch form ul li {
	margin-bottom: 15px;
}
.sf-level-0 {
	color: #000;
	font-size: 1.5rem;
	font-weight: bold;
	width: 50%;
	text-align: left;
}

.sf-field-taxonomy-selltype ul,.sf-field-taxonomy-estatearea ul {
display:flex;
flex-wrap: wrap;
justify-content:left;	
}
.sf-field-taxonomy-selltype ul li,
.sf-field-taxonomy-estatearea ul li,
.sf-field-taxonomy-floorplan ul li
{
	width: 50%;
}

.sf-field-taxonomy-rentaltype ul,.sf-field-taxonomy-estatearea ul {
display:flex;
flex-wrap: wrap;
justify-content:left;	
}
.sf-field-taxonomy-rentaltype ul li ,.sf-field-taxonomy-estatearea ul li{
	width: 50%;
}



.sf-level-0 label {
	font-size: 1.5rem;
}

.sf-input-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border-radius: 0;
  font: inherit;
  outline: none;
  border: none;
  width: 15px;
  height: 15px;
  display: none;
}
.sf-input-radio + label:before {
	font: 900 18px 'Font Awesome 7 Free';
	content: "\f111";
    color: #ccc;
	margin-right: 5px;
}
.sf-input-radio:checked + label:before {
	font: 900 18px 'Font Awesome 7 Free';
	content: "\f192";
    color: #000;
	margin-right: 5px;
}
.sf-label-radio {
	margin-left: 0!important;
}


.sf-input-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border-radius: 0;
  font: inherit;
  outline: none;
  border: none;
  width: 15px;
  height: 15px;
  display: none;
}
.sf-input-checkbox + label:before {
	font: 900 18px 'Font Awesome 7 Free';
	content: "\f0c8";
    color: #ccc;
	margin-right: 5px;
}
.sf-input-checkbox:checked + label:before {
	font: 900 18px 'Font Awesome 7 Free';
	content: "\f14a";
    color: #000;
	margin-right: 5px;
}
.sf-label-checkbox {
	margin-left: 0!important;
}

.sf-field-taxonomy-floorplan ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
}






.sf-count {
	font-size: 1.5rem;
}

.div-estsearch input[type="submit"] {
	width: 10em;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	font-size: 18px;
	background-color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: block;
	transition: all 0.2s ease-in-out 0s;
}
.div-estsearch input[type="submit"]:hover {
	cursor: pointer;
	background-color: #999;
	transition: all 0.2s ease-in-out 0s;
}

.p-nohit {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	padding-top: 100px;
	padding-bottom: 100px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	text-align: center;
	line-height: 1.5em;
}

.top23title {
	height: 4em;
	display: inline-block;
	line-height: 1.5em;
}
.sf-input-select {
	color: #000;
	font-size: 1.5rem;
	border: 1px solid #ccc;
	background-color: #efefef;
	width: 100%;
	padding: 9px 10px 11px;
	border-radius: 3px;
}

.searchandfilter label {
	width: 100%!important;
}
.searchandfilter ul li {
	padding: 5px 0 !important;
}

.sf-input-text {
	color: #000;
	font-size: 1.5rem;
	padding: 13px;
	border: 1px solid #ccc;
	width: calc(100% - 30px);
	border-radius: 3px;
	margin-bottom: 10px;
}

.sf-field-taxonomy-estatearea ul {
display: flex;	
}


.sf-field-taxonomy-estatearea ul li:nth-child(2) {
  order: 3;	
}
.sf-field-taxonomy-estatearea ul li:nth-child(3) {
  order: 4;	
}

.sf-field-taxonomy-estatearea ul li:nth-child(4) {
  order: 5;	
}

.sf-field-taxonomy-estatearea ul li:nth-child(5) {
  order: 6;	
}

.sf-field-taxonomy-estatearea ul li:nth-child(6) {
  order: 1;	
}


.sf-field-taxonomy-estatearea ul li:nth-child(7) {
  order: 7;	
}

.sf-field-taxonomy-estatearea ul li:nth-child(8) {
  order: 8;	
}

.sf-field-taxonomy-estatearea ul li:nth-child(9) {
  order: 9;	
}

.sf-field-taxonomy-estatearea ul li:nth-child(10) {
  order: 10;	
}



/*FLEX*/
article.shoecase1 {overflow: hidden;width: 960px;margin-bottom: 50px;}
div.shoecase1l {float: left!important;width: 800px!important;}

div.shoecase1r {width: 330px!important;float: right!important;}
ul.showphoto {width: 800px;}
ul.showphoto li {}

ul.showphoto li img {
margin-right: auto!important;
margin-left: auto!important;
max-height: 600px;
width: auto;
max-width: 100%;
}

ol.flex-control-thumbs {
	width: 800px;
}
ol.flex-control-thumbs li {
    overflow: hidden;
    width: calc(100% / 8 - 1px);

    position: relative;margin-right: 1px;margin-bottom: 1px;background-color: #000;
	padding-top: 12.5%;
}
 
ol.flex-control-thumbs li img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);height: 100%!important;width: auto!important;}

h3.showtit {color: #000;font-size: 18px;font-weight: bold;line-height: 1.5em;clear: both;margin-bottom: 5px;padding-bottom: 3px;border-bottom: 1px dotted #ccc;}

div.exp-show2 {color: #000;font-size: 12px;line-height: 1.5em;margin-bottom: 10px;text-align: right;}
div.exp-show1 p {color: #000;font-size: 13px;line-height: 1.5em;margin-bottom: 50px;text-align: left;}

div.gotoprint a {display: block;clear: both;border: 1px solid #000;padding: 5px 20px;width: 200px;text-align: center;font-size: 12px;margin-bottom: 10px;color: #000;margin-right: auto;margin-left: auto;}
div.gotocont a {display: block;clear: both;border: 1px solid #000;padding: 5px 20px;width: 200px;text-align: center;font-size: 12px;margin-bottom: 10px;color: #fff;background-color: #000;margin-right: auto;margin-left: auto;}

article.shoecase2 {overflow: hidden;margin-bottom: 50px;}
div.shoecase2l {width: 465px;float: left;}

div.shoecase2r {width: 465px;float: right;}
div.shoecase2r img {margin-right: auto;margin-left: auto;
max-width: 100%;
max-height: auto;
}

.div-estinfo {
	width: 60%!important;
	margin-right: ;
	margin-left: 100px!important;
	min-width: 825px!important;
}



/*contact*/
p.thanks {
	color: #666;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
	margin-top: 50px;
}

div.contact {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

form#mailformpro {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

form#mailformpro button {
	color: #fff;
	font-size: 20px;
	width: 10em;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	border-radius: 5px;
	text-align: center;
}

dl.contact {
	overflow: hidden;
	width: 670px;
}

dl.contact dt {
	color: #666;
	font-size: 80%;
}

dl.contact dt b {
	color: #c00;
	font-size: 12px;
}

dl.contact dd {
	padding-top: 5px;
	padding-bottom: 5px;
}

dl.contact03 input,
dl.contact03 textarea {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #666;
	font-size: 100%;
}

.reqbox[type="radio"] {
	appearance: auto!important;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}
#mfp_element_12[type="checkbox"] {
	appearance: auto!important;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}


dl.contact03 select {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #666;
	font-size: 100%;
	padding: 2px;
}

input[type="text"]:focus,
input[type="email"]:focus,
dl.contact03 textarea:focus,
dl.contact03 dd select:focus,
button[type="submit"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
	outline: 0;
}

dd.contact03rb input[type="checkbox"],
dd.contact03rb input[type="radio"] {
	width: 15px;
	height: 15px;
}

.ipt01 {
	color: #000;
	font-size: 15px;
	width: 430px;
}

.ipt02 {
	color: #000;
	font-size: 15px;
	width: 100px;
}

.ipt03 {
	color: #000;
	font-size: 15px;
	height: 1em;
	width: 650px;
}

.ipt04 {
	color: #000;
	font-size: 15px;
	width: 200px;
}

.ipt05 {
	color: #000;
	font-size: 15px;
	width: 430px;
}

.ipt07 {
	color: #000;
	font-size: 15px;
	width: 150px;
}

.ipt06 {
	color: #000;
	font-size: 15px;
	height: 20em !important;
	width: 440px !important;
}

p.contactexp {
	color: #000;
	font-size: 20px;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 400;
}


#mfp_element_8 {
	width: 15px!important;
	height: 15px!important;
	margin-right: 5px!important;
border-radius: 100%;	
}
#mfp_element_8:checked {
	background-color: #000!important;

}




p.contactexp a {
	text-decoration: underline;
	color: #666;
}

p.contactexp a:hover {
	color: #bea934;
}

textarea.ipt06 {
	color: #000;
	font-size: 15px;
	height: 20em !important;
	width: 95% !important;
	margin-bottom: 5%;
	padding: 3%;
}

dl.contact03 {
	overflow: hidden;
	width: 100%;
}

dl.contact03 dt {
	color: #000;
	font-size: 15px;
	line-height: 1.5em;
}

dl.contact03 dt b {
	color: #c00;
	font-size: 12px;
}

dl.contact03 dt i {
	color: #000;
	font-size: 12px;
	margin-left: 1em;
}

dl.contact03 dd {
	color: #000;
	font-size: 15px;
	margin-bottom: 20px;
	line-height: 1.5em;
}

dd.contact03cap {
	color: #000;
	font-size: 75%;
	line-height: 1.5em;
}

dl.contact03 dd.contact03rb {
	margin-top: 10px;
}

table#mfp_confirm_table tr th {
	white-space: nowrap;
}

p.contactexp02 {
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	font-size: 15px;
	line-height: 2em;
	padding: 20px;
	background-color: #efefef;
}

.sec-estatecolmn {
	
}
.asd-estate {
	
}
.man- estlist {
	
}
.man-estate {
	
}




/*FRIEND*/

.sec-friend {
	background: url(../img/bg_friendhead.jpg) center bottom no-repeat;
	width: 100%;
	padding-top: 50px;
	margin-bottom: 25px;
}
.h2-friend {

	color: #fff;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 20px;
	width: 100%;
	letter-spacing: 0.1em;
	background-color: #228fca;
}
.div-friend {
	
}
.h3-friend {
	color: #fff218;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
.h3-friend b {
	color: #fff218;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}

.img-friendhead {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
.p-friend01 {
	color: #000;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
.ul-friendprice {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.ul-friendprice li {
	margin-bottom: 10px;
}
.ul-friendprice li img {
	width: 100%;
	height: auto;
	box-shadow: 5px 5px 5px #ccc;
}
.h4-friend {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	color: #fff;
	background-color: #00a599;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.p-friend02 {
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.ul-friendlink {
	width: 600px;
	margin: 15px auto 15px;
}
.ul-friendlink li {
	margin-bottom: 10px;
}
.ul-friendlink li a {
	display: block;
}
.ul-friendlink li a img {
	width: 100%;
	height: auto;
}
.p-friend02-foot {
	margin-bottom: 50px;
}
.ul-friendjoken {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.ul-friendjoken li {
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	text-align: left;
	list-style-type: disc;
	margin-left: 2em;
	margin-bottom: 0.5em;
}


/*IMAGEHEAD*/
.imagehead {
	
}

.divih-satei {
	display: block;
	background-color: rgba(0, 121, 109, 0.75);
	        background: url(../img/bg_gotonestop_bk.png);
	position: absolute;
	  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 700px;
  padding-top: 50px;
	padding-bottom: 50px;
}




.secih-satei {
	background: url(https://www.matusaka.co.jp/wp-content/themes/matsusaka2019/img/bg_satei01.jpg) center center no-repeat;
	background-size: cover ;
	width: 100%;
	height: 400px;
	position: relative;
	z-index: 5;
}

.h2ih-satei {

}
.h2ih-satei b {
	display: block;
	color: rgba(255, 255, 255, 1);
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
	z-index: 10;
	margin-bottom: 10px;
}
.h2ih-satei i {
	display: block;
	color: rgba(255, 255, 255, 1);
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
	z-index: 10;
}


/*BUILDHOME*/
.sec-build {
	
}
.sec-build-head {
	height: 35vw;
	width: 100%;
	position: relative;
	padding-bottom: 375px;
	background-color: #fff7e3;
}
.sec-build-body {
	padding-top: 100px;
	padding-bottom: 100px;
}
.sec-bboff {
	background-color: #fff;
}
.sec-bbon {
	background-color: #fff8e3;
}
.sec-bron {
	background-color: #eff9f0;
}
.div-build-headbg {

	clip-path: polygon(25% 0, 100% 25%, 100% 100%, 0 100%, 0 25%);
	width: 100%;
	background: url(../img/p_reformtop00.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	height: 100%;
	top: 50px;
	margin-bottom: 150px;
}
.div-build-head {
	position: relative;
	width: 100%;
	height: 100%;
}
.div-build-body {

	margin-right: auto;
	margin-left: auto;
}
.img-build-head {
	position: absolute;
	left: calc(50% + 0px);
	z-index: 0;
	height: auto;
	bottom: -100px;
	width: 30vw;
}



.ul-build-headlink {
display:flex;
position: absolute;
bottom: -100px;
right: calc(52% );
width: 30vw;
}
.li-build-headlink {
margin-left: 10px;
	margin-right: 10px;
width: 50%;
}
.a-build-headlink {
	
}
.img-build-headlink {
	width: 100%;
	height: auto;
}
.h2-build-head {
background: linear-gradient(80deg, #f5911f 0%, #f9ab53 89.4%, #fdc280 89.5%, #ffcd95 100%), url(../bg_buildrogo.svg) #f6921e;
padding: 30px 75px;
	position: absolute;
right: calc(50%  - 0px);
color: #fff;
font-weight: bold;
	
width: max-content;
line-height: 1.75em;
top: 15%;
font-size: 1.75vw;
}
.p-build-head {
	color: #000;
	font-size: 3rem;
	line-height: 1.75em;
	font-weight: bold;
	text-align: center;
}
.img-build-head-rogo {
	width: 80%;
	height: auto;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
.h3-build-exp {
	color: #000;
	font-size: 5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 75px;
	margin-right: auto;
	margin-left: auto;
	background: linear-gradient(transparent 70%, #f6921e 30%);
	width: max-content;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.h3-reform-exp {
	color: #000;
	font-size: 4rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 75px;
	margin-right: auto;
	margin-left: auto;
	background: linear-gradient(transparent 60%, #a4e0ab 60%);
	width: max-content;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.h3-reform-exp b {
	color: #000;
	font-size: 7rem;
	font-weight: bold;
}


.h3-build-exp b {
	color: #000;
	font-size: 7rem;
	font-weight: bold;
}
.art-build-exp {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
justify-content:space-between;
margin-bottom: 100px;
}
.art-build-exp-l {
flex-direction: row;
	
}
.art-build-exp-r {

flex-direction: row-reverse;	
}
.div-build-exptxt {
	width: 500px;
}
.div-build-expimg {
	width: 650px;
}
.img-build-expimg {
	width: 100%;
	height: auto;
}
.h4-build-exp {
display:flex;
margin-bottom: 25px;
}
.h4-build-exp i {
	color: #f6921e;
	font-size: 8rem;
	font-weight: bold;
	margin-right: 10px;
	line-height: 0.75em;
}
.h4-build-exp b {
	color: #000;
	font-size: 3rem;
	line-height: 1.25em;
	font-weight: bold;
}

.p-build-exp {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	margin-bottom: 50px;
	text-align: justify;
}
.h3-build-link {
	color: #000;
	font-size: 2.5rem;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
.ul-build-link {
display:flex;
justify-content:space-between;
width: 1000px;
margin-right: auto;
	margin-left: auto;
}
.li-build-link {
	width: 47.5%;	
}
.li-bl-house {

}
.li-bl-reform {

}
.a-build-link {
	
}
.a-bl-house b {
background: linear-gradient(80deg, #f5911f 0%, #f9ab53 89.4%, #fdc280 89.5%, #ffcd95 100%) #f6921e;
width: calc(100% - 40px);
padding: 20px;
display: block;
color: #fff;
font-weight: bold;
font-size: 2.5rem;
text-align: center;
}
.a-bl-reform b {
background: linear-gradient(80deg, #39b549 0%, #39b549 87.5%, #8fd699 88.1%, #bce8c3 100%) #f6921e;
width: calc(100% - 40px);
display: block;

padding: 20px;
color: #fff;
font-weight: bold;
font-size: 2.5rem;
text-align: center;
}
.img-build-link {
	width: 100%;
	height: auto;
}

.a-bl-house i {
	background-color: #f7962a;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	width: max-content;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding: 20px 100px 20px 20px;
	position: relative;
	top: -25px;
} 
.a-bl-house i:after {
	content: '';
	background: url(../img/f_allow_white.svg) no-repeat;
	position: absolute;
	bottom: 20px;
	width: 100px;
	height: 20px;
	background-size: 50% auto;
	display: block;
	right: -20px;
}
.a-bl-reform i {
	background-color: #39b548;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	width: max-content;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding: 20px 100px 20px 20px;
	position: relative;
	top: -25px;
} 
.a-bl-reform i:after {
	content: '';
	background: url(../img/f_allow_white.svg) no-repeat;
	position: absolute;
	bottom: 20px;
	width: 100px;
	height: 20px;
	background-size: 50% auto;
	display: block;
	right: -20px;
}

.ul-bs-link {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
flex-wrap: wrap;
justify-content:space-between;
margin-bottom: 50px;
}
.li-bs-link {
width: calc(100% / 4 - 10px);

}
.a-bs-link {
	
}
.a-bs-link b {
	color: #000;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	display: block;
}
.img-bs-link {
	height: auto;
	aspect-ratio: 1 / 1;
object-fit: cover;
margin-bottom: 10px;
display: block;
}

.a-build-gothouse {
        background-color: #f7962a;
        color: #fff;
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
        width: max-content;
        margin-right: auto;
	margin-left: auto;
		display: block;
        padding: 20px 100px 20px 20px;
        position: relative;
        top: -25px;
		margin-bottom: 100px;
}

.a-build-gotoreform {
        background-color: #39b549;
        color: #fff;
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
        width: max-content;
        margin-right: auto;
	margin-left: auto;
		display: block;
        padding: 20px 100px 20px 20px;
        position: relative;
        top: -25px;
		margin-bottom: 100px;
}


.a-build-gothouse:after,.a-build-gotoreform:after {
	content: '';
	background: url(../img/f_allow_white.svg) no-repeat;
	position: absolute;
	bottom: 20px;
	width: 100px;
	height: 20px;
	background-size: 50% auto;
	display: block;
	right: -20px;	
} 

/*BUILD-HOMETOP*/
.sec-build-nexthead00 {
	background: url(../img/p_hometop00.jpg) center center no-repeat;
	width: 100%;
	height: 50vh;
	background-size: cover;
}
.div-build-nexthead00 {
display: flex;
  justify-content: center;
  align-items: center;
width: 100%;
height: 100%;
}
.h2-build-body00 {
	background-color: #f7a44c;
	width: max-content;
	text-align: center;
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
	padding: 20px 30px;
	letter-spacing: 0.2em;
}
.sec-build-body {
	
}
.div-build-body {
	
}

.sec-reform-nexthead00 {
	background: url(../img/p_reformtop00.jpg) center center no-repeat;
	width: 100%;
	height: 50vh;
	background-size: cover;
}
.div-reform-nexthead00 {
display: flex;
  justify-content: center;
  align-items: center;
width: 100%;
height: 100%;
}
.h2-reform-head {
	background: linear-gradient(80deg, #68c370 0%, #68c370 95%, #b6dcba 95%, #b6dcba 100%), url(../bg_buildrogo.svg) #68c370;

	width: max-content;
	text-align: left;
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
	padding: 20px 70px;
	letter-spacing: 0.2em;
	line-height: 1.5em;
}



.ul-bh-menu {
display:flex;
justify-content:center;
gap:20px

width: 1px;
width: 1200px;
margin-right: auto;
	margin-left: auto;
	gap:40px
}

.li-bh-menu {
	width: calc(100% / 3 );
}

.a-bh-menu {
	
}

.img-bh-menu {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.a-bh-menu b {
	color: #000;
	line-height: 1.5em;
	text-align: center;
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 2rem;
}

.a-bh-menu i {
	        background-color: #f7962a;
        color: #fff;
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
        width: calc(100% - 120px);
        margin-right: auto;
	margin-left: auto;
		display: block;
        padding: 20px 100px 20px 20px;
	position: relative;
}

.a-bh-menu i:after {
	content: '';
	background: url(../img/f_allow_white.svg) no-repeat;
	position: absolute;
	bottom: 20px;
	width: 100px;
	height: 20px;
	background-size: 50% auto;
	display: block;
	right: -20px;	
} 

.ul-build-flow {
display:flex;
flex-wrap: wrap;
justify-content:center;
margin-right: auto;
	margin-left: auto;
	gap:60px
}


.ul-bf-house {
	
}
.li-build-flow {
 writing-mode: vertical-rl;
 color: #df7c16;
 background-color: #fff7e3;
 font-size: 3rem;
 font-weight: bold;
 position: relative;
 padding: 30px 20px;
}
.li-build-flow:after {
	content: '▶';
	position: absolute;

	  top: 50%;
	transform: translateY(-50%) translateX(-50%);
	right: -55px;
}

.li-build-flow:last-child:after {
	content: '';	
}

.ul-reform-flow {
display:flex;
flex-wrap: wrap;
justify-content:center;
margin-right: auto;
	margin-left: auto;
	gap:60px
}

.ul-bf-reform {
	
}
.li-reform-flow {
 writing-mode: vertical-rl;
 color: #007d00;
 background-color: #e7f4e8;
 font-size: 3rem;
 font-weight: bold;
 position: relative;
 padding: 30px 20px;
}
.li-reform-flow:after {
	content: '▶';
	position: absolute;

	  top: 50%;
	transform: translateY(-50%) translateX(-50%);
	right: -55px;
}

.li-reform-flow:last-child:after {
	content: '';	
}




.sec-build-nexthead01 {
	background: url(../img/p_homehead01.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 15vw;
	margin-bottom: 100px;
}
.sec-build-nexthead02 {
	background: url(../img/p_homehead02.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 15vw;
	margin-bottom: 100px;
}
.sec-build-nexthead03 {
	background: url(../img/p_homehead03.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 15vw;
	margin-bottom: 100px;
}
.h2-build-body01 {
	background-color: #f7a44c;
	width: max-content;
	text-align: center;
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
	padding: 20px 30px;
	letter-spacing: 0.2em;
	position: absolute;
	left: 50%;
  transform:  translateX(-50%);
  bottom: -45px;
}

.h2-reform-body01 {
	background-color: #39b548;
	width: max-content;
	text-align: center;
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
	padding: 20px 30px;
	letter-spacing: 0.2em;
	position: absolute;
	left: 50%;
  transform:  translateX(-50%);
  bottom: -45px;
}
.h2-reform-body01 i {
	color: #bbe8c1;
	font: 7rem alte_din_1451_mittelschriftRg;
	margin-right: 10px;
}
.h2-reform-body01 b {
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}








.art-bnbody-exp {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
justify-content:space-between;
margin-bottom: 100px;
}
.art-build-exp-l {
flex-direction: row;
	
}
.art-build-exp-r {

flex-direction: row-reverse;	
}
.div-bnbody-exp {
	width: 500px;
}
.div-bnbody-img {
	width: 650px;
}
.img-bnbody{
	width: 100%;
	height: auto;
}

.h3-bnbody {
	color: #000;
	font-size: 3rem;
	line-height: 1.25em;
	font-weight: bold;
	border-bottom: 1px solid #f6a44d;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.h3-refbody {
	color: #000;
	font-size: 3rem;
	line-height: 1.25em;
	font-weight: bold;
	border-bottom: 1px solid #39b548;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.p-bnbody {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	margin-bottom: 50px;
	text-align: justify;
}


.ul-reftopmenu {
display:flex;
flex-wrap: wrap;
align-items: center;
width: 1000px;
margin-right: auto;
	margin-left: auto;
	gap:40px
}
.li-reftopmenu {
	width: calc(100% / 2 - 20px);
}
.a-reftopmenu {
	
}
.a-reftopmenu i {
	color: #37b648;
	font: 6rem alte_din_1451_mittelschriftRg;
	font-weight: bold;
	margin-right: 10px;
}
.a-reftopmenu b {
	color: #000;
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.img-reftopmenu {
	width: 100%;
	height: auto;
}


.a-reftopmenu span {
	background-color: #39b548;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	width: max-content;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding: 20px 100px 20px 20px;
	position: relative;
	top: -25px;
} 
.a-reftopmenu span:after {
	content: '';
	background: url(../img/f_allow_white.svg) no-repeat;
	position: absolute;
	bottom: 20px;
	width: 100px;
	height: 20px;
	background-size: 50% auto;
	display: block;
	right: -20px;
}



.sec-reform-nexthead01 {
	background: url(../img/p_reformtop01.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 30vw;
	margin-bottom: 100px;
}


.sec-reform-nexthead02 {
	background: url(../img/p_reformtop02.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 30vw;
	margin-bottom: 100px;
}


.sec-reform-nexthead03 {
	background: url(../img/p_reformtop03.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 30vw;
	margin-bottom: 100px;
}


.sec-reform-nexthead04 {
	background: url(../img/p_reformtop04.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 30vw;
	margin-bottom: 100px;
}


.sec-reform-nexthead05 {
	background: url(../img/p_reformtop05.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 30vw;
	margin-bottom: 100px;
}


.sec-reform-nexthead06 {
	background: url(../img/p_reformtop06.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 30vw;
	margin-bottom: 100px;
}







/*MONTHLYMANTION*/

.ul-month {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	display: grid;
  grid-template-columns:  1fr 1fr;
  gap:20px;
  margin-bottom: 50px;
}
.li-month {

}
.img-month {
	width: 100%;
	height: auto;
}

.tab-month {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #ccc;
	margin-bottom: 100px;
}
.tab-month th {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.5em;
	padding: 15px;
	background-color: #efefef;
	border-bottom: 1px dotted #ccc;
}
.tab-month td {
	color: #000;
	font-size: 1.75rem;
	line-height: 2em;
	padding: 15px;
	border-bottom: 1px dotted #ccc;
}
.tab-month caption {
	color: #000;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 10px;
}




/*RECRUIT*/

.sec-head-rectop {
	background: url(../img/p_recruitexp00.jpg) center center no-repeat;
	width: 100%;
	background-size: cover;
	position: relative;
	padding-top: 700px;
}

.div-head-rectop{
	position: absolute;/*
	right: calc(50% + 100px);*/
	right: calc(60%);
	top: calc(50% - 150px);
}

.sec-recbody {
	padding-top: 100px;
	padding-bottom: 100px;
}

.h2-rectop{
	color: #043c9c;
	font-size: 8.5rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}
.spn-rectop{
	text-align: center;
}
.spn-rectop i{
color: #043c9c;
font-size:4.5rem;
font-weight: bold;
margin-right: 10px;
}
.recnew{
	background-color: #007d00;
	color: #fff;
	font-size:1.75rem;
	font-weight: bold;
	padding: 5px 42px;
	letter-spacing: 0.2em;
	position: relative;
	top: -10px;
	margin-left: 5px;
}
.recold{
	background-color: #043c9c;
	color: #fff;
	font-size:1.75rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	position: relative;
	top: -10px;
	margin-left: 5px;
	padding: 5px 42px;
}
.p-rectop{
	margin-top: 20px;
	color: #000;
	font-size:2rem;
	line-height: 1.75em;
	text-align: center;
	font-weight: bold;
	padding-right: 42px;
	padding-left: 42px;
}

.p-recintro {
	color: #000;
	font-size: 6rem;
	text-align: center;
	font-weight: bold;
	padding-top: 100px;
	line-height: 1.75em;
}
.art-rectop-exp {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 70%;
margin-right: auto;
	margin-left: auto;
margin-bottom: 100px;
	justify-content:center;
align-items: center;

}
.art-rectop-exp.odd {
	
}
.art-rectop-exp.even {
flex-direction: row-reverse;	
}
.art-rectop-exp.last {
	margin-bottom: 0;
}
.div-rectop-exp {
	width: 45%;
	padding-right: 2.5%;
	padding-left: 2.5%;
}
.div-rectop-img {
	width: 50%;
}
.img-rectop-exp {
	width: 100%;
	height: auto;
}
.h3-rectop-exp {
	color: #043c9c;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.25em;
	margin-bottom: 10px;
}
.p-rectop-exp {
	color: #000;
	font-size: 2rem;
	line-height: 1.75em;
}

.ul-recmenu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap:20px;
width: 1200px;
margin-right: auto;
margin-left: auto;
}
.li-recmenu {

}
.a-recmenu {
	
	display: block;
	width: 100%;
	height: 100%;
}
.img-recmenu {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.a-recmenu i {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 20px;
	color: #043c9c;
	font-weight: bold;
	font-size: 2.5rem;
}
.a-recmenu b {
        background-color: #043c9c;
        color: #fff;
        font-size: 1.75rem;
        font-weight: bold;
        text-align: center;
        width: calc(100% - 120px);
        margin-right: auto;
        margin-left: auto;
        display: block;
        padding: 20px 100px 20px 20px;
        position: relative;
		
}
.a-recmenu b:after {
        content: '';
        background: url(../img/f_allow_white.svg) no-repeat;
        position: absolute;
        bottom: 20px;
        width: 100px;
        height: 20px;
        background-size: 50% auto;
        display: block;
        right: -20px;
		
	transition: all 0.25s ease-in-out 0s;
}
.a-recmenu:hover b:after {
    right: -40px;	
	transition: all 0.25s ease-in-out 0s;
}

.art-rectop-staff a {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 800px;
margin-right: auto;
	margin-left: auto;
margin-bottom: 50px;
align-items: center;
position: relative;

}
.art-rectop-staff a:after {
	content: '';
	background: url(../img/f_allow_navy.svg) center center no-repeat;
	position: absolute;
	right: 50px;
	bottom: 0;
	width: 150px;
	height: 50px;
	background-size: 100% auto;	transition: all 0.25s ease-in-out 0s;
}
.art-rectop-staff a:hover:after {
	right: 0px;	
	transition: all 0.25s ease-in-out 0s;
}





.div-rectop-staff-l {
	width: 30%;
}
.img-rectop-staff {
	width: 100%;
	height: auto;
}
.div-rectop-staff-r {
	width: 65%;	
}
.h3-rectop-staff {
	color: #043c9c;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.dl-rectop-staff {
	
}
.dt-rectop-staff {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.5em;
	margin-bottom: 5px;
}
.dd-rectop-staff {
	color: #000;
	font-size: 2rem;
	line-height: 1.5em;
	margin-bottom: 5px;
	font-weight: bold;
}


.sec-head-recsub {
	width: 100%;
	padding-top: 500px;
}
.sec-head-recsub01 {
	background: url(../img/p_recruitexp01.jpg) center center no-repeat;
	background-size: cover;
}
.sec-head-recsub02 {
	background: url(../img/p_recruitexp02.jpg) center center no-repeat;
	background-size: cover;
}
.sec-head-recsub03 {
	background: url(../img/p_recruitexp03.jpg) center center no-repeat;
	background-size: cover;
}
.sec-head-recsub04 {
	background: url(../img/p_recruitexp04.jpg) center center no-repeat;
	background-size: cover;
}
.sec-head-recsub02 {
	
}
.sec-head-recsub03 {
	
}
.sec-head-recsub04 {
	
}
.art-recjob-tit {
display:flex;
flex-wrap: wrap;
width: 900px;
margin-right: auto;
	margin-left: auto;
height: 250px;
position: relative;
bottom: -100px;
margin-bottom: 100px;
}

.div-recjob-l {
	background-color: #043c9c;
display:flex;
justify-content:center;
align-items: center;
width: 50%;
}

.h2-recjob {
	font-size: 4rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.2em;
}


.div-recjob-r {
	width: calc(50% - 40px);
	background-color: #fff;
	display:flex;
justify-content:center;
align-items: center;
padding-right: 20px;
	padding-left: 20px;
}
.dl-recjob {
	
}
.dt-recjob {
	color: #000;
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.dd-recjob {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
}
.div-recbody-jobexp {
	width: 100%;
	background-color: #efefef;
	padding-top: 50px;
	padding-bottom: 200px;
	position: relative;
}

.ul-recjob {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
flex-wrap: wrap;
justify-content:space-between;
}
.li-recjob {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.5em;
	margin-bottom: 1em;
	list-style-type: disc;
	width: calc(50% - 2em);
	margin-left: 1em;
}

.img-recjob-foot {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: -150px;
	width: 800px;
	margin-bottom: -150px;
}

.sec-head-recstaff {
	position: relative;
	padding-top: 0;
}


.art-recstaff {
	width: 100%;

	display:flex;
flex-wrap: wrap;
justify-content:space-between;
margin-right: auto;
	margin-left: auto;
	
flex-direction: row-reverse;
}

.div-recstaff-r {
	background-color: #043c9c;
	width:40%;
	display:flex;
justify-content:center;
align-items: center;
}

.div-recstaff-l {
	width: 60%;
}
.img-recstaff {
	width: 100%;
	height: auto;
}
.h2-recstaff {
	color: #fff;
	font-size: 4rem;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
.dt-recstaff {
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.5em;
	margin-bottom: 5px;
}
.dd-recstaff {
	color: #fff;
	font-size: 2.5rem;
	line-height: 1.5em;
}


.dl-recstaff {
}

.p-staffcom {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	font-size: 1.75rem;
	margin-bottom: 50px;
	line-height: 2em;
}

.img-staffcom {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}



.dl-staffaq {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.dt-staffaq {
	color: #083b9b;
	font-size: 2rem;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}
.dt-staffaq:before {
	color: #083b9b;
	content: 'Q.';
	font-size: 2rem;
	font-weight: bold;
}
.dd-staffaq {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.5em;
	margin-bottom: 50px;
	margin-left: 2rem;
}

/*RECTABLE*/
.tablepress-table-name {
color: #043c9c;
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 25px;
text-align: center;
padding-top: 100px;
}
.tab-rectuit {
border-top: 1px solid #ccc;width: 800px;margin-right: auto;
	margin-left: auto;
margin-bottom: 50px;
}
.tab-rectuit tr {
	
}
.tab-rectuit td.column-1 {
color: #000;
background-color: #efefef;border-bottom: 1px solid #ddd;width: 10em;padding: 15px;text-align: left;vertical-align: top;
font-size: 1.5rem;
line-height: 1.75em;
}
.tab-rectuit td.column-2 {
color: #000;
border-bottom: 1px solid #ddd;padding: 15px;text-align: left;vertical-align: top;
font-size: 1.5rem;
line-height: 1.75em;
}

.tityoko {
	margin-top: 100px;
}

.ul-yokolink {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 800px;
margin-right: auto;
	margin-left: auto;
margin-bottom: 50px;
	padding-top: 50px;
}
.li-yokolink {
	width: calc(100% - 4);
}
.a-yokolink {
	color: #043c9c;
	font-size: 2rem;
}
.a-yokolink:before {
	content: '▼';
	color: #043c9c;
	font-size: 1.5rem;
	margin-right: 10px;
	position: relative;
	top: -2px;
}
.a-yokolink:hover {
	text-decoration: underline;
}

.a-gotoyko {
	display: block;
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	width: max-content;
	background-color: #0164c8;
	padding: 30px 50px;
	letter-spacing: 0.1em;
}


/*SIDESATATE*/


.ul-sidestate	{
	position: fixed;




top: 40%;
right: 0;
}
.li-sidesns	{

}

.a-sidestate{
	padding: 20px 20px 20px 10px;

	transition: all 0.25s ease-in-out 0s;
	position: relative;
	bottom: -0px;
	right: -20px;
}
	
.li-sidestate a span{

	position: relative;
	bottom: 0;
	display: block;
	float: right;
	color: #fff;
	font-size: 1.5rem;
	margin-right: 10px;
}

.a-sidestate:hover {
	position: relative;

	transition: all 0.25s ease-in-out 0s;
	right: 0px;
}
.li-sidestate-sell a	{
	background-color: #4f5ea3;
	color: #fff;
	font-size: 1.25rem;
	 writing-mode: vertical-rl;

}
.li-sidestate-rantal a	{
	background-color: #3d8c7e;
	color: #fff;
	font-size: 1.2rem;
 writing-mode: vertical-rl;
}

.li-sidestate a i {
	margin-right: 10px;
	font-size: 1.5rem;
	float: left;
	margin-bottom: 10px;
}



/*ESTIMLP*/
.sec-estatelp {
	background: url(../img/bg_estestim.jpg) center bottom no-repeat;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	background-size: cover;
}

.div-estatelp {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.h3-estatelp {
	color: #fff016;
	font-size: 30px;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	margin-bottom: 25px;
}

.h3-estatelp b {
	color: #fff016;
	font-size: 40px;
	font-weight: bold;
}

.p-estatelphead {
	color: #fff;
	text-align: center;
	font-size: 25px;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 250px;
}
.p-estatelphead b {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}
.div-eslp-gofoout {
	width: 800px;
	margin: -50px auto 50px;
	background-image: linear-gradient(0deg, rgba(65, 109, 198, 1), rgba(16, 166, 232, 1));
  padding: 10px;
  box-shadow: 5px 5px 5px #999;
}

.div-eslp-gofoin {

	border: 1px solid #fff;
	padding: 30px;
}

.p-eslp-gofo {
	color: #ffed16;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	line-height: 0.75em;
	margin-bottom: 25px;
}
.p-eslp-gofo i {
	color: #ffed16;
	font-size: 20px;
}

.a-eslp-gofo {
	color: #fff;	
	background-color: #f15a23;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
transition: all 0.2s ease-in-out 0s;border-radius: 10px;

}
.a-eslp-gofo i {
	color: #fff;
	font-size: 25px;
	margin-right: 10px;
	font-weight: bold;
}
.a-eslp-gofo:hover {
	background-color: #bf3d0d;
transition: all 0.2s ease-in-out 0s;	
}
.p-friend03 {
	color: #333;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

.art-eslp-exp {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 800px;
margin-right: auto;
	margin-left: auto;
margin-bottom: 50px;
}
.div-eslp-exp {
	width: 250px;
	box-shadow: 5px 5px 5px #ccc;
	padding: 20px;
	background-color: #fff;
	display: block;
}

.img-eslp-icon {
	margin-right: auto;
	margin-left: auto;
	height: 100px;
	width: auto;
	margin-bottom: 25px;
}
.dl-eslp-exp {

}
.dt-eslp-exp {
	text-align: center;
	color: #0065b4;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 25px;
}
.dd-eslp-exp {
	text-align: center;
	color: #333;
	font-size: 16px;
	line-height: 1.5em;
}
.sec-eslp-flow {
	background-image: linear-gradient(0deg, rgba(65, 109, 198, 1), rgba(16, 166, 232, 1));
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.div-eslp-flow{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.h3-eslp-flow{
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
.img-eslp-flow{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.art-eslp-faq{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom: 100px;
}


.dl-eslp-faq{
  box-shadow: 5px 5px 5px #ccc;
  width: 470px;
  margin-bottom: 20px;
  background-color: #fff;
}
.dt-eslp-faq{
	color: #005aaa;
	font-size: 18px;
	font-weight: bold;
	padding-left: 50px;
	padding-right: 10px;
}
.dt-eslp-faq:before	{
	content: 'Q';
	display: inline-block;
	color: #fff;
	font: 25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-align: center;
	background-color: #0065b4;
	width: 40px;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
	margin-left: -50px;
}
.dd-eslp-faq{
	padding: 30px;
	color: #333;
	font-size: 16px;
	line-height: 1.5em;
}


.div-eslp-linkout{
	width: 500px;
	margin: -50px auto 100px;
	background-image: linear-gradient(0deg, rgba(65, 109, 198, 1), rgba(16, 166, 232, 1));
  padding: 10px;
  box-shadow: 5px 5px 5px #999;	
}
.div-eslp-linkin{
	
	border: 1px solid #fff;
	padding: 30px;	
}
.p-eslp-link{
	color: #fff016;	
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

.p-eslp-link i{
	color: #fff016;
	font-size: 20px;
}

.ul-eslp-link{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.li-eslp-link{
	margin-bottom: 10px;
}
.a-eslp-link{
	
}
.img-eslp-link{
	width: 100%;
}




.h3-estatelp {

}

.h3-estatelp b {
	color: #fff016;
	font-size: 40px;
	font-weight: bold;
}


/* 20250903 担当スタッフを紹介したコンテンツ */
.staff_description_wrap .p-eslp-voice_text {
	line-height: 2;
}

.staff_description_wrap .img img {
	width: 100%;
}

/* 202501006 お客様の声一覧ページの作成 */
@media(min-width:768px) {
    .mmpc.cmn-mmpc li a {
        font-size: 16px;
    }
    .mmpc.cmn-mmpc .cmn-dm ul li a {
        font-size: 13px;
    }
}

/* 20251202 導入文の掲載 */
.scn-introduce-text {
	max-width: 900px;
	margin: 40px auto;
	padding: 0 20px;
}

.scn-title-introduce-text {
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 24px;
}

.scn-text {
	margin-bottom: 50px;
}

.scn-text p {
	margin-bottom: 0.6em;
}

/* 20251202 「仲介売却」と「買取」のメリット・デメリットについて */
.scn-advantages-disadvantages {
	max-width: 900px;
	margin: 40px auto;
	padding: 0 20px;
}

.scn-title-brokered-sale-advantages {
	color: #333;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

/* 20251225 関連コラムからの内部リンク設定 */
.scnLinks a {
	display: inline-block;
    height: 1em;
}
.scnLinks a:hover {
	opacity: .8;
}

/* 20260119 許可番号の掲載 */
p.scn-footer_License {
    width: 360px;
    height: auto;
    margin: 20px 20px 40px 0px;
    color: #000;
    line-height: 1.75em;
    float: left;
    font-size: 15px;
}

/* 20250714 fukuyama・fuchu 土地相場情報 */
.inner-eslp-case {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.title-eslp-case {
	color: #333;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

.case-grp {
	display: flex;
	flex-wrap: wrap;
}

.case-item {
	width: calc(76% / 3);
	display: block;
	box-shadow: 5px 5px 5px #ccc;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	padding: 15px 20px;
}

.case-item:not(:last-of-type) {
	margin-right: 2%;
}

.case-notice-item {
	text-indent: -16px;
	line-height: 20px;
	padding: 0px 0px 0px 16px;
	margin: 0px 0px 10px 0px;
}

.case-notice-item:before {
	content: "※";
}

.case-item-ttl {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	margin: 0px 0px 20px 0px;
}

.case-item-price {
	margin: 0px 0px 20px 0px;
}

.case-item-price:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #000;
	border-radius: 4px;
	margin: 0px 6px 4px 0px;
}

/* 20250711 売却事例の追加 お悩みコンテンツの追加 */
.sec-eslp-worries {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.h3-eslp-worries {
	color: #333;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}


.ul-eslp-worries {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
}


.li-eslp-worries {
	display: flex;
	align-items: center;
	gap: 1em;

	width: calc(50% - 1em);
}

.li-eslp-worries::before {
	content: '';
	display: block;

	flex-shrink: 0;


	width: 0.5em;
	height: 1em;
	border-right: 3px solid #13a3e6;
	border-bottom: 3px solid #13a3e6;
	transform: rotate(45deg);

	margin-top: -0.3em;
}


.sec-eslp-sale {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.h3-eslp-sale {
	color: #333;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

.sec-eslp-sale .list-eslp-sales {
	margin-bottom: 50px;
}

.linkgroup-eslp-sale a:first-child {
	margin-bottom: 20px;
}


.sec-eslp-voice {
	margin-bottom: 50px;
}

.h3-eslp-voice {
	color: #333;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
/* // 20250711 売却事例の追加 お悩みコンテンツの追加 */

/* 20250902 */
div.tothetopfixed {
	bottom: 10px;
	right: 10px;
}

div.tothetopfixed a {
	display: block;
	color: #fff;
	border-radius: 5px;
	font-size: inherit;
	width: auto;
	height: auto;
	background-size: contain;
	margin: 0;
	text-indent: 0;
	background: #075097;
	padding: 10px 10px 12px;
	transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
}

.sec-eslp-usefulinfo{
	margin-bottom: 50px;
}

ul.setopbtn li a span {
	display: block;
	padding: 10px;
	text-align: left;
	line-height: initial;
}

ul.setopbtn {
	gap: 10px;
}

ul.setopbtn li {
	width: calc(50% - 10px);
	margin-left: 0;
	margin-bottom: 5%;
}

ul.setopbtn li {
	width: calc(25% - 10px);
}

/* 20250903 担当スタッフを紹介したコンテンツ */
.staff_description_wrap .p-eslp-voice_text {
	line-height: 2;
}

.staff_description_wrap .img img {
	width: 100%;
}

/* 202501006 お客様の声一覧ページの作成 */
@media(min-width:768px) {
    .mmpc.cmn-mmpc li a {
        font-size: 16px;
    }
    .mmpc.cmn-mmpc .cmn-dm ul li a {
        font-size: 13px;
    }
}

/* 20251202 導入文の掲載 */
.scn-introduce-text {
	max-width: 900px;
	margin: 40px auto;
	padding: 0 20px;
}

.scn-title-introduce-text {
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 24px;
}

.scn-text {
	margin-bottom: 50px;
}

.scn-text p {
	margin-bottom: 0.6em;
}

/* 20251202 「仲介売却」と「買取」のメリット・デメリットについて */
.scn-advantages-disadvantages {
	max-width: 900px;
	margin: 40px auto;
	padding: 0 20px;
}

.scn-title-brokered-sale-advantages {
	color: #333;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

/* 20251225 関連コラムからの内部リンク設定 */
.scnLinks a {
	display: inline-block;
    height: 1em;
}
.scnLinks a:hover {
	opacity: .8;
}

/* 20260119 許可番号の掲載 */
p.scn-footer_License {
    width: 360px;
    height: auto;
    margin: 20px 20px 40px 0px;
    color: #000;
    line-height: 1.75em;
    float: left;
    font-size: 15px;
}



.scn-text p {
	margin-bottom: 0.6em;
	color: #000;
	font-size: 1.75rem;
	line-height: 1.5em;
}

/* 20250711 売却事例の追加 お悩みコンテンツの追加 */
.sec-eslp-worries {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.h3-eslp-worries {
	color: #333;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}


.ul-eslp-worries {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}


.li-eslp-worries {
	display: flex;
	align-items: center;
	gap: 1em;

	width: calc(50% - 1em);
	color: #000;
	line-height: 1.5em;
	font-size: 1.5rem;
}

.li-eslp-worries::before {
	content: '';
	display: block;

	flex-shrink: 0;


	width: 0.5em;
	height: 1em;
	border-right: 3px solid #13a3e6;
	border-bottom: 3px solid #13a3e6;
	transform: rotate(45deg);

	margin-top: -0.3em;
}


    h2.baibai {
        color: #39aa47;
        font-size: 30px;
        font-weight: 600;
        text-align: center;
        width: 960px;
        margin-right: auto;
        margin-left: auto;
        border-bottom: 1px solid #39a946;
        margin-bottom: 20px;
        padding-bottom: 15px;
        padding-top: 15px;}


.ul-boss {
display:flex;
justify-content:left;
gap:20px;
width: 1030px;
margin-right: auto;
	margin-left: auto;
}
.li-boss {
	width: calc(100% / 4 - 40px );
	color: #000;
	font-size: 1.25rem;
	text-align: center;
	line-height: 2em;
}
.img-historyboss {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.li-boss b {
font-size: 1.75rem;
}
.img-shaze {
	width: 600px;
	height: auto;
	margin: -50px auto 75px;
}


/*NEWFRIEND*/

.art-newfriend {
display:flex;
justify-content:space-between;
width: 840px;
margin: 25px auto 50px;
}
.div-newfriexp-l {
	width: 47.5%;
}
.div-newfriexp-r {
	width: 50%;
}

.img-newfriexp {
height: auto;
width: 90%;
}

.ol-newfriexp {
	
}
.li-newfriexp {
list-style-type: decimal;
color: #000;
font-size: 16px;
line-height: 1.5em;
margin-bottom: 1em;
}

.dl-newfriexp {
	padding: 20px;
	background-color: #efefef;
	margin-bottom: 25px;
}
.dt-newfriexp {
	color: #000;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 5px;
}
.dd-newfriexp {
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 1em;
}

.tab-newfriexp {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 10px;
}
.tab-newfriexp th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px 10px;
	color: #000;
	font-size: 14px;
	text-align: center;
	background-color: #ebf5ec;
}
.tab-newfriexp td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px 10px;
	color: #000;
	font-size: 14px;
}


.frired {
	color: #c00!important;
	font-weight: bold!important;
	font-size: 15px!important;
	text-align: right;
}

.p-newfriexp {
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
}

.a-gotogmap {
	background-color: #014da7;
	padding: 5px;
	color: #fff;
	font-size: 14px;
	transition: all 0.25s ease-in-out 0s;
}
.a-gotogmap i {
	font-size: 18px;
}
.a-gotogmap:hover {
	background-color: #0a89db;
	transition: all 0.25s ease-in-out 0s;
}




/*BUILDREFORM*/

.div-reformphoto {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 800px;
margin-right: auto;
	margin-left: auto;
}

.dl-reformphoto {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.dt-reformphoto {
	color: #fff;
	display: inline-block;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
}
.dt-reformphoto-after {
	background-color: #f13a79;
}
.dt-reformphoto-before {
	background-color: #3977be;
}
.dd-reformphoto {
	
}
.dl-reformphoto dd img {
max-height: 400px;
max-width: 390px;
}


/*buildhomecat*/


.buildnewhouse {
	background-color: #4774b9;			
}

.buildreform {
	background-color: #00b2b3;		
}

.buildrefsetai {
	background-color: #ea6182;		
}

.buildrefbarrier {
	background-color: #fcc800;		
}

.buildrefwater {
	background-color: #13ae67;		
}

.buildrefkitchen {
	background-color: #e98f61;	
}

.buildrefchild {
	background-color: #1275ae;		
}

.buildrefouter {
	background-color: #8746b9;		
}

.buildrefoutside {
	background-color: #82b946;		
}

.nofloat {
	float: none!important;
	margin-bottom: 5px;
}




    .p-buildcatch {
        background-color: #efefef;
        padding: 1em;
        margin-bottom: 1em;
        color: #333;
        font-size: 1.75rem;
        font-weight: bold;
        line-height: 1.75em;
    }



.art-hometop {
display:flex;
flex-wrap: wrap;
justify-content:left;
width: 1200px;
margin-left: auto;
	margin-right: auto;
}
.art-hometop div {
	width: calc(100% / 4 - 30px);
	margin-bottom: 0;
}
.art-hometop div img {
	width: 100%;
}

.gotolistrent {
	background-color: #0164c8;
	color: #fff;
	font-size: 1.75rem;
	text-align: center;
	display: block;
	padding: 10px 20px;
	width: max-content;
	margin-right: auto;
	margin-left: auto;
}

.div-resultmap {
	color: #000;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	position: relative;

}
.img-resultmap {
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.img-resultmap2 {
	width: 1050px;
	height: auto;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}