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

}

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

}

body {

}

.nosp {
	display: none!important;	
}


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


/*HEADER*/


/* ハンバーガーアイコン */
.hamburger-icon {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  z-index: 1001;
  	position: absolute;
	top: 0;
	right: 0;
	background-color: #023d9d;
	transition: all 0.3s ease-in-out 0s;
}
.hamburger-icon:hover {
	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: 15px;
}

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

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

/* フルスクリーンメニュー */
.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(4, 60, 156,0.95);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  z-index: 5;
  overflow: auto;
}

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

.menu.active {
        opacity: 1;
        visibility: visible;
		height: 100vh;
	}
}

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

.menu li {
  margin: 20px 0;
}


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

.hamburger-menu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
}
.hamburger-menu.active .hamburger-icon {
  background: #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 {

	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	height: calc(100vh);
	padding: 10% 10%;
}
.dl-hbm {
	clear: both;
	margin-bottom: 10%;
	display: block;
	overflow: hidden;
}
.dt-hbm {
	margin-bottom: 5%;
}
.dd-hbm {

display: block;
float: left;
margin-left: 20px;
	margin-bottom: 20px;
}

.a-hbm {
	color: #fff;
	font-size: 1.5rem;

	display: block;
}
.a-hbm:hover {
	text-decoration: underline;
}
.dt-hbm .a-hbm {
	font-size: 1.75rem;
}


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

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

/*HEADER*/
	
.head-head {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10;
	height: 50px;
	background-color: #fff;
}
.div-head {
	position: relative;
	height: 50px;
}
.div-rogohead	{
		position: absolute;
	top: 5px;
	left: 5px;
	width: 200px;
	height: 50px;
}
.a-rogohead {
	width: 100%;
	height: auto;	
}
.img-rogohead	{
	width: auto;
	height: 40px;
}
	
.nav-head {
	position: absolute;
	right: 430px;
	top: 5px;
}
.ul-navhead	{
display:flex;
justify-content:left;	
}
.li-navhead	{
	
}
.a-navhead	{
	color: #000;
	font-size: 1.75rem;
	padding: 20px 1em;
	display: block;
}
.drop-menu	{
	
}
.drop-menu__name {
	
}	
.drop-menu__name a {
	
}	
	
.ul-headcont {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #fff;
}
.li-headcont	{

}
.a-headcont	{


	background-image: linear-gradient(to right, #033a99 0%, #097af4 100%);
	display: block;
	color: #fff;
	font-weight: 500;
	font-size: 1.75rem;
	padding: 15px;
	letter-spacing: 0.1em;
	width: 100%;
}
.a-headcont	.fa-envelope {
	font-size: 1.5rem;
	margin-right: 5px;
	position: relative;
	top: -1px;
}
.a-headcont	.fa-angle-right {
	font-size: 1.5rem;
	float: right;
	position: relative;
	top: 2px;
	right: 20px;
}


.a-headtel {
	color: #043d9d;
	position: relative;
	top: -5px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}
.a-headtel .fa-phone {
	font-size: 2rem;
	margin-right: 5px;
	margin-left: 11px;
}

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



margin-top: 50px;
}
.div-bread-l {
	color: #666;
	font-size: 1rem;	
background-color: #efefef;
	padding: 7px;
line-height: 1.5em;
}
strong.current {
	color: #666;
	font-size: 1rem;
}
.div-bread-l a {
	color: #666;
	font-size: 1rem;
}
.div-bread-l a:hover {
	text-decoration: underline;
}
.div-bread-r {
background-color: #013c9c;
padding: 7px;
}	
.h1-bread {
	color: #fff;
	font-size: 0.8rem;
	white-space: nowrap;
	overflow: hidden;
}
	
/*TOPIMG*/	
	
.sec-colmn100 {
	
}	
.div-colmn1200 {

	margin-right: auto;
	margin-left: auto;
}

.sec-topimg	{
	position: relative;
	height: 70vh;
	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: 100%;
  height: auto;
}
	
.img-topslick ,.video-topvideo {
 object-fit: cover;
 width: 100%;
 height: 70vh;
 margin-top: -10px;
}
.art-topsogo a	{


margin-right: auto;
	margin-left: auto;
padding-top: 10%;
	padding-bottom: 10%;
width: 90%;
display: block;
}
.a-topsogo	{	
transition: all 0.25s ease-in-out 0s;
}
.img-txt-topsogo {
	width: 100%;
	height: auto;
	margin-bottom: 5%;
}
.div-topsogo-l	{

	color: #fff;
	font-size: 1.5rem;
	line-height: 1.75em;
}
.div-topsogo-l b	{
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-bottom: 15px;
}
.div-topsogo-l i	{
	color: #fee102;
	font-size: 1.75rem;
	font-weight: bold;
}
.div-topsogo-r	{

}
.ul-topsogo	{
display:flex;
flex-wrap: wrap;
justify-content:space-between;

gap:5px;
margin-top: 5%;
	margin-bottom: 5px;
}
.li-topsogo {
	width: calc(100% / 5 - 5px);
}
.img-topsogo {
	width: 100%;
	height: auto;
}
	
.spn-topsogo {
	display: block;
	color: #0064c7;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	background-color: #fff;
}	
.spn-topsogo:after {
	content: '';
	display: block;
	position: absolute;
	background: url(../img/f_allow_navy.svg) right center no-repeat;
	background-size: cover;
	top: 35%;

	height: 15px;
	width: 50px;
	right: 5%;
}	
.a-topsogo:hover .spn-topsogo:after 	{
	left: 30px;
	transition: all 0.25s ease-in-out 0s;
}	
.a-topsogo:hover {
	opacity: 0.9;
	transition: all 0.25s ease-in-out 0s;
}	
	

		
	
/*PRETNER*/
.sec-topcopy {
	position: relative;
}
.div-topcopy {

	margin-right: auto;
	margin-left: auto;
position: relative;
	width: 90%;
	margin-bottom: -15%;
}
.dl-topcopy {
	position: relative;
	top: -15vw;
}
.dt-topcopy {
	color: #000;
	font-size: 5.5vw;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 5px;
}
.dd-topcopy {
	color: #000;
	font-size: 4vw;
	line-height: 1.5em;
}
.img-topcopy-family {
	width: 75%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	top: -20vw;
	position: relative;
}
.spn-topcopy-town {
	background: url(../img/f_toptown.svg) center bottom repeat-x;
	background-size: auto 100%;

	width: 100%;
	height: 10vw;
	position: relative;
	display: block;
	top: -42vw;
}

/*BLOGANDESTATE*/
.sec-blogcolmn {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.div-blogcolmn {


}
.asd-blog {

}
.man-blog {

}

.sec-estatecolmn {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.div-estatecolmn {

}
.asd-estate {

}
.man-estate {

}
.man-estate-post {

}

.sf-field-submit input[type="submit"] {
width: 100%;
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;
}
.top5 {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
}

.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-bottom: 5%;
}
.div-toponestop	{

	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 5%;
}
.img-toponestop01 {
	height: auto;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
.img-toponestop02 {
	width: 75%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}	
.p-toponestop {
	background-color: #fff;
	padding: 20px;
	color: #000;
	font-size: 1.65rem;
	line-height: 1.75em;
	font-weight: 500;
	border-radius: 30px;
	right: 0;
	margin-bottom: 10%;
}	
/*.p-toponestop:before {
	content: '◀';
	color: #fff;
	font-size: 5rem;
	position: absolute;
	left: -25px;
	top: 120px;
}*/
.a-toponestop	{
	color: #feff00;
	font-size: 2.5rem;
	font-weight: bold;
	background: url(../img/f_allow_yellow.svg) right center no-repeat;
	width: 100%;
	background-size:auto 15px ;
	transition: all 0.25s ease-in-out 0s;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
}
.a-toponestop:hover {
	right: -10px;
	transition: all 0.25s ease-in-out 0s;
}	

/*NEWS*/	
.sec-topnews {
	
}
.div-topnews	{

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


/*TOPBIZ*/

.h2-topicon-build {
	background: url(../img/icon_topbuild.svg) center top no-repeat;
	background-size: 50% auto;
	padding-top: 35vw;
}

.h2-topicon-estate {
	background: url(../img/icon_topestate.svg) center top no-repeat;
	background-size: 50% auto;
	padding-top: 35vw;
}

.art-topestatenew {

}
.div-topestatenew {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.img-topestatenew {
	width: 100%;
	height: auto;
	margin-bottom: 5%;
}
.ul-topestatenew {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.li-topestatenew {

	margin-bottom: 5%;
}
.a-topestatenew {
	background-color: #043c9c;
	color: #fff;
	font-size: 1.75rem;
	font-weight: bold;
	display: block;
	padding: 5%;
	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: 30%;
	right: 5%;
	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 {


margin-right: auto;
	margin-left: auto;
width: 90%;
}
.art-topmenu-build {
	
}
.art-topmenu-estate {
	
}	
.div-topmenu-unit {
	margin-bottom: 15%;
}	
/*.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%;
	transform: scale(1.0,1.0);	
transition: all 0.25s ease-in-out 0s;
margin-bottom: 5%;
}	
.spn-topmenu {
	color: #043c9c;
	font-size: 2.5rem;
	font-weight: 700;
	display: block;
	background: url(../img/f_allow_navy.svg) calc(100% - 0px) center no-repeat;
	background-size:auto 25px ;
	transition: all 0.25s ease-in-out 0s;
	margin-bottom: 5%;
}

.spn-topmenu2 {
	background: url(../img/f_allow_navy2.svg) calc(100% - 0px) center no-repeat;	
}



.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.25rem;
	line-height: 1.75em;
}	
	
		
/*ESTATESEARCH*/
.asd-estatetop {
	padding-top: 5%;
}
.div-clickmap {

	margin-bottom: 10%;
}
.div-clickmap img {
	width: 100%;
	height: auto;
}

.art-estinfotop {


margin-right: auto;
	margin-left: auto;
margin-top:5%;
}
.div-estinfobg {
/*	background: url(../img/bg_estattop.webp) center bottom no-repeat;*/
	width: 100%;
/*	background-size: 100% auto;*/
	padding-bottom: 10%;
}
.div-estinfotop {
	background-color: #fff;
	box-shadow: 3px 3px 3px #ccc;
	padding: 10%;

	border: 1px solid #eee;
}
.dl-estinfotop {
	
}
.dt-estinfotop {
	font-size: 3rem;
	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: 2.5%;
}
.dd-si01 b {
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	margin-right: 2.5%;
	margin-left: 2.5%;
}


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

.a-estinfotop {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	display: block;
	text-align: center;
	padding-top: 5%;
	padding-bottom: 5%;
}
.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: 2.5%;
}
.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;
}	
	
.h3-estlistop {
	color: #fff;
	font-size: 1.75rem;
	text-align: center;
	margin-bottom: 10%;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
}	
	
	
	
	
	
/*TOPESTATE*/
.div-topestate {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.h3-topestate {
	
}
h3.h3eatate {
	background-color: #efefef;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 5%;
}

ul.listestate {
	overflow: hidden;
	display: flex;

justify-content:space-between;
	flex-wrap: wrap;
}

ul.listestate li {
	color: #000;
	text-align: center;
	overflow: hidden;
	margin-bottom: 5%;
	width: 47.5%;
}

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: 7px 10px;
	color: #fff;
	font-size: 14px;
	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: #000;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5em;
}
.h3-topestate-sell {
	background-color: #4f5da7;
	color: #fff;
	margin-bottom: 25px;
	font-size: 1.75rem;
	padding: 15px;
	text-align: center;
}	
.h3-topestate-rent {
	background-color: #3e8e7e;
	color: #fff;
	margin-bottom: 25px;
	font-size: 1.75rem;
	padding: 15px;
	text-align: center;
}	
	
.a-topgotosell {
	background: url(../img/f_allow_white.svg) no-repeat #fff;
	background-size: auto 15px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	color: #4f5da7;
	font-size: 1.75rem;
	margin-bottom: 20%;
	transition: all 0.25s ease-in-out 0s;
	text-align: left;
	padding: 15px;
	width: 75%;
	border: 1px solid #4f5da7;
}		
.a-topgotorent {
	background: url(../img/f_allow_white.svg) no-repeat #fff;
	background-size: auto 15px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	color: #3e8e7e;
	font-size: 1.75rem;
	padding: 15px;
	transition: all 0.25s ease-in-out 0s;
	width: 75%;
	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;
}
	
	
.sec-toplink	{
	padding-top: 20%;
}
.div-toplink	{

}
.ul-toplink	{

margin-right: auto;
	margin-left: auto;
}
.li-toplink	{
	margin-bottom: 15%;
}
.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:
	200px 20px,	
	auto;
background-repeat:
	no-repeat,
	no-repeat;
background-position:
	30% 35%,
	0 0;
position: relative;

  transition: all 0.5s ease-in-out;
height: 25vw;
}

.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-weight: bold;
	position: absolute;
	top: 33%;
	left: 5%;
	font-size: 2rem;
}
.img-toplink	{
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	height: 150%;
}
	
	
/*news-list-top*/
ul.news-list-top {

	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: 10%;
	width: 90%;
}

ul.news-list-harf li {
	overflow: hidden;
	padding-top: 5%;
	padding-bottom: 5%;
	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: 75px;
aspect-ratio: 1 / 1;
 object-fit: cover;
	float: left;
height: 75px;
}

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

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

.newstext-harf {
	float: right;
	width: calc(100% - 100px);
}

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

	
.div-topblog	{

	margin-right: auto;
	margin-left: auto;
}
	
	
/*FOOTCONT*/	
	
.foot-foot	{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.div-footcont {
	
}
.p-footcont {
	background-color: #fff;
	color: #000;
	font-size: 5.5vw;
	font-weight: bold;
	text-align: center;
	padding-bottom: 25px;
	padding-top: 100px;
}		
.ul-footcont	{


border-top: 3px solid #063c9c;
border-bottom: 3px solid #063c9c;
}
.li-footcont	{
	width: 50%;
}
.li-footcont-mail {
background-image: linear-gradient(to right, #033a99 0%, #097af4 100%);
text-align: right;
}	
.li-footcont-tel	{
	text-align: left;
	border-left: 3px solid #083c9b;
}
.a-footcont-mail	{
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	display: block;
	text-align: right;
}
.a-footcont-mail i	{
	color: #fff;
	font-size: 1.5rem;
	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;
}

.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 {

	margin-right: auto;
	margin-left: auto;
}
.art-foot {

}		
.add-foot {
	color: #000;
	font-size: 1.25rem;
	line-height: 1.75em;
	margin-bottom: 10%;
}
.add-foot a {
	color: #000;
	font-size: 1.25rem;
}	
	
.img-addfoot {
	width: 75%;
	height: auto;
	margin-bottom: 10%;
	margin-right: auto;
	margin-left: auto;
}	
.ul-footlink {

	display:flex;
flex-wrap: wrap;
justify-content:left;
margin-top: 5%;
}
.li-footlink {
	margin-bottom: 5%;
	width: 47.5%;
}
.a-footlink {
	color: #000;
	font-size: 1.25rem;
}
.a-footlink:before {
	content: '▶';
	font-size: 0.5rem;
	margin-right: 5px;
}
.ul-footlink01 {
	
}
.ul-footlink02 {
	
}
.ul-footlink03 {
	
}
.ul-footlink04	{
	
}
.p-copyright {
	text-align: center;
	color: #000;
	font-size: 1.5rem;
	margin-top: 10%;
}	
	
/*SIDESNS*/	
.ul-sidesns	{
position: fixed;

display:flex;
justify-content:space-between;
top: 12px;
right: 57px;
z-index: 35;
}
.li-sidesns	{
	margin-left: 0px;
}

.a-sidesns{
	transition: all 0.25s ease-in-out 0s;
	position: relative;
	display: block;
}
	
.li-sidesns a span{
	display: none;
}
.a-sidesns:hover {

}
.li-sidesns-line a	{
	color: #007e00;


}
.li-sidesns-insta a	{
	color: #a35dba;

}
.li-sidesns-fb a{
	color: #014da8;


}	
.li-sidesns a i {
	font-size: 2.5rem;
}
	
/*VOICE*/	
.a-voice {
	display: block;
	position: fixed;
	bottom: 100px;
	left: 10px;
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.15rem;
}
.a-voice i {
	color: #fff;
text-align: center;
font-size: 2rem;
position: relative;
top: -5px;
}
.a-voice span {
	color: #fff;
	font-size: 0.75rem;
	text-align: center;
	display: block;
	margin-top: 5px;
}
/*VOICE*/	
.a-voice2 {
	display: block;
	position: fixed;
	bottom: 100px;
	left: 10px;
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.15rem;
}
.a-voice2 i {
	color: #fff;
text-align: center;
font-size: 2rem;
position: relative;
top: -5px;
}
.a-voice2 span {
	color: #fff;
	font-size: 0.75rem;
	text-align: center;
	display: block;
	margin-top: 5px;
}


.a-voice2.top {
	bottom: 180px;
}
.a-voice.top {
	bottom: 100px;
}

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

  
  85% {
  	width: 75px;
  	height: 75px;
  }
  
   90% {
  	width: 100px;
  	height: 100px;
  }
   
  
  100% {
  	width: 75px;
  	height: 75px;
  }
}	
	
/*ONESTOP*/
.sec-subhead {
	
}
.sec-ones-top {
	background: url(../img/bg_onestophead.jpg) center bottom no-repeat;
	width: 100%;

	background-size: cover;
	height: 100vw;
}
.div-subhead {
	
}
.div-ones-top {
	
}
.div-ones-head {

	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	position: relative;
	display: block;
	width: 90%;
	top: 20vw;
}

.img-onestoptitle {
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
}
.p-onestoptitle {
	color: #000;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	top: -25px;
	line-height: 1.5em;
	margin-bottom: -5%;
}

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



.h2-ones-head {
	color: #000;
	font-size: 6.5vw;
	line-height: 1.5em;
	font-weight: 700;
	text-align: center;
	position: relative;
	top: -5vw;
}
.h2-ones-head b {
	color: #fee102;
	font-size: 6.5vw;
	line-height: 1.75em;
	font-weight: 700;
	text-align: center;	/*
	background: linear-gradient(transparent 80%, #ff6 80%);*/
	background-color: #013c9c;
	display: inline-block;
}


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

.sec-ones-next2{
	padding-top: 100%;
	padding-bottom:  10%;
}



.div-ones-next {
	
}
.h2-ones-title {
	margin-bottom: 10%;
}

.h3-ones-copy {
	color: #000;
	font-size: 6vw;
	font-weight: 700;
	text-align: center;
	line-height: 1.25em;
	margin-top: 65vw;
	margin-bottom: 5%;
}
.img-ones-staff {
	margin-right: auto;
	margin-left: auto;

	margin-bottom: 25px;
	width: 100%;
	height: auto;
}
.p-ones-exp {
	color: #000;
	font-size: 4vw;
	line-height: 1.5em;
	text-align: center;
}
.art-ones-showtop {


margin-right: auto;
	margin-left: auto;
margin-bottom: 10%;
border-bottom: 1px dotted #999;
padding-bottom: 10%;
width: 90%;
}
.a-ones-showtop {
	width: 100%;
	height: 100%;
	padding-top: 10%;
	padding-bottom: 10%;
}


.a-ones-showtop:hover .p-ones-showtop span  {
	background-color: #096bdf;
	transition: all 0.25s ease-in-out 0s;
}
.div-ones-showtop01 {

}
.div-ones-showtop02 {
	
}
.div-ones-showtop03 {
	margin-bottom: 5%;
}
.div-ones-showtop01 i {
 font: 2rem/0.9em alte_din_1451_mittelschriftRg;
 color: #999;
 text-align: center;
 display: block;
 letter-spacing: 0.2em;
}
.div-ones-showtop01 b {
  font: bold 7rem/0.9em alte_din_1451_mittelschriftRg;
  color: #999;
  text-align: center;
  display: block;
  margin-bottom: 5%;
}
.h4-ones-showtop {
	color: #000;
	font-size: 1.75rem;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 2.5%;
}
.ul-ones-showtop {
display:flex;
flex-wrap: wrap;
justify-content:left;
margin-bottom: 10px;
}
.li-ones-showtop {
	color: #fff;
	font-size: 1rem;
	background-color: #043c9c;
	margin-right: 5px;
	padding: 5px;
}
.li-ones-showtop i {
	color: #fff;
	font-size: 1rem;
	background-color: #043c9c;
	margin-right: 10px;
}
.p-ones-showtop {
	color: #000;
	font-size: 1.25rem;
	line-height: 1.75em;
	text-align: left;
}
.p-ones-showtop span {
	display: block;
	background-color: #063c9b;
	color: #fff;
	font-size: 1.5rem;
	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.25rem;
	font-weight: bold;
	float: right;
	position: relative;
	top: 2px;
}
.img-ones-showtop {
	width: 100%;
	height: auto;
}
.art-ones-intro {


margin-right: auto;
	margin-left: auto;
width: 90%;
}
.div-ones-intro {

	margin-bottom: 15%;
}
.h5-ones-intro {
	color: #043c9c;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 2.5%;
}
.h5-ones-intro i {
	color: #043c9c;
	font-size: 4rem;
	font-weight: bold;
	margin-right: 10px;
}
.img-ones-intro {
	width: 100%;
	height: auto;
	margin-bottom: 2.5%;
}
.p-ones-intro {
	color: #000;
	font-size: 1.25rem;
	line-height: 1.5em;
}




/*SUBMENU*/

.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-menu02 .h2-toptitle {
	font-size: 2.5rem;
	color: #fff;
	padding-top: 5%;
	padding-bottom: 5%;
}
.sec-sub-menu {
	background-color: #0b7af3;
}
.div-sub-menu {
display:flex;
justify-content:left;
margin-bottom: 10%;
overflow: scroll;

align-items: center;
}
.spn-sub-menu {
	color: #fff;
	font-size: 1.25rem;
	background-color: #043c9c;
/*	clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);*/
	clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
	padding: 10px 20px 10px 10px;
}
.ul-sub-menu {
display:flex;
justify-content:left;
padding-left: 10px;
width: 100%;
overflow: auto;
}
.li-sub-menu {
	
}

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

/*COMPANY*/

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

background-size: 
120% auto,
cover;
width: 100%;
height: 50vw;
position: relative;
}
.div-comp-head {
	
}
.h2-comp-head {
	color: #fff;
	font-size: 7.5vw;
	font-weight: bold;
	letter-spacing: 0.2em;
	position: absolute;
	top: 40%;
	left: 5%;
}	
	
.img-comp-head {
	width: 90%;
	margin: 5% auto 10%;
	height: auto;
}
	
.ul-comp-menu {


margin-right: auto;
	margin-left: auto;
margin-bottom: 20%;
width: 90%;
}	
.li-comp-menu {
	margin-bottom: 20%;
}	
.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-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;
	transition: all 0.25s ease-in-out 0s;
	margin-bottom: 2.5%;
}
	
.art-greet 	{


margin-right: auto;
	margin-left: auto;
}
.div-greet-l	{
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
}
.div-greet-r {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30%;
}	
.img-greet	{
	width: 100%;
}
.img-comp-sign {
	width: 40%;
	height: auto;
	float: right;
}
.h3-greet {
	color: #000;
	font-size: 2.5rem;
	margin-bottom: 25px;
	font-weight: bold;
	line-height: 1.5em;
}	
.p-greet {
	font-size: 1.5rem;
	color: #000;
	line-height: 1.75em;
	margin-bottom: 50px;
	text-align: justify;
}	
	
.art-about	{

	margin-right: auto;
	margin-left: auto;

margin-bottom: 5%;
}
.div-about-l {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
}
.div-about-r	{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
}
.img-about-build	{
	width: 100%;
	height: auto;
}

.tab-about-up {

	border-top: 1px dotted #ccc;
width: 100%;
margin-bottom: 5%;
}
.tab-about-up caption	{
	color: #000;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 5%;
}
.tab-about-up th {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.75em;
	border-bottom: 1px dotted #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
}	
.tab-about-up td {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.75em;
	border-bottom: 1px dotted #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
}		
.ifra-aboutmap {

	height: 300px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 100px;
	width: 90%;
}	
.div-about-dwn {

margin-right: auto;
	margin-left: auto;
width: 90%;
}
.tab-about-dwn	{
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #ccc;

	margin-bottom: 30%;
	position: relative;
}
.tab-about-dwn th	{
	color: #000;
	font-size: 1.5rem;
	line-height: 1.75em;
	border-bottom: 1px dotted #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 8em;
}
.tab-about-dwn td	{
	color: #000;
	font-size: 1.5rem;
	line-height: 1.75em;
	border-bottom: 1px dotted #ccc;
	
	padding-top: 10px;
	padding-bottom: 10px;
}

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

	margin-right: auto;
	margin-left: auto;
	width: 90%;
}	
.div-history-year:after {
	content: '';
	display: block;
	width: 100px;
	background-color: #f5f5f5;
	position: absolute;
	height: calc(100% + 35px);
	z-index: -1;
	top: -15px;
	left: -20px;
}	
.dl-history	{

	margin-right: auto;
	margin-left: auto;
margin-bottom: 10%;
}
.dt-history	{
font: bold 2rem "ヒラギノ明朝 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: 1.5rem;
	line-height: 1.75em;
	display: block;
	margin-left: 1em;
}
.img-history01 {
	margin-top: 5%;
	width: 50%;
	height: auto;
	position: relative;
}	
.img-history02 {
	margin-top: 5%;
	width: 50%;
	height: auto;
	position: relative;
}	
		
	
.p-about-old	{
	color: #000;
	font-size: 1.5rem;
	line-height: 1.75em;
	margin-bottom: 25px;
}
.ul-about-old {

	margin-bottom: 20%;
}	
.li-about-old {

	color: #000;
	font-size: 1.25rem;
	margin-bottom: 5%;
}	
.img-about-old	{
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
	
	
		
/*ESTATE*/	
.sec-estate-menu {
	margin-bottom: 0;
}




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

.div-estoplink {

	margin-right: auto;
	margin-left: auto;
background-color: #fff;
	display: block;
	position: relative;
	padding-top: 5%;
	padding-right: 5%;
padding-left: 5%;
	margin-bottom: 5%;
	width: 80%;
}
.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 {

width: 100%;
position: relative;
z-index: 20;
margin-bottom: 25px;
background-color: #fff;
}	
.li-estoplink {

		background-image: linear-gradient(135deg, #0878f1 0%, #065ecd 50%, #044bb2 50%, #043c9c 100%);
		margin-bottom: 5%;
}	
.a-estoplink	{
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 10%;
	padding-bottom: 10%;
	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: #f9fe3a;
	text-align: center;
	font-size: 3rem;
	display: block;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}
.a-estoplink	 i{
	color: #fff;
	text-align: center;
	font-size: 1.75rem;
	display: block;
	line-height: 1.5em;
	font-weight: bold;
}
.h3-estoplink {
	color: #000;
	text-align: center;
	font-size: 2rem;
	line-height: 1.5em;
	font-weight: bold;
}
.h3-estoplink b {
	color: #043c9c;
	font-size: 3rem;
	font-weight: bold;
}		
.img-estoplink	{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
	
.p-estate-exp {
	color: #000;
	font-size: 2rem;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10%;
}	
	
.ul-estate-topmeu {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}	
.li-estate-topmeu {
	margin-bottom: 10%;
}	
.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{
  margin-right: auto;
  margin-bottom: 100px;
  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;
  width: 90%;
}
.div-eslp-linkin{
	border: 1px solid #fff;
	padding: 30px;	
}
.p-eslp-link{
	color: #fff016;	
	font-size: 6vw;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5%;
}

.p-eslp-link i{
	color: #fff016;
	font-size: 4vw;
}

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




/*ESTATE-BUY*/
.sec-est-buyhead {
	background: url(../img/p_estatetop_sp.jpg) center top no-repeat;
	background-size:100% auto;
	width: 100%;

	margin-bottom: 50px;
	margin-top: -10%;
}
.div-est-buyhead {
	position: relative;
	height: 100vh;
	padding-top: 5%;
}
.div-est-buyhead:hover {

}
.div-est-buytitle {
	background-color: #fff;
	box-shadow: 5px 5px 5px #ccc;
	width: 80%;
	padding: 5%;
	margin-right: auto;
	margin-left: auto;
}
.h2-est-buyhead {
	color: #043c9c;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5%;
	font-size: 3rem;
	letter-spacing: 0.2em;
}
.p-est-buyhead {
	color: #000;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 5%;
}
.a-est-buyhead {
		background-image: linear-gradient(170deg, #0878f1 0%, #065ecd 50%, #044bb2 50%, #043c9c 100%);
		display: block;
		padding-top: 20px;
	padding-bottom: 20px;
		margin-right: auto;
	margin-left: auto;
	color: #fff;
	font-weight: bold;
	font-size: 2.5rem;
	text-align: center;
}

.ul-est-icon {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
	width: 80%;
}
.li-est-icon {

	background-color: #fff;
	box-shadow: 5px 5px 5px #ccc;
	padding: 5%;
	margin-bottom: 10%;
}
.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: 50%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
}

.div-est-contbtn {

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



.a-footcont-tel.a-est-telbtn {
	background-color: #000;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 1.25rem;
	padding-right: 0;
	padding-left: 0;
}
.a-footcont-tel.a-est-telbtn i{
	color: #fff;
	font-size: 1.5rem;
}

.a-footcont-tel.a-est-telbtn b {
	color: #fff;
	font-size: 2.25rem;
}



.art-est-flow {
display:flex;
flex-wrap: wrap;
justify-content:left;
}	
.div-est-flow {
	width: calc(50% - 20px);
	margin-bottom: 20px;
	padding: 15px 15px 15px 5px;
}	
.div-est-flow b {
font: 5rem alte_din_1451_mittelschriftRg;
	text-align: center;
	display: block;
	margin-bottom: 2.5%x;
color: #fff;
}
.div-est-flow i {
	color: #fff;
	font-size: 1.5rem;
	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;
	display: block;

}
.div-est-flow08 i {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-top: 25%;
}

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

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

.art-voice {


margin-right: auto;
	margin-left: auto;
}
.p-est-voice {
	width: 80%;
	margin-bottom: 10%;
	margin-right: auto;
	color: #000;
	font-size: 1.5rem;
	line-height: 1.5em;
		border: 10px solid #ccc;
	padding: 5%;
	margin-left: auto;
}
.p-est-voice span {
	text-align: right;
	display: block;
		color: #000;
	font-size: 1.5rem;
	margin-top: 25px;
}	
	


	
.sec-head-estatesub {
	width: 100%;
	height: 400px;  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20%;
	margin-top: -10%;
}
.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;
	margin-top:0px;
}


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

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

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

/*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_estate11.jpg) center center 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;

	margin-right: auto;
	margin-left: auto;
	align-items: center;
	padding-top: 10%;
	padding-bottom: 10%;
	  background: url(../img/bg_gotonestop_bk.png) center top no-repeat;
	width: 90%;
	opacity: 0.85;
}
.div-head-estatesub01 {
	
}
.h2-head-estatesub {
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-align: center;
	margin-bottom: 25px;
	line-height: 1.25em;
}
.p-esthead-exp {
	color: #fff;
	text-align: center;
	line-height: 1.75em;
	font-size: 1.5rem;
}
.sec-body-estatesub {
	padding-top: 10%;
	padding-bottom: 10%;
}
.h2-estexp02 {
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 2.5rem;
	margin: -15% auto 10%;
	position: relative;
	line-height: 1.5em;
	width: 90%;
}	
.div-est-colmn01 {

	margin-right: auto;
	margin-left: auto;
background-color: #fff;
	margin-bottom: 10%;
	padding: 5% 5% 2.5%;
width: 80%;
}

.h3-estitle01 {
	color: #043c9c;
	font-size: 2rem;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}	
.p-estexp01	{
	color: #000;
	font-size: 1.5rem;
	line-height: 1.75em;
	margin-bottom: 10%;
	text-align: justify;
}
.art-estcolm02	{


margin-right: auto;
	margin-left: auto;
width: 90%;
}
.spn-estimg01 {

}
.img-estexp02 {
	width: 100%;
	height: auto;
	margin-bottom: 5%;
}	
.p-estexp02	{

	color: #000;
	font-size: 1.5rem;
	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-bottom: 5%;
	margin-top: -12.5%;
}	
	
.ul-estconsul	{

}
	
.li-estconsul	{
	color: #000;
	font-size: 1.65rem;
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-left: calc(1.65rem + 10px);
}
.li-estconsul:before {
	content: '◎';
	margin-right: 10px;
	margin-left: calc(-1.65rem - 10px);
}	
.div-estcusul-l {

}	
	
.p-monthexp01 {
	color: #000;
	font-size: 1.75rem;
	line-height: 1.75em;
	width: 90%;
	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	{

	margin-right: auto;
	margin-left: auto;
margin-bottom: 5%;
	width: 90%;
}
.li-monthexp02 {
	color: #043c9c;
	line-height: 1.75em;
	font-weight: bold;
	margin-bottom: 1em;
	margin-left: calc(1.85rem + 10px);
	font-size: 1.85rem;
}
.li-monthexp02:before {
	content: '◎';
	margin-right: 10px;
	margin-left: calc(-1.85rem - 10px);
}
	
.p-monthexp02 {
	color: #000;
	font-size: 1.25rem;
	line-height: 1.5em;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}			
		
.p-monthexp03 {
	color: #043c9c;
	font-size: 2rem;
	line-height: 1.75em;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5%;
	margin-right: auto;
	width: 90%;
	margin-left: auto;
}	
.tab-monthprice {
	display: block;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
}


.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.5rem;
	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.5rem;
	line-height: 1.75em;
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 15px;
}
.montcap01	{
	color: #043c9c;
	line-height: 1.25em;
	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;
margin-right: auto;
	margin-left: auto;
}	

.img-monthroom {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
}









/* 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 {
	justify-content: space-between;

}

.item-eslp-sales {
	box-shadow: 5px 5px 5px #ccc;
	background-color: #fff;
	display: block;
	border: 1px solid #e4e4e4;
	margin-bottom: 5%;
}

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

.case-item {
	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 {

}


.art-eslp-voice {
	margin: 0 auto 10%;
	display: flex;
	flex-wrap: wrap;

}

.div-eslp-voice {
	padding: 30px;
	box-shadow: 5px 5px 5px #ccc;
	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;

	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 {
	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 {

	margin-right: auto;
	margin-left: auto;
margin-bottom: 10%;
	width: 100%;
}
.li-gotomid {
	margin-bottom: 5%;
}
.a-gotomid {
	
}
.img-gotomid {
	width: 100%;
	height: auto;
}




/*blog*/
div.esbody p {
	color: #000;
	font-size: 12px !important;
}

.blog-body .size-full,.blog-body .size-large  {
	width: 100%;
	height: auto;
}
.blog-body p a {
	color: #0064c7;
	text-decoration: underline;
	font-size: 15px;
	word-break: normal;
}
article.blog-colm {
	overflow: hidden;
	margin-right: 5%;
	margin-left: 5%;
}


div.blog-body {
	margin-bottom: 10%;
}
div.blog-body h4,div.blog-body span ,div.blog-body strong{

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


div.blog-side {}

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

h3.experi-tit {
        color: #005f8c!important;
        font-size: 25px!important;
		font-weight: 600;
        border-bottom: 1px dotted #0067a4;
        margin-bottom: 5%;
		padding-bottom: 2.5%;
		line-height: 1.5em!important;
}

ul.side-menu {
	margin-bottom: 10%;
}

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;
	display: block;
	line-height: 1.5em;
	margin-bottom: 10px;
}

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

ul.blog-list {
	margin-bottom: 5%;
}

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

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

ul.blog-list li a img {
	float: left;
	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;
	width: 75%;
	height: auto;
}

.bog-archnav {
	margin-top: 10%;
}

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

div.itemcont {
	background-color: #f8f8f8;
	margin-top: 10%;
	padding: 5% 2.5% 2.5%;
}


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: 7em;
	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 {
	margin-right: auto;
	margin-left: auto;
}

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

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;
	margin-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: #df5f61;
	text-decoration: underline;
	display: inline-block;
}

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

ul.side-list-setate {
	margin-bottom: 10%;
	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;
	line-height: 1.75em;
	padding-bottom: 10px;
}


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




.h3-sidecat {
	margin-bottom: 10px;
}

.a-sidecat {
	overflow: hidden;
	color: #fff;
	font-size: 15px;
	display: block;
	padding: 10px;
}
.a-sidecat i {
	float: right;
	color: #fff;
	font-size: 12px;
	line-height: 1.25em;
}
.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: 1.25rem;
	text-align: left;
	display: block;
	margin-bottom: 10%;
	font-weight: bold;
	margin-left: auto;
}
.p-toptotal b {
	color: #000;
	font-size: 1.5rem;
	font-weight: bold;
}

.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: 14px;
	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: 14px FontAwesome;
    display: inline-block;
    padding-right: 5px;
}



.a-newsall {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 14px;
	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: 14px FontAwesome;
    display: inline-block;
    padding-right: 5px;
}

.img-estimtop {
	width: 90%;
	height: auto;
	margin-bottom: 10%;
	margin-right: auto;
	margin-left: auto;
}




/*CONSTRUTION*/
table.resgeneral {
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 90%;
}

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

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

table.resgeneral caption {
	caption-side: bottom;
	text-align: right;
	margin-top: 10px;
	color: #000;
	font-size: 12px;
}

.compland-const {
	background-color: #fff;
	position: relative;


	opacity: 0.9;

	width: 90%;
	margin-right: auto;
	margin-left: auto;
}



.ul-ogata {



width: 90%;
margin-right: auto;
	margin-left: auto;
margin-bottom: 10%;
}
.li-ogata {
	margin-bottom: 10%;

	color: #000;
font-size: 1.5rem;
line-height: 1.5em;
}
.li-ogata img {
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}


div.general {

	margin-right: auto;
	margin-left: auto;
margin-bottom: 20%;
	overflow: hidden;
width: 90%;
}


dl.general_c {
	margin-top: 20px;
	margin-right: auto;

	margin-left: auto;

}

dl.general_c dt {
	text-align: left
}

dl.general_c dt img {
	margin-bottom: 10px;
	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;

}

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

.img-constexp {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}

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

dl.compland {
margin: 10% auto 20%;
width: 90%;
}

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






/*ESTATE*/

.sec-estatehead {
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	margin-bottom: 10%;
}
.rentalhead {
	background-color: #3c8e7e;
}
.sellhead {
	background-color: #4f5ea6;
}

.reformhead {
	background-color: #0059c0;
}
.househead {
	background-color: #0059c0;
}
.div-estatehead {

	margin-right: auto;
	margin-left: auto;
}
.h2-estatehead {
	color: #fff;
	font-size: 5vw;
	font-weight: bold;
	text-align: center;
}
.sec-estatebody {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
}
.div-estatebody {

	margin-right: auto;
	margin-left: auto;
}

.div-estno {
	margin-bottom: 10px;
	display: block;
	color: #000;
	font-size: 12px;
	text-align: left;
	width: 100%;
}
.ul-catplace {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display:flex;
	margin-bottom: 2.5%;
	text-align: center;
}
.li-cat {
	color: #fff;
	font-size: 12px;
	background-color: #666;
	padding: 5px 10px;
}
.li-place {

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

	font-weight: bold;
	width: 85%;
	font-size: 1.5rem;
}
.dd-spec01 i {
	color: #000;
	font-size: 13px;
	font-weight: bold;
}

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

.flexslider {

	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:100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
}
.div-estyoutube iframe {
	width: 100%;
	height: 50vw;
}

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

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

.div-estspec {

padding-bottom: 10%;
width: 100%;
border-top: 1px solid #ccc;
}
.dl-estspec {

	display:flex;
}
.dl-estspec dt {
	color: #000;
	font-size: 12px;
	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: 12px;
	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;		
}







/*SEARCH 20230428*/

.art-estlist {

margin-right: auto;
	margin-left: auto;
display:flex;
justify-content:left;
flex-wrap: wrap;
}
.art-estlist2 {

margin-right: auto;
	margin-left: auto;
	display:flex;
justify-content:left;
flex-wrap: wrap;
}

.div-estlist {
width: 45%;

	margin-bottom: 10%;
	margin-right: 2.5%;
display: block;
	position: relative;
padding-bottom: 5%;
border-bottom: 1px solid #ccc;
margin-left: 2.5%;
}

.a-estlist {
	position: absolute;
	width: 100%;

	transition: all 0.2s ease-in-out 0s;
	display: block;
	height: 100%;
}
.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: 12px;
	font-weight: bold;
	float: left;
	display: inline-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;	
}

.img-estlist {
	margin-bottom: 10px;
	margin-top: 5px;
	width: 100%;
	height: 30vw;
	object-fit:cover;
}


.ul-estlistop {

margin-bottom: 5px;
}
.li-listroom span {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	margin-right: 10px;
}


.li-listarea {
	color: #666;
	font-size: 12px;
	text-align: left;
	line-height: 1.75em;
}

.h4-estlist {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 15px;
	overflow: hidden;
/*	height: 4.5em;*/
}

.h4-estlist2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 15px;
	overflow: hidden;
/*	height: 4.5em;*/
text-align: center;
}



.ul-estlistbtm {

}
.ul-estlistbtm li {

	background-color: #efefef;
	margin-right: 1px;
	margin-left: 1px;
	padding: 10px;
}
.li-listroom {
	color: #666;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}

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

/*SEARCHFORM*/
.div-estsearch {


	padding: 2.5%;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
}
.div-estsearch h4 {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	margin-right: auto;
	padding-bottom: 15px;
	text-align: center;
	margin-left: auto;
}
.div-estsearch form ul li ul {

}
.div-estsearch form ul li {
	margin-bottom: 2.5%;
	width: 100%;
	display: block;
}
.sf-level-0 {
	color: #000;
	font-size: 16px;
	font-weight: bold;

	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{
	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.25rem;
}


.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: bold 1.25rem 'Font Awesome 7 Free';
	content: "\f111";
    color: #ccc;
	margin-right: 5px;
}



.sf-input-radio:checked + label:before {
	font: bold 1.25rem 'Font Awesome 7 Free';
	content: "\f192";
    color: #000;
	margin-right: 5px;
}

.sf-label-radio {
	margin-left: 0!important;
}.sf-count {
	font-size: 1.25rem;
}

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

.div-estsearch input[type="submit"]:hover {
	cursor: pointer;
	color: #999;
	transition: all 0.2s ease-in-out 0s;
}

.p-nohit {
	color: #000;
	font-size: 16px;
	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: 6em;
	display: inline-block;
	line-height: 1.5em;
}

.sf-input-select {
	color: #000;
	font-size: 1.25rem;
	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: 10px;
	border: 1px solid #ccc;
	width: calc(100% - 30px);
	border-radius: 3px;
}


.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;margin-bottom: 50px;}
div.shoecase1l {float: left!important;}

div.shoecase1r {width: 330px!important;float: right!important;}
ul.showphoto {}
ul.showphoto li {
aspect-ratio: 3 / 2;
}

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

}

ol.flex-control-thumbs {

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

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

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.contactexp02 {
	margin-right: 5%;
	margin-left: 5%;
	color: #000;
	font-size: 12px;
	padding: 5%;
	background-color: #efefef;
	margin-bottom: 10%;
	line-height: 1.5em;
}

p.contactexp02 a {
	color: #0067a4;
}

p.contactexp02 a:hover {
	text-decoration: underline;
}


p.thanks {
	color: #666;
	font-size: 12px;
	line-height: 1.5em;
	text-align: center;
	margin-top: 10%;
}

h3.point2 {
	text-align: center;
	color: #666;
	font-size: 20px;
	line-height: 1.5em;
}

div.contact {
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 10%;
}

div.itemcont form {
	margin-top: 0px !important;
}

div.itemcont p {
	display: none;
}


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

form#mailformpro button {
	color: #fff;
	font-size: 18px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	border-radius: 5px;
	padding: 10px 20px;
}

dl.contact {
	overflow: hidden;
}

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

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

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;
	border-color: orange;
}

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

.ipt01 {
	color: #666;
	font-size: 15px;
	width: 90%;
}

.ipt02 {
	color: #666;
	font-size: 15px;
	width: 90%;
}

.ipt03 {
	color: #666;
	font-size: 15px;
	height: 1em;
	width: 90%;
}

.ipt04 {
	color: #666;
	font-size: 15px;
	width: 90%;
}

.ipt05 {
	color: #666;
	font-size: 15px;
	width: 90%;
}

.ipt06 {
	color: #666;
	font-size: 15px;
	height: 20em !important;
	width: 90%;
}

.ipt07 {
	color: #666;
	font-size: 15px;
	width: 45%;
}

p.contactexp {
	color: #000;
	font-size: 15px;
	line-height: 1.5em;
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 3%;
}

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

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

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

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

dl.contact03 dd i {
	color: #c00;
}

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

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

dl.contact03 dt i {
	color: #666;
	font-size: 11px;
	margin-left: 0.3px;
}

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

div#mfp_overlay_inner {
	width: 90% !important;
	margin-right: 5%;
	margin-left: 5%;
}

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

}




/*FRIEND*/

.sec-friend {
	background: url(../img/bg_friendhead.jpg) center bottom no-repeat;
	width: 100%;
	padding-top: 5%;
	margin-bottom: 2.5%;
	background-size: auto 110%;
	margin-top: -10%;
}
.h2-friend {

	color: #fff;
	font-size: 7vw;
	font-weight: bold;
	text-align: center;
	padding-top: 5%;
	padding-bottom: 5%;
	width: 100%;
}
.div-friend {
	
}
.h3-friend {
	color: #fff218;
	font-size: 5vw;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2.5%;
}
.h3-friend b {
	color: #fff218;
	font-size: 6vw;
	font-weight: bold;
	text-align: center;
}

.img-friendhead {

	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 95%;
}
.p-friend01 {
	color: #000;
	font-size: 4vw;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2.5%;
}
.ul-friendprice {

	margin-right: auto;
	margin-left: auto;
margin-bottom: 10%;
	width: 75%;
}
.ul-friendprice li {
	margin-bottom: 5%;
}
.ul-friendprice li img {
	width: 100%;
	height: auto;
	box-shadow: 5px 5px 5px #ccc;
}
.h4-friend {

	margin-right: auto;
	margin-left: auto;
padding: 2%;
	color: #fff;
	background-color: #00a599;
	font-size: 5vw;
	font-weight: bold;
width: 90%;
margin-bottom: 2.5%;
}
.p-friend02 {
	color: #000;
	font-size: 3.5vw;
	line-height: 1.5em;

	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1.5%;
	width: 90%;
}
.ul-friendlink {

	margin: 1.5% auto 1.5%;
	width: 75%;
}
.ul-friendlink li {
	margin-bottom: 5%;
}
.ul-friendlink li a {
	display: block;
}
.ul-friendlink li a img {
	width: 100%;
	height: auto;
}
.p-friend02-foot {
	margin-bottom: 5%;
}
.ul-friendjoken {

	margin-right: auto;
	margin-left: auto;
margin-bottom: 10%;
	width: 85%;
}
.ul-friendjoken li {
	color: #000;
	font-size: 3.5vw;
	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%);
  padding-top: 10%;
	padding-bottom: 10%;
  width: 90%;
  margin-right: auto;
	margin-left: auto;
}




.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%;
	position: relative;
	z-index: 5;
	padding-top: 30%;
	padding-bottom: 30%;
}

.h2ih-satei {

}
.h2ih-satei b {
	display: block;
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
	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: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
	z-index: 10;
}


/*MONTHLYMANTION*/

.ul-month {

	margin-right: auto;
	margin-left: auto;
	width: 90%;
}
.li-month {
	margin-bottom: 5%;
}
.img-month {
	width: 100%;
	height: auto;
}

.tab-month {

	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 90%;
}
.tab-month th {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.5em;
	padding: 20px;
	width: 4em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #efefef;
}
.tab-month td {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.5em;
	padding: 20px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tab-month caption {
	color: #000;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.75rem;
}




/*RECRUIT*/

.sec-head-rectop {
	background: url(../img/p_recruitexp00.jpg) right 30% top no-repeat #badafe;
	background-size: auto 50vh;
	width: 100%;
	position: relative;
	padding-top: 50vh;
}

.div-head-rectop{
	background-color: #fff;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: -50px;
	padding-top: 10%;
	padding-bottom: 10%;
	opacity: 0.8;
}

.sec-recbody {
	padding-top: 10%;
	padding-bottom: 10%;
}

.h2-rectop{
	color: #043c9c;
	font-size: 4.5rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
	text-align: center;
	padding-left: 0.4em;
}
.spn-rectop{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	display: block;
}
.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 5px;
	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 5px;
}
.p-rectop{
	margin-top: 20px;
	color: #000;
	font-size:1.75rem;
	line-height: 1.75em;
	text-align: center;
	font-weight: bold;
	padding-right: 42px;
	padding-left: 42px;
}

.p-recintro {
	color: #000;
	font-size: 5rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.25em;
	padding-top: 10%;
}
.art-rectop-exp {

margin-right: auto;
	margin-left: auto;
margin-bottom: 5%;
	justify-content:center;
align-items: center;
width: 90%;
}
.art-rectop-exp.odd {
	
}
.art-rectop-exp.even {
flex-direction: row-reverse;	
}
.art-rectop-exp.last {
	margin-bottom: 0;
}
.div-rectop-exp {

	padding-right: 2.5%;
	padding-left: 2.5%;
}
.div-rectop-img {

}
.img-rectop-exp {
	width: 100%;
	height: auto;
	margin-bottom: 5%;
}
.h3-rectop-exp {
	color: #043c9c;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.25em;
	margin-bottom: 10px;
}
.p-rectop-exp {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.75em;
	margin-bottom: 10%;
}

.ul-recmenu {

margin-right: auto;
margin-left: auto;
width: 90%;
}
.li-recmenu {
	margin-bottom: 20%;
}
.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 {


margin-right: auto;
	margin-left: auto;
margin-bottom: 20%;
align-items: center;
position: relative;
width: 90%;
display: block;
}
.art-rectop-staff a:after {
	content: '';
	background: url(../img/f_allow_navy.svg) center center no-repeat;
	position: absolute;
	right: 50px;
	bottom: 0;
	width: 100px;
	height: 40px;
	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 {

	margin-right: auto;
	margin-left: auto;
}
.img-rectop-staff {
	width: 75%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
}
.div-rectop-staff-r {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.h3-rectop-staff {
	color: #043c9c;
	font-size: 2rem;
	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%;
}
.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 {

margin-right: auto;
	margin-left: auto;
position: relative;

margin-bottom: 50vw;
width: 100%;
top: 50vw;
}

.div-recjob-l {
	background-color: #043c9c;
display:flex;
justify-content:center;
align-items: center;
padding: 5%;
margin-bottom: 5%;
}

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


.div-recjob-r {


justify-content:center;
align-items: center;
padding-right: 20px;
	padding-left: 20px;
}
.dl-recjob {
	
}
.dt-recjob {
	color: #000;
	font-size: 2rem;
	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: 5%;

	position: relative;
	padding-bottom: 25vw;
}

.ul-recjob {

	margin-right: auto;
	margin-left: auto;
	width: 90%;
}
.li-recjob {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.5em;
	margin-bottom: 1em;
	list-style-type: disc;

	margin-left: 1em;
}

.img-recjob-foot {
	position: relative;
	margin-right: auto;
	margin-left: auto;

	width: 90%;
	top: -20vw;
}

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


.art-recstaff {
	width: 100%;

margin-right: auto;
	margin-left: auto;
padding-bottom: 0;
}

.div-recstaff-r {
	background-color: #043c9c;

	display:flex;
justify-content:center;
align-items: center;
width: 80%;
margin-right: auto;
	margin-left: auto;
padding: 5%;
position: relative;
opacity: 0.9!important;
top: -50px;
}

.div-recstaff-l {
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
.img-recstaff {
	width: 100%;
	height: auto;
}
.h2-recstaff {
	color: #fff;
	font-size: 2.25rem;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 10%;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
.dt-recstaff {
	color: #fff;
	font-size: 1.25rem;
	line-height: 1.5em;
	margin-bottom: 5px;
}
.dd-recstaff {
	color: #fff;
	font-size: 2rem;
	line-height: 1.5em;
}


.dl-recstaff {
}

.p-staffcom {
margin: -15% auto 10%;
color: #000;
	font-size: 1.5rem;
line-height: 2em;
	width: 90%;
}

.img-staffcom {

	margin-right: auto;
	margin-left: auto;
margin-bottom: 10%;
	width: 100%;
}



.dl-staffaq {

	margin-right: auto;
	margin-left: auto;
	width: 90%;
}

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

/*RECTABLE*/
.tablepress-table-name {
color: #043c9c;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 5%;
text-align: center;
padding-top: 20%;
}
.tab-rectuit {
border-top: 1px solid #ccc;

margin-right: auto;
	margin-left: auto;
margin-bottom: 10%;
width: 90%;
}
.tab-rectuit tr {
	
}
.tab-rectuit td.column-1 {
	color: #000;
	background-color: #efefef;
	border-bottom: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
	font-size: 1.5rem;
	line-height: 1.75em;
	display: block;
	padding: 3%;
	font-weight: bold;
}

.tab-rectuit td.column-2 {
	color: #000;
	border-bottom: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
	font-size: 1.5rem;
	line-height: 1.75em;
	display: block;
	padding: 5% 5% 10%;
}

.tityoko {
	margin-top: 10%;
}

.ul-yokolink {



margin-right: auto;
	margin-left: auto;
padding-top:5%;
width: 90%;
}
.li-yokolink {

}
.a-yokolink {
	color: #043c9c;
	font-size: 1.75rem;
	display: block;
	margin-bottom: 1em;
}
.a-yokolink:before {
	content: '▼';
	color: #043c9c;
	font-size: 1.5rem;
	margin-right: 10px;
	position: relative;
	top: -2px;
}
.a-yokolink:hover {
	text-decoration: underline;
}
.img-shaze {
	width: 90%;
	height: auto;
	margin: -10% auto 10%;
}



/*NEWFRIEND*/

.art-newfriend {



margin: 2.5% auto 10%;
width: 90%;
}
.div-newfriexp-l {

}
.div-newfriexp-r {

}

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

.ol-newfriexp {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.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: 16px;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 5px;
}
.dd-newfriexp {
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1em;
}

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


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

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



/*BUILDREFORM*/

.div-reformphoto {


margin-right: auto;
	margin-left: auto;
margin-bottom: 20%;
}

.dl-reformphoto {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
	width: 75%;
}

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




/*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;
}




/*showcase*/

div.stasusicon {overflow: hidden;}
div.stasusicon div {display: block;padding: 3px 10px;float: left;margin-right: 5px;margin-bottom: 5px;}
div.stasusicon div.sta-already {color: #fff;font-size: 10px;background-color: #999;border: 1px solid #999;margin-right: 5px;margin-bottom: 5px;padding: 3px;}
div.stasusicon div.sta-yet {color: #999;font-size: 10px;background-color: #fff;border: 1px solid #999;margin-right: 5px;margin-bottom: 5px;padding: 3px;}
div.stasusicon div.sta-sale {color: #000;font-size: 10px;background-color: #fff;border: 1px solid #000;margin-right: 5px;margin-bottom: 5px;padding: 3px;}
div.stasusicon div.sta-rent {color: #fff;font-size: 10px;background-color: #000;border: 1px solid #000;margin-right: 5px;margin-bottom: 5px;padding: 3px;}
div.stasusicon div.sta-undreno {color: #fff;font-size: 10px;background-color: #999;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;padding: 3px;}

div.stasusicon div.sta-on {color: #000;font-size: 10px;background-color: #ccc;border: 1px solid #000;margin-right: 5px;margin-bottom: 5px;padding: 3px;}
div.stasusicon div.sta-off {color: #000;font-size: 10px;background-color: #ccc;border: 1px solid #000;margin-right: 5px;margin-bottom: 5px;padding: 3px;}
div.stasusicon div.sta-sell {color: #000;font-size: 10px;background-color: #ccc;border: 1px solid #000;margin-right: 5px;margin-bottom: 5px;padding: 3px;}
div.stasusicon div.sta-sold {color: #000;font-size: 10px;background-color: #ccc;border: 1px solid #000;margin-right: 5px;margin-bottom: 5px;padding: 3px;}
div.stasusicon div.sta-in {color: #000;font-size: 10px;background-color: #ccc;border: 1px solid #000;margin-right: 5px;margin-bottom: 5px;padding: 3px;}
div.stasusicon div.sta-out {color: #fff;font-size: 10px;background-color: #999;border: 1px solid #333;margin-right: 5px;margin-bottom: 5px;padding: 3px;}




ul.showicon {overflow: hidden;}
ul.showicon li {display: block;padding: 3px 10px;float: left;margin-right: 5px;margin-bottom: 10px;}
li.sta-already {color: #fff;font-size: 10px;background-color: #999;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}

li.sta-out{color: #fff;font-size: 10px;background-color: #999;padding: 3px 10px;border: 1px solid #333;margin-right: 5px;margin-bottom: 10px;}
li.sta-yet {color: #999;font-size: 10px;background-color: #fff;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}
li.sta-sale {color: #000;font-size: 10px;background-color: #fff;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px;}
li.sta-rent {color: #fff;font-size: 10px;background-color: #000;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px;}
li.sta-undreno {color: #fff;font-size: 10px;background-color: #999;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}

li.sta-on {color: #000;font-size: 10px;background-color: #ccc;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}
li.sta-off {color: #000;font-size: 10px;background-color: #ccc;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}
li.sta-sell {color: #000;font-size: 10px;background-color: #ccc;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}
li.sta-sold {color: #000;font-size: 10px;background-color: #ccc;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}
li.sta-in {color: #000;font-size: 10px;background-color: #ccc;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}



article.shoecase1 {overflow: hidden;margin-bottom: 10%;}
div.shoecase1l {padding-bottom: 10%;}

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

ol.flex-control-thumbs {}
ol.flex-control-thumbs li {
    overflow: hidden;
    width: 16%;
    position: relative;margin-right: 1px;margin-bottom: 1px;padding-bottom: 15%;background-color: #000;}
 
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;}



/*ul.showicon {overflow: hidden;}
ul.showicon li {display: block;padding: 3px 10px;float: left;margin-right: 5px;margin-bottom: 10px;}
li.sta-already {color: #fff;font-size: 10px;background-color: #999;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}
li.sta-yet {color: #999;font-size: 10px;background-color: #fff;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}
li.sta-sale {color: #000;font-size: 10px;background-color: #fff;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px;}
li.sta-rent {color: #fff;font-size: 10px;background-color: #000;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px;}


article.shoecase1 {overflow: hidden;margin-bottom: 50px;}
div.shoecase1l {}
div.shoecase1r {}
ul.showphoto {}
ul.showphoto li {}
ul.showphoto li img {}

ol.flex-control-thumbs {}
ol.flex-control-thumbs li {width: 20%;}
ol.flex-control-thumbs li img {width: 100%;height: auto;}
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: 50%;text-align: center;font-size: 12px;margin-bottom: 5%;color: #000;margin-right: auto;margin-left: auto;}
div.gotocont a {display: block;clear: both;border: 1px solid #000;padding: 5px 20px;width: 50%;text-align: center;font-size: 12px;margin-bottom: 5%;color: #fff;background-color: #000;margin-right: auto;margin-left: auto;}

article.shoecase2 {overflow: hidden;margin-bottom: 50px;}
div.shoecase2l {margin-bottom: 10%;}

div.shoecase2r {margin-bottom: 10%;}
div.shoecase2r img {margin-right: auto;margin-left: auto;width: 100%;height: auto;}


.ul-boss {
display:flex;
flex-wrap: wrap;
justify-content:left;
gap:10px;

margin-right: auto;
	margin-left: auto;
width: 90%;
}
.li-boss {
	width: calc(100% / 2 - 10px);
	color: #000;
	font-size: 1.25rem;
	text-align: center;
	line-height: 2em;
	margin-bottom: 10%;
}
.img-historyboss {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
.li-boss b {
font-size: 1.75rem;
}

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

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


.div-resultmap {
	color: #000;
	font-size: 1.75rem;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;

	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	position: relative;
	width: 90%;
	padding: 2.5%;
	margin-top: -50px;
}
.img-resultmap {
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.img-resultmap2{
	height: auto;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
}




/*BUILDHOME*/
.sec-build {
	
}
.sec-build-head {
	height: 35vw;
	width: 100%;
	position: relative;
	padding-bottom: 125%;
}
.sec-build-body {
	padding-top: 10%;
	padding-bottom: 10%;
}
.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: 80vw;
        top: 0px;
        margin-bottom: 0px;
}
.div-build-head {
	position: relative;
	width: 100%;
	height: 100%;
}
.div-build-body {

	margin-right: auto;
	margin-left: auto;
}
.img-build-head {
	position: absolute;
	z-index: 0;
	height: auto;
	bottom: -129%;
	width: 60%;
	right: 0%;
}



.ul-build-headlink {

position: absolute;
	bottom: -125%;

width: 50%;
left: 5%;
}
.li-build-headlink {
margin-left: 10px;
	margin-right: 10px;
width: 65%;
	margin-bottom: 2.5%;
}
.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;
right: calc(50%  - 0px);
color: #fff;
font-weight: bold;
	
width: 90%;
line-height: 1.75em;
font-size: 5vw;
margin-right: auto;
	margin-left: auto;
padding: 5%;
}
.p-build-head {
	color: #000;
	font-size: 4vw;
	line-height: 1.75em;
	font-weight: bold;
	text-align: center;
	margin-top: 5%;
}
.img-build-head-rogo {
	width: 90%;
	height: auto;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
.h3-build-exp {
	color: #000;
	font-size: 2vw;
	font-weight: bold;
	text-align: center;
	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;
	margin-bottom: 10%;
}
.h3-reform-exp {
	color: #000;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10%;
	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: 1rem;
	font-weight: bold;
}


.h3-build-exp b {
	color: #000;
	font-size: 12vw;
	font-weight: bold;
}
.art-build-exp {

	margin-right: auto;
	margin-left: auto;


margin-bottom: 10%;
}
.art-build-exp-l {
flex-direction: row;
	
}
.art-build-exp-r {

flex-direction: row-reverse;	
}
.div-build-exptxt {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.div-build-expimg {

}
.img-build-expimg {
	width: 100%;
	height: auto;
	margin-bottom: 15%;
}
.h4-build-exp {
display:flex;
margin-bottom: 2.5%;
}
.h4-build-exp i {
	color: #f6921e;
	font-size: 5rem;
	font-weight: bold;
	margin-right: 10px;
	line-height: 0.75em;
}
.h4-build-exp b {
	color: #000;
	font-size: 2rem;
	line-height: 1.25em;
	font-weight: bold;
}

.p-build-exp {
	color: #000;
	font-size: 1.5rem;
	line-height: 1.75em;
	text-align: justify;
	margin-bottom: 2.5%;
}
.h3-build-link {
	color: #000;
	font-size: 2rem;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
.ul-build-link {


margin-right: auto;
	margin-left: auto;
width: 90%;
}
.li-build-link {
	
}
.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: 100%;
display: block;
color: #fff;
font-weight: bold;
text-align: center;
padding-top: 20px;
	padding-bottom: 20px;
font-size: 2.5rem;
}
.a-bl-reform b {
background: linear-gradient(80deg, #39b549 0%, #39b549 87.5%, #8fd699 88.1%, #bce8c3 100%) #f6921e;
width: 100%;
display: block;

padding: 20px 0;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 2.25rem;
}
.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 {

	margin-right: auto;
	margin-left: auto;

margin-bottom: 10%;
width: 90%;
}
.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-weight: bold;
	padding: 20px 30px;
	letter-spacing: 0.1em;
	font-size: 6vw;
}
.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;
	margin-bottom: 20vh;
}
.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: calc(100% - 40px);
	text-align: left;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	padding: 20px;
	position: relative;
	bottom: -30vh;
}



.ul-bh-menu {





margin-right: auto;
	margin-left: auto;
width: 90%;
}

.li-bh-menu {
	margin-bottom: 10%;
}

.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 {

margin-right: auto;
	margin-left: auto;
width: 90%;
}


.ul-bf-house {
	
}
.li-build-flow {
/* writing-mode: vertical-rl;*/
 color: #df7c16;
 background-color: #fff7e3;
 font-size: 2rem;
 font-weight: bold;
 position: relative;
 padding: 30px 20px;
margin-bottom: 2.5%;
}
/*.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 {

margin-right: auto;
	margin-left: auto;
width: 90%;
}

.ul-bf-reform {
	
}
.li-reform-flow {

 color: #007d00;
 background-color: #e7f4e8;
 font-size: 2rem;
 font-weight: bold;
 position: relative;
 padding: 30px 20px;
 margin-bottom: 2.5%;
}
/*.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: 45vw;
	margin-bottom: 100px;
}
.sec-build-nexthead02 {
	background: url(../img/p_homehead02.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 45vw;
	margin-bottom: 100px;
}
.sec-build-nexthead03 {
	background: url(../img/p_homehead03.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 45vw;
	margin-bottom: 10%;
}
.h2-build-body01 {
	background-color: #f7a44c;

	text-align: center;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	left: 50%;
  transform:  translateX(-50%);
  bottom: -15vh;
  width: 100%;
  letter-spacing: 0;
  line-height: 1.5em;
}

.h2-reform-body01 {
	background-color: #39b548;

	text-align: center;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 0.2em;
	position: absolute;
	left: 50%;
  transform:  translateX(-50%);
  bottom: -10vh;
  margin-right: auto;
	margin-left: auto;
  width: 100%;
}
.h2-reform-body01 i {
	color: #bbe8c1;
	font: 4rem alte_din_1451_mittelschriftRg;
	margin-right: 10px;
}
.h2-reform-body01 b {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}








.art-bnbody-exp {

	margin-right: auto;
	margin-left: auto;

margin-bottom: 10%;
width: 90%;
}
.art-build-exp-l {
flex-direction: row;
	
}
.art-build-exp-r {

flex-direction: row-reverse;	
}
.div-bnbody-exp {

}
.div-bnbody-img {

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

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

.h3-refbody {
	color: #000;
	font-size: 2rem;
	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.5rem;
	line-height: 1.75em;
	margin-bottom: 10%;
	text-align: justify;
}


.ul-reftopmenu {


margin-right: auto;
	margin-left: auto;
	gap:40px
width: 9px;
width: 90%;
}
.li-reftopmenu {

}
.a-reftopmenu {
	
}
.a-reftopmenu i {
	color: #37b648;
	font: 3rem alte_din_1451_mittelschriftRg;
	font-weight: bold;
	margin-right: 5px;
}
.a-reftopmenu b {
	color: #000;
	font-size: 2rem;
	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: 60vw;
	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;
}