@charset "utf-8";
/* CSS Document */

body  {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: center;
 background-color: #fff;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-position: center 10em; 
}

#wrap{
margin: 0 auto;
padding: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
* 

li {
list-style: none;
}

.hyoujun{
width: 1920px;
width: 1366px;
}

/*ヘッダー*/
#header_wrap{
width: 100%;
background-color: #fff;
margin-top: 1px!important;
padding-top: 1px!important;
}

#topheader {
width: 960px;
margin: 0em auto 0;
padding: 0 1em;
background-image: url(../top/topheader_bg02.png);
background-repeat: no-repeat;
background-position: 37% 26%;
}

#topheader_kensaku h1 {
	float:left;
	margin:0 auto;
	padding:8px 0 0 10px;
	text-align:left;
	font-size:12px;
	color: #666;
}

#header_space{
position: relative!important;
top:-12px!important;
}

#topheader_link {
	float:right;
	margin:1px auto 0;
	padding:0;
	text-align: right;
}
#topheader_link li {
	float:left;
	list-style: none;
	font-size:11px;
	display: block;
}
#topheader_link .span_box {
	display:block;
	padding: 3px 5px 3px 3px;
	margin-top: 6px;
	color:#005fd5;
 font-size:11px;
}
#topheader_link a:active,
a:hover .span_box {
	background-color: #E1E1E1;
}
#topheader_link .span_box02 {
	display:block;
	padding: 3px 5px 2px 3px;
	margin-top: 6px;
	color:#005fd5;
 font-size:11px;
}
#topheader_link a:active,
a:hover .span_box02 {
	background-color: #E1E1E1;
}
#topheader_link .span_box03 {
	display:block;
	padding: 3px 5px 3px 3px;
	margin-top: 4px;
	color:#005fd5;
	font-size:11px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #topheader_link .span_box03  {	
 padding: 3px 6px 2px 6px; 
	}
}
#topheader_link .headtop_like {
 display: inline;
 float: right;
 font-size: 12px;
	color: #005FD5;
 margin:6px 0px 0 0;
 padding: 4px 0px 0 10px;
}
#topheader_link .headtop_contact {
 display: inline;
 float: right;
 font-size: 12px;
	color: #005FD5;
 margin:6px 6px 0 0;
 padding: 4px 12px 0 18px;
}

#topheader_contact{
clear: both;
}
.topheader_logo {
	float:left;
 width: 40%;
	text-align:left;
	padding:7px 0 0 9px;
}
.topheader_login {
	float:right;
	margin:9px 20px 0px 6px;
	padding:2px 10px 0px 0px;
}
.login01{
	float:left;
 font-size: 14px;
 font-weight: 600;
 padding: 5px 4px 0;
}
.login03{
	float:left;
 max-width: 9em;
 margin-right: 0.6em;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.login02{
	float:right;
 font-size: 14px;
 font-weight: 600;
 color: #333;
 padding: 3px 8px;
 margin-left: 1em;
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
 border-radius: 4px;
}
.login02 a{
text-decoration: none;
color: #333;
display: block;
}
.login02:hover{
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}

.topheader_tel {
	float:right;
 width: 24%;
	margin:4px 4px 0px 0px;;
	padding:2px 0px 3px 0px;
 font-size: 26px;
 font-weight: 500;
 color: #005FD5;
}
.topheader_tel img {
	position: relative;
 width:27px; 
 height:20px;
	top:1px;
 margin-right: -4px;
}


#topheader_mobile {
	margin:0 auto;
	padding:0;
}
#topheader_english {
	margin:0 auto;
	padding:0;
}

.clear {
	clear:both;
}
.clear hr {
	display:none;
}

#topheader_banner {
	float: left;
	padding:14px 10px 6px 80px;
	font-size:14px;
	font-weight:bold;
	color: #900;
	font-family:Arial, Helvetica, sans-serif;
}
#topheader_banner a:active,
a:hover .span_box {
	color:#900;
}
#topheader_banner02 {
	float: right;
	margin-top:8px;
	margin-bottom:0;
	font-style: italic;
}

#topheader_list {
	float: right;
	margin:20px 8px 0 auto;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#topheader_list {
	float: right;
}
}


/*トップのみheader調整*/
#dropmenu li {
height:56px;
}
#dropmenu li ul li a {
height:36px;
}


/*ヘッダーおわり*/







/**************メイン****************/
#main{
margin: 0px auto 0px;
padding: 0 ;
box-sizing: border-box;
color: #333;
}
/*
background: rgb(97,171,254);
background: rgb(97,171,254);
background: linear-gradient(180deg, rgba(97,171,254,1) 0%, rgba(138,229,255,1) 50%);*/

.main--4{
margin: 0 auto 0px;
padding: 0;
width: 1000px!important;
box-sizing: border-box;
background-color: #fff;
}
.main--6{
margin: 0 auto 0px;
padding: 0;
width: 100%;
box-sizing: border-box;
background-color: #fff;
}

#main li{
list-style: none
}
#main h2{
font-size: 1.6em;
font-weight: 600;
color: #333;
letter-spacing: 1px;
padding: 30px 20px 30px 20px ;
margin: 20px auto 30px;
overflow: auto;
display: block;
}

.h2_01 {
  font-weight: bold;
  padding: 0 3em!important;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.h2_01::before, .h2_01::after {
  content: '';
  background: #005FD5;
  width: 2em;
  height: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.h2_01::before {
  left: 0;
}
.h2_01::after {
  right: 0;
}

.h2_02 {
color: #fff!important;
border: 1px solid #fff;
font-weight: 500!important;
}

.h2_03 {
color: #fff!important;
border: 1px solid #fff;
font-weight: 500!important;
}





/*トップイメージ*/
.main--1{
margin: 20px auto 0px;
padding: 0px;
width: 1000px;
box-sizing: border-box;
}

.container_topimg{
padding: 0px 0px 0;
margin: 10px auto 0px;
position: relative;
overflow: hidden;
}





/*検索*/
.main--1bg{
margin: 0 auto 0px;
padding: 0;
width: 100%;
box-sizing: border-box;
background-color: #c2def0;
}
.main--kensaku{
margin: 2px auto 0px;
padding: 0px 0 10px;
width: 100%;
box-sizing: border-box;
background-repeat: no-repeat;
background-position: 50% -240px;
/*background-image: url(/top/topbg202505.png);
/*background: rgb(97,171,254);
background: linear-gradient(180deg, rgba(97,171,254,1) 0%, rgba(138,229,255,1) 50%);*/
}
.container_kensaku{
margin: 0 auto 0px;
padding: 30px 0 0;
width: 1000px!important;
display: grid;
overflow:hidden;
grid-template-columns: 3fr 1.2fr 1.1fr;
}
.container_kensaku a {
text-decoration: none;
}

.box_buy{ 
float: left;
height: 460px;
margin-right: 20px;
border: 2px solid #005FD5;
/*border: 2px solid #0085D0;*/
background-color: #fff;
/*background: repeating-linear-gradient(135deg, #F8F8F8, #F8F8F8 2px, #fff 2px, #fff 4px);*/
}
.box_sell{ 
float: left;
height: 460px;
margin-right: 20px;
border: 2px solid #005FD5;
background-color: #fff;
/*background: repeating-linear-gradient(135deg, #F8F8F8, #F8F8F8 2px, #fff 2px, #fff 4px);*/
}
.box_sell a{
text-decoration: none;
}
.box_rent{ 
float: left;
height: 460px;
border: 2px solid #005FD5;
background-color: #fff;
/*background: repeating-linear-gradient(135deg, #F8F8F8, #F8F8F8 2px, #fff 2px, #fff 4px);*/
}

.tit_kensaku{
background-color: #005FD5;
/*background-color: #0EA2F5;*/
color: #fff;
font-size: 2em;
padding: 14px 10px 10px;
letter-spacing: 2px;
/*box-shadow: 0 0 3px 3px rgba(0,0,0,.1) inset;*/
}
.kariru{
padding-left: 0!important;
letter-spacing: 0px!important;
font-size: 1.9em;
}

.chara01{
position: absolute;
top:-10px;
left: 40px;
overflow: visible;
z-index: 999;
}
.chara02{
position: absolute;
top:10px;
left: 148px;
overflow: visible;
z-index: 999;
}
.chara03{
position: absolute;
top:378px;
left: 123px;
overflow: visible;
z-index: 999;
}
.ill01{
position:relative;
top:-18px;
left: 510px;
z-index: 999;
}
.ill02{
position:relative;
top:-40px;
left: 210px;
z-index: 999;
}

.box_buy--1 ul, .box_sell--1 ul{
padding: 30px ;
}
.box_buy--1 li{
width: calc( 50% - 10px ) ;
}
.box_buy--2 ul{
padding: 30px ;
overflow: auto;
}
.box_buy--2 li{
width: calc( 34.3% - 60px ) ;
}
.box_sell--1 ul{
padding: 30px 30px 10px 30px ;
}
.box_sell--2 ul{
padding: 20px 20px 10px 30px ;
}
.box_sell--2 li{
padding-top:10px;
}
.box_rent--1 ul{
padding: 32px 20px 28px ;
}
.box_rent--1 li{
width: calc( 50% - 6px ) ;
}
.box_rent--2 ul{
overflow: auto;
padding: 30px 20px 10px 30px ;
}
.box_rent--2 li{
padding-top:10px;
}

.btn_kensaku, a.btn_kensaku {
text-align: center;
border: 3px solid #333;
text-decoration: none;
color: #333;
background-color: #FFF;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}
.btn_kensaku:hover {
display: block;
color: #005FD5;
background-color: #fff;
border: 4px solid #005FD5!important;
cursor: pointer;
opacity: 1!important;
transition: 0.1s; 
}
.box_sell--2 a:hover{
opacity: 0.6!important;
transition: 0.2s; 
}
.box_rent--2 a li:hover{
color: #005FD5!important;
opacity: 1!important;
transition: 0.2s; 
}


.btn_buy01{
 float: left;
 height: 90px;
 font-size: 1.2em;
 font-weight: 600;
 line-height: 100%; 
 border-radius: 10px;
 padding: 36px 0px 0 52px;
 margin-right: 20px;
 background-image: url(/top/ico_btn01_02.png);
 background-repeat: no-repeat;
 background-position: 6% 42%;
 background-size:26%;
}
.btn_buy02{
float: right;
height: 90px;
font-size: 1.2em;
font-weight: 600;
line-height: 100%; 
border-radius: 10px;
padding: 36px 0px 0 52px;
background-image: url(/top/ico_btn02_02.png);
background-repeat: no-repeat;
background-position: 6% 36%;
background-size:26%;
}
.btn_buy03{
float: left;
height: 110px;
padding: 16px 0;
font-size: 1.2em;
font-weight: 600;
line-height: 100%; 
border-radius: 10px;
margin-right: 20px;
background-image: url(/top/ico_btn03.png);
background-repeat: no-repeat;
background-position: 50% 88%;
background-size:50%;
}
.btn_buy04{
float: left;
height: 110px; 
font-size: 1.2em;
font-weight: 600;
line-height: 100%; 
padding: 16px 0;
border-radius: 10px;
margin-right: 20px;
background-image: url(/top/ico_btn04.png);
background-repeat: no-repeat;
background-position: 50% 88%;
background-size:50%;
}
.btn_buy05{
float: left;
height: 110px;
font-size: 1.2em;
font-weight: 600;
line-height: 100%; 
padding: 16px 0;
border-radius: 10px;
margin-right: 20px;
letter-spacing: -2px;
background-image: url(/top/ico_btn05.png);
background-repeat: no-repeat;
background-position: 50% 90%;
background-size:50%;
}
.btn_buy06{
float: left;
height: 110px;
font-size: 1.2em;
font-weight: 600;
line-height: 100%; 
padding: 16px 0;
border-radius: 10px;
background-image: url(/top/ico_btn06.png);
background-repeat: no-repeat;
background-position: 50% 88%;
background-size:50%;
}
.btn_sell01{
font-size: 1.3em;
font-weight: 600;
line-height: 100%; 
height: 138px;
border-radius: 10px;
padding: 30px 20px;
background-image: url(/top/ico_btn07_02.png);
background-repeat: no-repeat;
background-position: 50% 80%;
background-size:50%;
}
.btn_sell02{
font-size: 0.9em;
font-weight: 500;
text-align: left;
color: #333;
}
.btn_rent01{
float: left;
height: 90px;
border-radius: 10px;
padding: 20px 0;
margin-right: 6px;
font-size: 1em;
line-height: 160%;
font-weight: 600;
}
.btn_rent02{
float: right;
height: 90px;
padding: 20px 0;
border-radius: 10px;
font-size: 1em;
line-height: 160%;
font-weight: 600;
}

.btn_rent03{
font-size: 0.9em;
font-weight: 600;
text-align: left;
color: #333;
padding-top: 10px;
}
.btn_rent03 a:hover{
opacity: 0.6!important;    
transition: 0.2s; 
}
.btn_f01{
font-size: 1.3em;
font-weight: 600;
padding-right: 4px;
color: #005FD5;
}
.btn_f02{
font-size: 0.7em;
font-weight: normal; 
line-height: 180%; 
}
.btn_f03{
font-size: 1.3em;
font-weight: 600;
padding-right: 4px;
color: #50BD6A;
}
.btn_f04{
font-size: 1.3em;
font-weight: 600;
padding-right: 4px;
color: #564B8F;
}

.f03{
font-size: 0.8em;
font-weight: 600; 
line-height: 150%; 
color: #005FD5;
padding: 10px ;
padding-top: 1em;
}
.f03_b{
font-size: 0.8em;
font-weight: 500; 
line-height: 150%; 
color: #333;
padding: 10px 16px 10px 16px ;
padding-top: 1em;
text-align: center;
}
.f03_b a{
color: #333!important;
text-decoration: none!important;
}
.f03_b a:hover{
color: #005FD5!important;
}

/*キーワード検索*/
#search_free {
margin:20px auto 0px;
padding:0px;
}
#search_free #form1{
margin-top: 0px;
}
#search_free .textField01{
color:#333;
font-size:1.1em;
border:solid 2px #333;
width:60%;
padding: 10px;
margin:0 0 20px;
}
#search_free .textField01 input:focus {

}
#search_free .button01 {
border:solid 2px #333;
padding:7px 20px 6px 24px;
margin:0 8px;
font-size:1.1em;
text-transform:uppercase;
font-weight:500;
color:#fff;
cursor:pointer;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
letter-spacing: 6px;
background-color: #4088F7;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}





/*更新物件*/
.container_koushin{
margin: 0px auto 0px;
padding: 10px 0px 100px;
overflow: auto;
width: 100%;
box-sizing: border-box;
}

.koushin_fullbox{
width: 1000px;
margin: 0px auto 10px;
padding: 30px;
overflow: auto;
background-color: #fff;
}

.koushin_box{
width: 30%;
float: left;
margin-right: 5%;
}
.koushin_box ul{
padding-left: 2em;
}
.koushin_box li{
text-align: left;
list-style:lower-greek;
line-height: 180%;
}
.koushin_box li a{
text-decoration: none;
color: #333;
}
.kousin_title{
text-align: left;
font-size: 1em;
background-color: #333;;
padding: 8px 0.6em 8px 1em;
margin-bottom: 1em;
color: #fff;
}
.kousin_title02{
font-size: 1.4em;
font-weight: 600;
}
.kousin_date{
font-size: 0.6em;
padding-left: 1em;
}


.price-change{
width: 30%;
float: right;
text-align: left;
}
.btn_price-change{
padding: 12px 4px 6px 76px;
border: 3px solid #B70038;
border-radius: 20px;
margin-bottom: 1em;
font-size: 1.2em;
font-weight: 700;
line-height: 140%;
background-image: url(/top/ico_btn08.png);
background-repeat: no-repeat;
background-position: 5% 50%;
background-size:20%;
background-color: #E20046;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
font-family: Zen Kaku Gothic New, sans-serif!important;
}
a .btn_price-change, .price-change a {
text-decoration: none!important;
color: #fff;
}
.btn_price-change01{
font-size: 0.9em!important;
font-weight: 700;
color: #fff!important;
}
.btn_price-change02{
font-size: 1.1em!important;
font-weight: 800;
color: #333;
padding: 2px 0px 0px 6px;
line-height: 140%;
margin: 1px 4px 1px 4px;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E4E4E4));
background: -webkit-linear-gradient(top, #fff 50%, #E4E4E4 100%);
background: linear-gradient(to bottom, #fff 50%, #E4E4E4 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
box-shadow: inset 1px 1px 1px #ccc;
}
.btn_price-change03{
}
.price-change ul{
padding: 0.2em 1em 1em;
}
.price-change li{
float: left;
margin-right: 1em;
}
.price-change li a{
color: #333;
}
.hudousan_area a{
color: #333!important;
}

/*更新物件なしの時（休日仕様）*/
.price-change_off{
width: 100%;
float: right;
text-align: center;
}
.btn_price-change_off{
width: 80%;
padding: 12px 20px 6px 76px;
border: 3px solid #B70038;
border-radius: 20px;
text-align: center;
margin: 1em auto;
font-size: 1.2em;
font-weight: 700;
line-height: 140%;
background-image: url(/top/ico_btn08.png);
background-repeat: no-repeat;
background-position: 16% 50%;
background-size:6%;
background-color: #E20046;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
font-family: Zen Kaku Gothic New, sans-serif!important;
display: block;
}
a .btn_price-change_off, .price-change_off a {
text-decoration: none!important;
color: #fff;
}
.btn_price-change01_off{
font-weight: 500;
color: #fff!important;
margin-left: 1em;
}
.btn_price-change02_off{
font-size: 1.1em!important;
font-weight: 800;
color: #333;
padding: 2px 0px 0px 6px;
line-height: 140%;
margin: 1px 4px 1px 4px;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E4E4E4));
background: -webkit-linear-gradient(top, #fff 50%, #E4E4E4 100%);
background: linear-gradient(to bottom, #fff 50%, #E4E4E4 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
box-shadow: inset 1px 1px 1px #ccc;
}
.btn_price-change03_off{
font-size: 1.2em;
}
.price-change_off ul{
padding: 0.2em 1em 1em;
}
.price-change_off li{
float: left;
margin-right: 1em;
}
.price-change_off li a{
color: #333;
}
.hudousan_area_off a{
color: #333!important;
}





/*おすすめ物件*/
.main--2{
margin: 0 auto 0px;
padding: 0;
width: 100%;
box-sizing: border-box;
background-color: #5BA4FF;
}

.container_bukken{
padding: 80px 0px 120px;
margin: 0px auto 0;
overflow: auto;
width: 1000px!important;
}
.bukken--2{
width: calc( 50% - 10px ) ;
float: left;
padding: 20px;
text-align: left;
height: 270px;
background-color: #fff;
margin-right: 20px;
color: #333;
overflow: hidden;
border: 1px solid #ECECEC;
}
.bukken--2b{
margin-right: 0px;
}
.bukken--5{
width: calc( 20% - 16px ) ;
float: left;
padding: 20px 14px;
height: 314px;
background-color: #fff;
margin-top: 20px;
margin-right: 20px;
color: #333;
overflow: hidden;
text-align: center;
border: 1px solid #ECECEC;
}
.bukken--5b{
margin-right: 0px;
}
a .bukken--2, a .bukken--5{
color: #333;
}
.bukken_textbox--2{
text-align: left;
}
.bukken_textbox--5{
text-align: left;
}

.bukken_img--2{
float: left;
height:200px;
padding: 0px 14px 0px 0px;
}
.bukken_img--5{
height:130px;
max-width: 142px;
padding: 0px 0px 10px 0px;
text-align: center;
margin: 0 auto;
}
.bukken_01{
font-size: 1.1em;
font-weight: 600;
line-height: 130%;
padding-top: 10px;
}

.bukken--5 .bukken_01{
font-size: 0.98em;
font-weight: 600;
line-height: 130%;
padding-top: 8px;
float: left;
}
.bukken_02{
font-size: 1.1em;
font-weight: 600;
}
.bukken--5 .bukken_02{
font-size: 0.9em;
font-weight: 600;
float: left!important;
}
.bukken_03{
font-size: 0.8em;
font-weight: 600;
color: #fff;
display:inline-block;
background-color: #0C0FA3;
padding: 1px 8px 0;
margin-top: 0px;
text-align: left;
}
.bukken--5 .bukken_03{
font-size: 0.7em;
font-weight: 600;
color: #fff;
display:inline-block;
background-color: #0C0FA3;
padding: 2px 6px 1px;
margin-top: 2px;
min-width: 5em;
}
.bukken_04{
font-size: 0.8em;
font-weight: 600;
padding-top:4px;
position: relative;
left: -0.4em;
}
.bukken_05{
font-size: 0.8em;
}
.bukken_06{
font-size: 0.8em;
}
.bukken_07{
font-size: 0.8em;
padding-top: 0.8em;
line-height: 150%;
}
.bukken--5 .bukken_07{
clear: both;
font-size: 0.74em;
padding-top: 0.6em;
line-height: 150%;
}
.bukken_08{
font-size: 0.8em;
font-weight: 600;
display:inline-block;
padding: 1px 6px 0;
margin-top: 0px;
text-align: left;
color: #7A1719;
background-color: #FEC907;
float: right;
border-radius: 6px;
}
.bukken--5 .bukken_08{
font-size: 0.6em;
font-weight: 600;
display:inline-block;
padding: 2px 4px 2px;
margin-top: 2px;
color: #7A1719;
background-color: #FEC907;
float: right;
border-radius: 6px;
}




/*更新情報*/
.main--3{
margin: 0 auto 0px;
padding: 20px 0 40px 0;
width: 100%;
box-sizing: border-box;
background-image: linear-gradient(90deg, #EDB4D3 0%, #C6D0ED 99%);
}
.container_new{
padding: 20px 0px 60px;
margin: 0px auto 0px;
overflow: auto;
width: 1000px;
}
.container_new h2{
background-image: url("../top/top_senden.png");
height: 130px;
}
.new_slider {
 width: 100%;
 height: auto;
 padding: 4px 24px 20px 24px;
 display: flex;
 gap: 16px;
 overflow-x: auto;
 overflow-y: hidden;
 margin-inline: auto;
  }
.new_slider::-webkit-scrollbar {
  width: 12px;  
  height: 23px;
  background-color:#F0EBFD;
  border-radius: 12px;
}
.new_slider::-webkit-scrollbar-track {
  border-radius: 12px;
}
.new_slider::-webkit-scrollbar-thumb {
  background-image: linear-gradient(90deg, #D0368A 0%, #708AD4 99%);
  border-radius: 10px;
}

.slide02 {
padding: 20px 20px;
background-color: #fff;
box-shadow: 0 0 4px 0 rgba(0,0,0,0.20) ;
}
.slide02 img{
width: 220px;
min-height: 160px;
object-fit: cover;
border-radius:30px;
margin-bottom: 10px;
}
.slide02 a{
text-decoration: none;
color: #333;
}
.slide02 p{
font-size: 1em;
font-weight: 600;
padding: 8px;
}
.slide02 p.date{
font-size: 0.8em;
font-weight: 600;
padding: 8px;
}





/*不動産・お役立ち情報*/
.container_info{
margin: 0px auto 0px;
padding: 100px 80px 40px;
background-color: #fff;
max-width: 1400px;
clear: both;
overflow: hidden;
}
.box_info01{
width: 30%;
float: left;
margin-right: 5%;
}
.box_info02{
width: 30%;
float: left;
margin-right: 5%;
}
.box_info03{
width: 30%;
float: right;
}
.container_info h3{
text-align: left;
font-size: 1.2em;
font-weight: 600;
padding: 1em 0em 2em 0em;
}
.container_info .h3_hou{
letter-spacing: -2px!important;
}
.container_info .h3_hou img{
margin-right: 6px!important;
}
.box_info01 h3 img, .box_info02 h3 img, .box_info03 h3 img{
width: 80px;
height: 80px;
border-radius:50%;
position: relative;
top:30px;
margin-right: 10px;
}
.container_info li{
text-align: left;
line-height: 200%;
border-top: 1px solid #333;
padding: 20px 10px;
}
.container_info li:last-child{
border-bottom: 1px solid #333;
}
.container_info li a{
text-decoration: none;
color: #333;
display: block;
}
.container_info li:hover{
background-color: #eee;
}
.container_info .font01{
font-size: 0.7em;
}

.icon_new{
 background-image: url("../top/new02.png");
 background-repeat: no-repeat;
 background-position: 3% 18%;
}


.box_info_sale{
width: 100%;
float: left;
overflow: auto;
margin-bottom: 1em;
}
.box_info_sale h3 img{
width: 80px;
height: 80px;
border-radius:50%;
position: relative;
top:30px;
margin-right: 10px;
}
.box_info_sale-l {
float: left;
width: 48%;
margin-right: 4%;
}
.box_info_sale-r {
float: right;
width: 48%;
}

.box_info_sale li{
font-weight: 600;
}
.box_info_sale li{
overflow: auto;
}
.box_info_sale li img{
float: left;
width: 120px;
padding: 0px 12px 0px 0px;
}
.box_info_sale li p{
font-size: 0.9em;
font-weight:normal!important;
line-height: 150%;
margin-top: 6px;
}

/*ランキング*/
.main--rank{
margin: 0 auto 0px;
padding: 0;
width: 100%;
box-sizing: border-box;
background-color: #fff;
}

.container_rank{
margin: 0px auto 0px;
padding: 80px 0px 100px;
overflow: auto;
width: 1000px!important;
}
.container_rank h2{
background-image: url("../top/h01.jpg");
margin-top: 0!important;
height: 130px!important;
padding-top: 50px!important;
color: #002487!important;
}
.box_rank{
width: 100%;
padding: 0 60px;
}
.rank h3{
font-size: 1.4em;
background-color: #002487;
color: #fff;
padding: 18px 10px 10px;
margin: 10px 20px 0px;
}
.rank h4{
font-size: 1.2em;
font-weight: 500;
padding: 18px 10px 10px;
margin-top: 20px;
color: #002487;
background-color:#E0DBD5;
}
.rank h4 i{
font-size: 1.4em;
margin-right: 10px;
}
.rank ul{
border: 1px solid #E0DBD5;
background-color:#F8F7F6;
}
.rank li{
border-top: 1px solid #ccc;
clear: both;
padding: 20px 40px;
}
/*.rank li:last-child{
border-bottom: 1px solid #ccc;
}*/
.rank li:hover{
background-color: #fff;
}
.rank dt{
float: left;
}
.rank dd a{
color: #333;font-size: 1.1em;
font-weight: 600;
text-decoration: none;
display: block;
}
.rank_town{
float: left;
width: 45%;
padding: 20px 10px 40px;
margin-right: 10%;
background-color: #EFECE9;
}
.rank_station{
float: right;
width: 45%;
padding: 20px 10px 40px;
background-color: #EFECE9;
}
.rank_kodate{
padding: 10px 40px;
}
.rank_mansion{
padding: 10px 40px;
margin-top: 20px;
}
.rank1, .rank2, .rank3{
  font-weight: 600;
  padding: 4px 10px 2px;
 }
.rank1{
  background-color: #FFD670;
  border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 }
.rank2{
  background-color: #B8C6D6;
  border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 }
.rank3{
  background-color: #CCA093;
  border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 }
 





/*一戸建ての注目エリア*/
.container_chumoku{
margin: 0px auto 0px;
padding: 100px 0px 40px ;
width: 100%;
background-color: #fff;
}
.box_chumoku{
margin: 0px auto 0;
padding: 0 60px;
overflow: auto;
width: 1000px!important;
}
.box_chumoku li{
float: left;
margin: 10px 1em;
border: 1px #333 solid;
}
.box_chumoku a{
text-decoration: none!important;
color: #333;
padding: 8px 10px;
display: block;
}
.box_chumoku li:hover{
background-color: #eee;
}





/*特集*/
.container_tokushu{
padding: 100px 0px;
margin: 0px auto 0px;
width: 100%;
overflow: auto;
background-color: #fff;
}
.box_tokushu{
padding: 0 60px;
margin: 0px auto 0;
overflow: auto;
width: 1000px!important;
}
.container_tokushu ul {
clear: both;
list-style:none;
}
.container_tokushu ul li{
width: 20%;
float:left;
padding-top: 30px;
}
.container_tokushu ul li a{
text-decoration: none!important;
}
.container_tokushu .tokushu_img01{
width:120px;
height:70px;
}
.container_tokushu .tokushu_content{
font-size: 1em;
font-weight: 600;
color: #4E658E;
margin: 10px auto 2px;
padding: 0 6px;
}
.container_tokushu .tokushu_lead{
font-size: 12px;
font-weight: 400;
line-height: 150%;
color: #666;
margin: 10px auto 4px;
text-align: left;
padding: 0 8px;

}

.tokushu_title{
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding: 8px 6px 6px 12px;
    margin: 20px 0px 0px;
    background-color: #fff;
    color: #4E658E;
				border-top: 1px solid #ccc;
				border-left: 1px solid #ccc;
				border-right: 1px solid #ccc;
				border-bottom: 2px solid #4E658E;
}

.container_tokushu .tokushu_li02 ul {
}
.container_tokushu .tokushu_li02 li {
list-style:none;
width: 98%!important;
float:none!important;
text-align: left!important;
}
.container_tokushu .tokushu_li02 li a{
text-decoration: none!important;
width: 98%!important;
}

.tokushu_more{
color: #6B6B6B;
font-size: 1em;
text-align:center;
background-color: #fff;
border: 1px solid #aaa!important;
padding: 6px;
margin: 2em auto 4px;
clear: both;
width: 40%;
display: block;
}
.tokushu_more a{
text-decoration:none;
color: #6B6B6B;
display: block;
}


/*宣伝*/
.main--5{
margin: 0px auto 0px;
padding: 0;
width: 100%;
box-sizing: border-box;
background-color: #F2F5FB;
}
.container_senden{
padding: 40px 0px;
margin: 100px auto 50px;
overflow: auto;
}
.container_senden h2{
background-image: url("../top/top_senden.png");
margin-top: 0!important;
height: 130px!important;
padding-top: 50px!important;
color: #002487!important;
}
.box_senden{
width: 100%;
padding: 0 60px;
}







/*支店*/
.container_shop{
margin: 0 auto 0px;
padding: 50px 0 0;
width: 100%;
box-sizing: border-box;
background-color: #0EA2F5;
}
.box_shop{
padding: 60px 0px 160px;
margin: 0px auto 0;
overflow: auto;
width: 1000px!important;
}

.box_shop a{
text-decoration: none;
color: #333;
}
.box_shop li{
width: 32.4%;
height: 300px;
padding: 20px;
margin-right: 1.3%;
float: left;
background-color: #fff;
border: 1px solid #50CBFF;
}
.box_shop li:last-child{
margin-right: 0!important;
}
.shop_name{
font-size: 1.2em;
font-weight: 600;
padding: 10px 0;
}
.shop_img01{

}
.shop_lead{
}
.shop_tel{
font-size: 1em;
font-weight: 600;
}







/*SNS*/
.container_sns{
margin: 0px auto 0px;
padding: 100px 0px 40px ;
width: 100%;
background-color: #fff;
}

.box_sns{
padding: 30px 0px 30px;
margin: 0px auto 0;
overflow: auto;
width: 1000px!important;
}
.box_sns ul{
padding: 40px 40px 30px;
overflow: auto;
}
.box_sns li{
float: left;
width: calc( 20% - 2.4em ) ;
margin-right: 3em;
}
.box_sns li:last-child{
margin-right: 0em;
}
.box_sns img{
width: 3em;
}

.sns_hr{
border-top: 1px solid #eee;
}




/*権利*/
.container_privacy{
margin: 0px auto 0px;
padding: 100px 0px 40px ;
width: 100%;
}

.box_privacy{
padding: 30px 0px 100px;
margin: 0px auto 0;
overflow: auto;
width: 1000px!important;
}

.box_privacy01{
width: 100%;
padding: 20px 60px;
font-size: 0.8em;
margin-bottom: 1em;
overflow: auto;
text-align: left;
display: table;
border-bottom: 1px solid #eee;
}
.box_privacy01 img{
float: left;
width: 120px;
padding: 10px 30px;
}
.box_privacy01 .f01{
float: left;
display: table-cell;
vertical-align: middle;
padding-top: 30px;
}
.box_privacy02{
width: 100%;
padding: 20px 60px;
font-size: 0.8em;
margin-bottom: 1em;
overflow: auto;
text-align: left;
border-bottom: 1px solid #eee;
}
.box_privacy02 form{
float: left;
width: 120px;
padding: 10px 30px;
overflow: auto;
text-align: left;
display: table;
}
.box_privacy02 .f02{
display: table-cell;
vertical-align: middle;
padding-top: 30px;
}
.box_privacy03{
width: 100%;
padding: 20px 60px;
font-size: 0.8em;
overflow: auto;
text-align: left;
border-bottom: 1px solid #eee;
}
.box_privacy03 .p01{
font-weight: 600;
}
.box_privacy03 .p02{
padding-left: 1em;
}






/*会員登録*/
.container_kaiin{
width: 1000px;
margin: 0px auto 0px;
padding: 30px 10px 0px 10px;
text-align: center;
}
.kaiin_box01 {
text-align: center;
}
.kaiin_box02 {
text-align: center;
}

.kaiin01{
font-size: 1.2em;
font-weight: 500;
color: #fff;
padding-left: 4px;
}
.kaiin02{
font-size: 1.6em;
font-weight: 600;
color: #FFEB34;
margin:-8px 4px 4px 4px;
text-shadow: #555 0 2px;
padding-left: 4px;
}
.kaiin03{
font-size: 1.2em;
font-weight: 600;
color: #fff;
}
.kaiin04{
font-size: 1em;
color: #fff;
margin: 1em;
}
.kaiin04 a{
color: #fff;
}
.kaiin_btn{
font-size: 1.8em;
font-weight: 600;
border: 2px solid #333;
border-radius: 10px;
background-color: #fff;
padding: 14px 30px 10px;
margin: 0.6em auto 0;
display:inline-block;
}
.kaiin_btn a{
text-decoration: none;
color: #333;
}
.kaiin_btn:hover{
background-color: #FFEB34;
}


/*会員登録メイン*/
.kaiin_main {
width: 1000px;
height: 180px;
margin: 0px auto 0px;
padding: 20px 0;
background-image: url(../top/kaiin01.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
overflow: auto;
border: 2px solid #005fd5;
}
.kaiin_main-1{
float: left;
width: 46%;
text-align: left;
padding: 0.5em 1.8em 0.4em;
font-size:1em;
font-weight: 600;
}
.kaiin_main-2{
float: left;
width: 30%;
padding: 0.8em 0.8em ;
}
.kaiin_main-3{
float: right;
width: 24%;
}

.kaiin_main-btn a{
background-color: #005fd5;
border-radius: 10px;
padding: 10px 12px 8px 8px ;
color: #fff;
text-decoration: none;
display: block;
font-size:1.4em;
font-weight: 600;
}

.kaiin_main-t01{
font-size:1.4em;
font-weight: 600;
line-height: 140%;
}
.kaiin_main-t02{
font-size:0.9em;
font-weight: 500;
margin-top: 1em;
}
.kaiin_main-t03{
font-size:0.8em;
line-height: 140%;
margin-bottom: 4px;
}
.kaiin_main-t04{
font-size:0.6em;
font-weight: 500;
background-color: #fff;
color: #005fd5;
padding: 0.1em 0.4em 0;
margin-right: 0.8em;
position: relative;
top:-3px;
}






/*マウスオーバー*/
.container_koushin a:hover, .container_bukken a:hover, .container_new a:hover, .container_info a:hover, .container_feature a:hover, .container_rank a:hover, .container_shop a:hover, .container_ad a:hover, .container_sns a:hover, .container_privacy a:hover, .container_kaiin a:hover, .container_tokushu a:hover, .container_chumoku a:hover {
opacity: 0.6!important;    
transition: 0.2s; 
}




/*アニメーション*/
.fadeUp {
  animation-name: fadeUpAnime; /*アニメーションの定義名*/
  animation-duration: 1s; /*アニメーション変化時間 ※デフォルト*/
  animation-fill-mode: forwards; /*アニメーションの開始と終了時の状態を指定*/
  opacity: 0;
}
/*アニメーションの開始から終了までを指定する*/
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*==================================================
アニメーション設定
===================================*/
/* アニメーション１回分の時間の長さを指定するCSS*/
.change-time05 {
  animation-duration: 0.5s;
}
.change-time1 {
  animation-duration: 1s;
}
.change-time15 {
  animation-duration: 1.5s;
}
.change-time2 {
  animation-duration: 2s;
}
.change-time25 {
  animation-duration: 2.5s;
}
/* 動きをループさせるCSS*/
.count2 {
  animation-iteration-count: 2; /*この数字を必要回数分に変更*/
}
.countinfinite {
  animation-iteration-count: infinite; /*無限ループ*/
}
/* アニメーションの開始を遅らせるCSS*/
.delay-time05 {
  animation-delay: 0.5s;
}
.delay-time1 {
  animation-delay: 1s;
}
.delay-time15 {
  animation-delay: 1.5s;
}
.delay-time2 {
  animation-delay: 2s;
}
.delay-time25 {
  animation-delay: 2.5s;
}
/* アニメーションの進行具合を操作するCSS*/
.timing-ease {
  animation-timing-function: ease;
}
.timing-ease-in {
  animation-timing-function: ease-in;
}
.timing-ease-out {
  animation-timing-function: ease-out;
}
.timing-ease-in-out {
  animation-timing-function: ease-in-out;
}
.timing-linear {
  animation-timing-function: linear;
}
.timing-steps {
  animation-timing-function: steps(4, end);
}
.timing-cubic-bezier {
  animation-timing-function: cubic-bezier(.17, .67, .67, .51);
}


.anime_anime {
background:linear-gradient(45deg, #F742CE,#8DC0FF,#fff);
background-size: 200% 200%;/*サイズを大きくひきのばす*/
animation: bggradient 6s ease infinite;
}

@keyframes bggradient{
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}



/* スクロールでfadeUp */
.fadeUptri{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
  opacity: 0;
  transform: translateY(100px);
  }

  to {
  opacity: 1;
  transform: translateY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeUpTrigger{
 opacity: 0;
}



/*点滅*/
.blinking{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 2s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}

.blinking2{
	-webkit-animation:blink 1.2s ease-in-out infinite alternate;
    -moz-animation:blink 2.2s ease-in-out infinite alternate;
    animation:blink 1.2s ease-in-out infinite alternate;
}
@-webkit-keyframes blink2{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@-moz-keyframes blink2{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@keyframes blink2{
    0% {opacity:0.2;}
    100% {opacity:1;}
}

.blinking03{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink2{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink2{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink2{
    0% {opacity:0;}
    100% {opacity:1;}
}





/*ページトップへ戻る*/
.pagetop {
  height: 50px;
  width: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  background: #fff;
  border: solid 2px #555;
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  cursor: pointer;
  opacity: 0.9;
}
.pagetop__arrow {
  display: block;
  height: 10px;
  width: 10px;
  border-top: 3px solid #555;
  border-right: 3px solid #555;
  transform: translateY(20%) rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
  .pagetop:hover, .pagetop:hover .pagetop__arrow {
  border-color: #005FD5;
  background: #D2E6FF;
  }
}




/*24節気*/
#season24 { 
padding: 2em;
background: url(/top/season24_bg.png) repeat left top;
clear: both;
}
#season24 .season24_t01{
font-size: 1.2em;
font-weight: 600;
color: #fff;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
letter-spacing: 2px;
}
#season24 .season24_t02{
font-size:1em;
font-weight: 600;
color: #fff;
background-color: #982325;
padding: 1em;
margin: 0 auto;
width: 50%;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.40) ;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
letter-spacing: 1px;
}
#season24 .season24_t03{
font-size:0.9em;
font-weight: 500;
}
#season24 a{
color: #982325!important;
text-decoration: none!important;
padding:6px 4px 4px;
}
#season24 a:hover{
text-decoration: underline!important;
}



/*不動産売却*/

.areasouba{
clear: both;
width: 100%;
 background: #F1F1F1;
 padding: 1em 1em 1.2em 1em ;
 margin: 2em auto 0;
 box-sizing:border-box;
 }
 .areasouba_title{
 font-size: 1em;
 font-weight: 600;
 padding: 1em 1em 1em 1em ;
 }
 .areasouba ul{
 overflow: auto;
 }
.areasouba li{
float: left;
list-style: none;
 background-color: #fff;
 border: 1px solid #333;
 color: #000!important; 
 padding: 2px 1px;
 margin: 4px 6px ;
 width: 32%;
 border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;  
  box-sizing:border-box;
  text-align: center;
}
.areasouba li:last-child{
 border: 1px solid #333;
}
.areasouba li a {
color: #000!important; 
font-weight: 500;
display: block;
margin: 4px 6px ;
 }
.areasouba a:hover{
opacity: 0.6;
text-decoration: none;
}
.areasouba_area{
text-align: right;
padding: 1em 1.6em 0em 1em;
}
.areasouba_area a{
color: #000;
text-decoration: none;
}





/*お客様の声*/
.v_box{
max-width: 1000px;
padding: 8px 4px 4px 4px;
margin: 1em auto;
text-align: center;
overflow: auto;
box-sizing:border-box;
background-color: #eee!important;
}
.v_box a{
text-decoration: none;
color: #333;
}
.v_boxtitle{
font-size: 1.1em;
font-weight: 600;
color: #333;
padding: 1em;
}
.v_box02{
display: inline-block;
width: 29%;
padding: 12px;
margin-left: 2%;
overflow: auto;
box-sizing:border-box;
background-color: #fff;
text-align: center;
}

.v_img{
width: 100%;
height: 180px;
object-fit: cover;
}

.v_syurui{
font-size: 0.8em;
font-weight: 600;
color: #FFF;
background-color: #AA3975;
padding: 2px 10px;
margin-right: 2px;
}
.v_syubetu{
font-size: 0.8em;
font-weight: 600;
color: #FFF;
background-color: #8DA8C8;
padding: 2px 10px;
}
.v_area{
font-size: 0.8em;
font-weight: 600;
color: #FFF;
background-color: #73B5C5;
padding: 2px 10px;
}
.v_come{
font-size: 1em;
font-weight: 600;
line-height: 150%;
text-align: left;
margin-top: 0.8em;
display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
overflow: hidden;
}
.v_link{
text-align: right;
margin: 0.6em 2.2em 0.4em 0;
font-size: 0.8em;
font-weight: 600;
}
.v_more{
color: #9F9F9F;
font-size: 0.8em;
text-align:center;
background-color: #fff;
border: 1px solid #aaa!important;
padding: 4px;
margin: 8px auto 4px;
width: 40%;
display: block;
}
.v_more::before{
content: "";
}

.v_pop{
position: relative;
top: 88px;
left: 350px;
}






/*新着物件*/
.container_newbukken{
margin: 20px auto 0px;
padding: 32px 0px 26px;
overflow: auto;
width: 100%;
height: 320px;
box-sizing: border-box;
}

.newbukken_box{
width: 1000px;
margin: 0 auto;
overflow: auto;
box-sizing: border-box;
}

.newbukken_box li{
float: left;
width: 19%;
height: 100%;
min-height: 260px;
padding: 12px;
margin-right: 1.2%;
background-color: #fff;
border-radius: 20px;
}
.newbukken_box li:last-child{
margin-right: 0!important;
background: linear-gradient(to bottom, #fff, #fff, #FFE8D2);
}
.newbukken_box a{
text-decoration: none;
}
.newbukken_image01{
width: 100px;
height: 100px;
border-radius: 50px;
margin-bottom: 1em;
}
.newbukken_tex01{
font-size: 1.2em;
font-weight: 600;
color: #333;
padding-bottom: 0.2em;
}
.newbukken_tex02{
font-size: 1em;
font-weight: normal;
color: #005FD5;
padding-bottom: 0.4em;
}
.newbukken_tex03{
font-size: 0.9em;
font-weight: normal;
color: #333;
}

.newbukken_new{
background-color: #D0062B;
font-size: 0.9em;
font-weight: 600;
color: #fff;
padding: 2px 6px 0px;
margin-right: 3px;
}
.newbukken_price{
font-size: 1.2em;
font-weight:600;
color: #005FD5;
padding-bottom: 0.4em;
text-decoration: underline;
margin-left: 4px;
}