@charset "utf-8";
/* 賃貸トップページ */
* {
    text-align: unset;
}

footer {
text-align: left;
}

header .inner {
text-align: left;
}

section.bb-form.form-styles {
padding-bottom: 60px;
}

article section.service {
padding-top:45px;
padding-bottom: 50px;
}

article section.service,
article section.section-box.information {
background:#FFF;
}

article section.section-box.information {
    margin-bottom: 30px;
}

.news {margin-bottom:0;}

section.bb-form.form-styles .bnr-online {
    text-align: center;
    margin: -90px auto 30px auto;
}

section.bb-form.form-styles .form-box {
    border-top-color: #135B86;
border-top-width:1px;
}


article.rental {
background: #B8CDDA;
/*padding-top:60px;*/
padding-bottom: 0;
}

article.rental h2.icon {
color: #135B86;
font-size: 2.25em;
text-align: center;
padding: 35px 20px;
background-color:#FFFFFF;
}

article.rental h2.icon .inner{
display: inline;
position: relative;
}

article.rental h2.icon .inner:before {
background: url(/bb-commons/images/icon_cat01s.svg) #135B86 no-repeat center center;
background-size: 61%;
content: "";
display: inline-block;
vertical-align: bottom;
width: 71px;
height: 71px;
margin-right: 12px;
border-radius: 36px;
position: absolute;
left: -80px;
top: 0;
bottom: 0;
margin: auto;
}

article.rental .column-subbox.column01 {
//  border: 2px solid;
//  border-color: #135B86;
//  max-width: 770px;
//  margin: 0px auto;
//  border-radius: 4px;
}

article.rental .column-subbox.column01 ul {
  overflow: hidden;
  margin: 40px 29px;
  text-align: justify;
    display: flex;
    justify-content: space-between;
}

article.rental .column-subbox.column01 ul li{
  width: 48.5%;
  text-align: center;
  display: inline-block;
  margin-bottom: 10px;
}

/*
article.rental .column-subbox.column01 ul:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
}
*/

article.rental .column-subbox.column01 ul.search-bottun li a{
  background: #144669;
background: linear-gradient(#739AB0, #457390);
background: linear-gradient(180deg,#739AB0, #457390 60%);
border-radius:3px;
width:100%;
  height: 147px;
display: block;
text-decoration:none;
color:#FFFFFF;
text-shadow: 2px 2px 2px #144669;
font-size:1.36em;
line-height: 244px;
background-repeat:no-repeat;
background-position:center 24%;
box-shadow: 0 2px 2px #C2C0BF;
}

article.rental .column-subbox.column01 ul.search-bottun li a:hover{
opacity:1;
box-shadow:none;
margin-top:1px;
margin-bottom:-1px;
}

article.rental .column-subbox.column01 ul.search-bottun li.address a{
background-image:url(/apartment/bb-images/icon_address-w.svg),
linear-gradient(180deg,#739AB0, #457390 60%);
}

article.rental .column-subbox.column01 ul.search-bottun li.address a:hover{
background-image:url(/apartment/bb-images/icon_address-w.svg),
linear-gradient(180deg,#00476C, #00476C 60%);
}

article.rental .column-subbox.column01 ul.search-bottun li.station a{
background-image:url(/apartment/bb-images/icon_station-w.svg),
linear-gradient(180deg,#739AB0, #457390 60%);
}

article.rental .column-subbox.column01 ul.search-bottun li.station a:hover{
background-image:url(/apartment/bb-images/icon_station-w.svg),
linear-gradient(180deg,#00476C, #00476C 60%);
}

article.rental .column-subbox.column01 ul.search-bottun li.maisonnette a{
background-image:url(/apartment/bb-images/icon_maisonnette-w.svg),
linear-gradient(180deg,#739AB0, #457390 60%);
}

article.rental .column-subbox.column01 ul.search-bottun li.maisonnette a:hover{
background-image:url(/apartment/bb-images/icon_maisonnette-w-on.svg),
linear-gradient(180deg,#00476C, #00476C 60%);
}

article.rental .column-subbox.column01 ul.search-bottun li.pet a{
background-image:url(/apartment/bb-images/icon_pet-w.svg),
linear-gradient(180deg,#739AB0, #457390 60%);
}

article.rental .column-subbox.column01 ul.search-bottun li.pet a:hover{
background-image:url(/apartment/bb-images/icon_pet-w-on.svg),
linear-gradient(180deg,#00476C, #00476C 60%);
}

article.rental .column-subbox.column01 ul.search-bottun li.mapping a{
background-image:url(/apartment/bb-images/icon_mapping-w.svg),
linear-gradient(180deg,#739AB0, #457390 60%);
}

article.rental .column-subbox.column01 ul.search-bottun li a span.l{
font-size:1.11em;
}

article section.information h2.title {
font-size: 20px;
text-align: center;
margin: 0 0 70px 0;
padding-top: 60px;
padding-bottom: 15px;
background: url(/bb-commons/images/bg_second_h2.svg) no-repeat center bottom;
background-size: 108px;
}

article section.information h2 img {
max-width:100%;
width:360px;
margin: 4px 0 18px 0;
}

article section.information dl {
border:none;
max-width:800px;
}

article section.information #news-rental dl:nth-of-type(2n+1) {
background:#E2F1F9;
}

article section.information dl dt {
color:#707070;
}

article section.service h3 {
    font-size: 1.73em;
    background-size: 572px;
    height: 60px;
margin-top: 0;
margin-bottom:30px;
}

article section.service ul.short {
margin-bottom:70px;
}

article section.information h2.title {
margin: 0 0 50px 0;
}

article section.information #news_bb_data {
padding-bottom: 16px;
}

section.form-styles .form-box a.search {
background: url(/bb-commons/images/search/icon-search-memory.svg) #2A5A82 no-repeat center center;
    background-size: 26px;
    width: 42px;
    height: 32px;
    display: inline-block;
    border-radius: 0 3px 3px 0;
}

section.form-styles .form-box input[type=text] {
width: calc(100% - 42px);
    border-right: none;
    border-radius: 3px 0 0 3px;
    line-height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
}

article.rental .column-subbox.column01 ul.search-text {
margin-top: -40px;
}

article.rental .column-subbox.column01 ul.search-text p.easy {
font-size: 1.25em;
    text-align: left;
    color: #605F5F;
}

article.rental .column-subbox.column01 ul.search-text p.easy span.blue {
font-size: 1.15em;
color:#2A5A82;
}

section.bb-form.form-styles .form-styles-inner .btn a.store{
text-decoration: none;
    font-size: 1.19em;
    color: #FFF;
    background: #00A7F7;
/*    background-image: url(/apartment/bb-images/icon_store-w.svg), linear-gradient(
180deg,#9BD8FC, #00A7F7 60%);*/
    background-image: linear-gradient(
180deg,#9BD8FC, #00A7F7 60%);

    background-repeat: no-repeat;
    background-position: 22% center;
    width: 522px;
    height: auto;
    line-height: 94px;
    display: inline-block;
    text-shadow: 2px 2px 2px #3788b4;
    border-radius: 5px;
box-shadow: 0 2px 2px #c2c0bf;
width: calc(100% - 58px);
margin-top: -20px;
}

section.bb-form.form-styles .form-styles-inner .btn a.store .store-icon {
vertical-align: middle;
margin-right: 20px;
display: inline-block;
}

section.bb-form.form-styles .form-styles-inner .btn a.store span.l{
font-size:1.11em;
}

section.bb-form.form-styles .form-styles-inner .btn a.store span.l:before{
background-image: url(/apartment/bb-images/icon_store-w.svg);
    background-repeat: no-repeat;
background-size:contain;
display:inline-block;
content:"";
}

section.bb-form.form-styles .form-styles-inner a.aboutmaisonnette{
color: #605F5F;
    font-size: 1.125em;
    text-decoration: none;
margin-top: 20px;
    margin-bottom: 40px;
    display: inline-block;
}

section.bb-form.form-styles .form-styles-inner a.aboutmaisonnette:after{
border-top: 2px solid #605F5F;
    border-right: 2px solid #605F5F;
    -webkit-transform: rotate( 
45deg) skew( 
10deg, 
10deg) translateY(-50%);
    transform: rotate( 
45deg) skew( 
10deg, 
10deg) translateY(-50%);
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
margin-top: 5px;
}

section.bb-form.form-styles .form-styles-inner a.aboutmaisonnette span {
vertical-align: text-bottom;
}


@media (max-width: 767px) {
article.rental h2.icon {
font-size: 1.12em;
}

article.rental h2.icon .inner {
margin-left:20px;
}

article.rental h2.icon .inner:before {
width:35px;
height:35px;
left: -40px;
}

article.rental .column-subbox.column01 ul.search-bottun li.maisonnette a:hover{
background-image:url(/apartment/bb-images/icon_maisonnette-w.svg),
linear-gradient(180deg,#00476C, #00476C 60%);
}

article.rental .column-subbox.column01 ul.search-bottun li.pet a:hover{
background-image:url(/apartment/bb-images/icon_pet-w.svg),
linear-gradient(180deg,#00476C, #00476C 60%);
}
}

/* body */
section.main .mv {
background:url(bb-images/bg_mv.svg) repeat-x center center #FFFFFF;
background-size: auto 100%;
text-align:center;
padding:0 20px;
}

section.main .mv p {
text-indent:-9799px;
height: 0;
}

section.body {
padding: 0 20px;
}

section.body .column-box {
max-width: 920px;
background-color: #FFFFFF;
margin: 80px auto 30px auto;
padding: 0 20px 30px 20px;
box-sizing: border-box;
position:relative;
border-radius:8px;
}

section.body .column-box:before {
content:"";
width: 12vw;
height: 12vw;
max-width: 121px;
max-height: 121px;
display:block;
position:absolute;
left: -40px;
top: -40px;
}

section.body .column-box.column01:before {
background:url(bb-images/icon01.svg) no-repeat center center;
background-size: contain;
}

section.body .column-box.column02:before {
background:url(bb-images/icon02.svg) no-repeat center center;
background-size: contain;
}

section.body .column-box.column03:before {
background:url(bb-images/icon03.svg) no-repeat center center;
background-size: contain;
}

section.body .column-box.column04:before {
background:url(bb-images/icon04.svg) no-repeat center center;
background-size: contain;
}

section.body .column-box.column05:before {
background:url(bb-images/icon05.svg) no-repeat center center;
background-size: contain;
}

section.body .column-box h3 {
color: #AE9438;
font-size: 2.4em;
text-align: center;
padding: 30px 30px 20px 30px;
}

section.body .column-box h3 span.mini {
font-size: 14px;
color: #000000;
vertical-align: text-top;
}

section.body .column-box ul.list,
section.body .column-box .column-img,
section.body .column-box p.text,
section.body .column-box p.caption,
section.body .column-box ul.btn {
max-width:800px;
margin:0 auto;
}

section.body .column-box .column-img.img-space {
margin-top:15px;
margin-bottom:15px;
}


section.body .column-box ul.list li {
font-size:1.06em;
margin-left:1.2em;
margin-bottom:20px;
line-height:1.75;
}

section.body .column-box ul.list li:before {
content:"■";
color: #AE9438;
text-indent:-1.2em;
display: inline-block;
}

section.body .column-box p.caption {
margin-top:15px;
color:#646464;
font-size:0.93em;
}

section.body .column-box .column-img.kakutei {
max-width:428px;
margin-top:20px;
}

section.body .column-box .column-img.kakutei img {
margin-bottom:10px;
}

section.body .column-box ul.btn {
margin-top:30px;
}


section.body .column-box ul.btn li a {
background-color:#2A5A82;
border-radius:5px;
padding: 8px 0;
color:#FFFFFF;
text-decoration:none;
font-size:1.33em;
text-align:center;
width:100%;
display: block;
position:relative;
}

section.body .column-box ul.btn li a::after{
position: absolute;
content:"";
display:block;
top: 50%;
right: 17px;
width: 10px;
height: 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
-webkit-transform: rotate(45deg) skew(10deg, 10deg) translateY(-50%);
transform: rotate(45deg) skew(10deg, 10deg) translateY(-50%);
}

section.end {
background-color: #FFFFFF;
padding: 80px 20px 80px 20px;
}

section.end p {
font-size: 1.46em;
text-align: center;
}

section.end div.btn {
text-align: center;
margin-top: 30px;
}

section.end div.btn a {
text-align: center;
color: #FFFFFF;
background-color: #AE9438;
font-size: 1.66em;
text-decoration: none;
padding: 10px 40px;
border-radius: 8px;
}

@media (max-width: 767px) {

article.rental {
padding-top:0;
}

section.body {
padding:0 10px;
}

section.bb-form.form-styles .bnr-online {
margin: -10px -10px 20px -10px;
}

section.body .column-box:before {
min-width:85px;
min-height:85px;
left: 50%;
top: 20px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}

section.body .column-box h3 {
font-size: 1.66em;
padding: 75px 0 20px 0;
}

section.end {
padding: 30px 20px 50px 20px;
}

section.end p {
font-size: 1.2em;
}

section.end div.btn a {
padding: 10px 25px;
}

section.bb-form.form-styles {
padding-bottom: 20px;
}

section.bb-form.form-styles .form-box {
margin-top:15px;
}

article.rental .column-subbox.column01 ul.search-text {
/*display:none;*/
margin-top:0;
margin-bottom:10px;
}

article.rental .column-subbox.column01 ul {
margin: 0;
}

article.rental .column-subbox.column01 ul.single {
text-align:center;
}

article.rental .column-subbox.column01 ul li {
width:48%;
    margin-bottom: 13px;
}

article.rental .column-subbox.column01 ul.search-text li {
width:100%;
}

article.rental .column-subbox.column01 ul.search-text p.easy {
font-size: 1.1em;
}

article.rental .column-subbox.column01 ul.search-bottun li a {
font-size:1em;
}

article.rental .column-subbox.column01 ul.search-bottun li.pet a {
background-position: center 27%;
}

article.rental .column-subbox.column01 ul.search-bottun li.mapping a {
background-position: center 27%;
}

article.rental .column-subbox.column01 ul.search-bottun li.store a {
background-image: url(/apartment/bb-images/icon_store-w.svg), linear-gradient( 
180deg,#9BD8FC, #00A7F7 60%);
}

section.bb-form.form-styles .form-styles-inner .btn a.store {
width: calc(100% - 20px);
    line-height: 55px;
background: linear-gradient(180deg,#9BD8FC, #00A7F7 60%);}

section.bb-form.form-styles .form-styles-inner .btn a.store:before {
content: "";
    display: inline-block;
    width: 2em;
    height: 2em;
    background: url(/apartment/bb-images/icon_store-w.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

section.bb-form.form-styles .form-styles-inner a.aboutmaisonnette {
margin-top: 10px;
    margin-bottom: 20px;
font-size: 14px;
}

section.bb-form.form-styles .form-styles-inner a.aboutmaisonnette:before {
border-top: 2px solid #605F5F;
    border-right: 2px solid #605F5F;
    -webkit-transform: rotate( 
45deg) skew( 
10deg, 
10deg) translateY(-50%);
    transform: rotate( 
45deg) skew( 
10deg, 
10deg) translateY(-50%);
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    margin-top: 5px;
margin-right: 10px;
}

section.bb-form.form-styles .form-styles-inner a.aboutmaisonnette:after {
display:none;
}

section.bb-form.form-styles .form-styles-inner a.aboutmaisonnette span {
vertical-align: bottom;
}

article.rental .column-subbox.column01 ul.search-bottun li a {
padding-top: 100px;
    padding-bottom: 0;
    height: 50px;
    background-position: center 16%;
    line-height: 1.4em;
}

.link-btn-sq {
width: calc(100vw - 110px);
}

.link-btn-sq.link-btn-sq-top {
margin: 0 auto;
}
article section.service ul.short {
margin-bottom:0px;
}

article section.service li {
margin-bottom: 20px;
}

article section.service h3 {
font-size: 14px;
    background-size: 300px;
    height: 30px;
}

article section.service .link-btn-sq {
margin-top: 0;
    margin-bottom: 0;
}

article section.information h2.title {
font-size: 14px;
width: 178px;
    background-size: 58px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    padding-top: 0;
}

section.bb-form.form-styles .btn-area {
height: 50px;
    background: #0078BE;
}

.search-history-area-sp {
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
right: auto;
width:220px;
}

section.bb-form.form-styles .form-styles-inner {
/*padding-bottom: 85px;*/
}

section.bb-form.form-styles .btn-area.is-fixed {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 15px;
z-index: 10;
}


}/*max767*/


@media (min-width: 600px) {
.n-img{display:none;}

section.body .column-box ul.btn li {
width:calc((100% - 40px) / 3);
margin-left:20px;
display: inline-block;
}

section.body .column-box ul.btn li:nth-of-type(1) {
margin-left:0px;
}
}

@media (max-width: 599px) {
.w-img{display:none;}

section.main .mv {
background: url(bb-images/bg_mvsp.svg) repeat-x center center #FFFFFF;
background-size: auto 100%;
}

section.body .column-box .column-img {
text-align: center;
}

section.body .column-box .column-img img {
margin-top:40px;
}

section.body .column-box .column-img img:nth-of-type(1) {
margin-top:0;
}
section.body .column-box .column-img.bg {
background-color:#FCFAD5;
border-radius:8px;
}

section.body .column-box p.caption {
text-align:left;
}

section.body .column-box ul.btn {
text-align:center;
}

section.body .column-box ul.btn li {
width:calc((100% - 60px));
margin-top:10px;
display: inline-block;
}

section.body .column-box ul.btn li:nth-of-type(1) {
margin-top:0px;
}

}


/* 物件リンク */
@media (min-width: 768px) {
article section ul.search-link {
max-width: 800px;
margin: 0 auto 30px auto;
}

article section ul.search-link li {
width:calc(50% - 20px);
margin-bottom: 35px;
float: left;
}

article section ul.search-link li:nth-of-type(2n) {
margin-left: 40px;
}

article section ul.search-link li a {
width: 100%;
display: block;
background-size: contain;
background-repeat: no-repeat;
line-height: 90px;
text-decoration: none;
padding-left: 139px;
box-sizing: border-box;
}

}

@media (max-width: 767px) {

article section.form-styles ul.search-link {
font-size: 12px;
}
article section.service ul.search-link {
padding-left: 10px;
padding-right: 10px;
}

article section ul.search-link li {
width:calc(50% - 8px);
margin-bottom: 20px;
float: left;
}

article section ul.search-link li:nth-of-type(2n) {
margin-left: 16px;
}

article section ul.search-link li a {
width: 100%;
display: block;
background-size: contain;
background-repeat: no-repeat;
line-height: 1.2;
text-decoration: none;
font-weight:bold;
box-sizing: border-box;
padding-left: 53px;
padding-top: 3px;
padding-bottom: 3px;
}

article.rental .column-subbox.column01 ul.search-bottun li a span.l.single {
line-height: 2.8em;
}
}

@media (max-width: 359px) {
article section ul.search-link li a {
padding-left: 39px;
padding-top: 1px;
padding-bottom: 1px;
font-size: 10px;
}
}


article.buysell .column-subbox.column01 h2.category {
    background-color: #125B80;
    color: #FFFFFF;
    font-size: 1.8em;
    margin: 40px 29px -10px 29px;
    padding: 8px 0;
}
article.buysell .column-subbox.column01 h2.category:before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 50px;
    height: 50px;
    margin-right: 12px;
}
article.buysell .column-subbox.column01 h2.category.kodate:before {
    background: url(/buysell/bb-images/icon_kodate.png) no-repeat center center;
    background-size: contain;
}
article.buysell .column-subbox.column01 h2.category.mansion:before {
    background: url(/buysell/bb-images/icon_mansion.png) no-repeat center center;
    background-size: contain;
}
article.buysell .column-subbox.column01 h2.category.land:before {
    background: url(/buysell/bb-images/icon_land.png) no-repeat center center;
    background-size: contain;
}


article.rental .column-subbox.column01 ul li {width:32%;}

article.rental .column-subbox.column01 ul.search-bottun li.map a{
background-image:url(/buysell/bb-images/icon_map.png),
linear-gradient(180deg,#739AB0, #457390 60%);
}
article.rental .column-subbox.column01 ul.search-bottun li.map a:hover{
background-image:url(/buysell/bb-images/icon_map.png),
linear-gradient(180deg,#00476C, #00476C 60%);
}

@media (min-width: 768px) {
/*
article.rental .column-subbox.column01 ul.search-bottun li a {
  padding: 20px 0;
  height: 70px;
  line-height: 70px;
  background-position-x: 11%;
  background-position-y: center;
}
article.rental .column-subbox.column01 ul.search-bottun li a span.buy-icon {
  padding: 0 0 0 80px;
  display: block;
}
*/
}

@media (max-width: 767px) {
article.buysell .column-subbox.column01 h2.category {
    margin: 0 0 20px 0;
    text-align: center;
    font-size:1.5em;
}
article.buysell .column-subbox.column01 h2.category:before {
    width: 40px;
    height: 40px;
}
article.rental .column-subbox.column01 ul {
    margin-bottom: 20px;
}
}