@charset "UTF-8";
/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
#GlobalHeader + nav ul li.area_codate a,
#GlobalHeader + nav ul li.staff a {border-left: 1px solid #ddd;}
#GlobalHeader + nav ul li.area_tochi a::before {background-image: url("../../../assets/img/common/icon_side_area_tochi.svg");}
#GlobalHeader + nav ul li.mvp a::before {background-image: url("../../../assets/img/common/icon_side_ranking.svg");}
#GlobalHeader + nav ul li.staff a::before {background-image: url("../../../assets/img/common/icon_side_staff.svg");}

#Main a {color: steelblue;}
#Main .search-form > nav h3.active {background-color: steelblue;}

#Main .sort p.print a {position: relative;background: var(--grad-01);border: 1px solid #6AA4E1;padding: 0.32em 2em 0.32em 1em;border-radius: 5px;line-height: 1.694;font-size: 75%;font-weight: bold;color: #fff;}
#Main .sort p.print a::after {content: "〉";position: absolute;top: 50%;right: 0.5em;transform: translateY(-50%) scale(1, 0.75);}
#Main .block-common-mv {background-image: var(--grad-02);background-color: steelblue;background-blend-mode: luminosity;}

#Main .block-search-01 header::before {background: steelblue;}
#Main .block-search-01 header strong {color: var(--codate-color);}
#Main .block-search-01 header strong span {color: steelblue;}

#Main .block-list-01 header::before {background: steelblue;}
#Main .block-list-01 header .daiei {color: steelblue;}
#Main .block-list-01 header small {display: block;}
#Main .block-list-01 .property-list {width: 100%;}
#Main .block-list-01 .property-list th {background-color: #f8f8f8;padding: 1em;font-size: 87.5%;white-space: nowrap;letter-spacing: 0;}
#Main .block-list-01 .property-list th + th {border-left: 1px solid #eee;}
#Main .block-list-01 .property-list td {border-bottom: 1px solid #eee;padding: 1em;font-size: 87.5%;letter-spacing: 0;}
#Main .block-list-01 .property-list td + td {border-left: 1px solid #eee;}
#Main .block-list-01 .property-list td:not(:first-child):not(:last-child) {white-space: nowrap;}
#Main .block-list-01 .property-list td .btn {float: left;background-color: #333;margin: 0.5em 0.5em 0 0;padding: 0.5em 1em;border-radius: 3px;line-height: 1;font-size: 80%;font-weight: bold;color: #fff;}

#Main .block-customerpage-01 h1 {margin: 0;padding: 2em 0 3em;background: var(--grad-02);text-align: center;font-size: 125%;color: #fff;}
#Main .block-customerpage-01 h1 strong {margin-left: 0.5em;font-size: 125%;}
#Main .block-customerpage-01 h1 small {display: block;font-size: 87.5%;}

#Main .block-customerpage-02 {padding-bottom: 2em;}
#Main .block-customerpage-02 h2 {text-align: center;font-weight: bold;color: var(--codate-color);}
#Main .block-customerpage-02 table {margin: 0 auto;max-width: 36em;width: 100%;}
#Main .block-customerpage-02 table th {width: 10em;padding-top: 1.5em;}
#Main .block-customerpage-02 table tf {width: 15em;padding-top: 1.5em;}
#Main .block-customerpage-02 table.confirm {margin-bottom: 2em;}
#Main .block-customerpage-02 input[type="tel"],
#Main .block-customerpage-02 input[type="text"],
#Main .block-customerpage-02 input[type="password"] {width: 100%;background-color: #f8f8f8!important;padding: 0.5em;border: 0 none transparent;border-radius: 3px;box-sizing: border-box;font-size: 100%;}
#Main .block-customerpage-02 input[type="submit"] {display: block;padding: 1em;margin: 0 auto;width: 12em;background: var(--grad-01);border-radius: 3px;border: 0 none transparent;text-align: center;font-weight: bold;font-size: 112.5%;color: #fff;}
#Main .block-customerpage-02 .login_err_msg {margin: 0;font-size: 75%;font-weight: bold;color: salmon;}
#Main .block-customerpage-02 .privacyLink {margin: 2em 0;font-size: 87.5%;text-align: center;}
#Main .block-customerpage-02 .topLogin {margin: 2em 0;font-size: 87.5%;text-align: center;}
#Main .block-customerpage-02 .newlyBtn a {position: relative;width: 18em;background-color: #121212;margin: 2em auto 0;padding: 1em;text-align: center;font-weight: bold;font-size: 112.5%;color: #fff;}
#Main .block-customerpage-02 .newlyBtn a::after {content: "";position: absolute;top: 50%;right: 1em;transform: translateY(-50%);width: 1em;height: 1em;background: transparent url("../../../assets/img/common/icon_arrow_circle.svg") no-repeat 50% / contain;filter: invert(96%) sepia(91%) saturate(15%) hue-rotate(132deg) brightness(109%) contrast(100%);}
#Main .block-customerpage-02 .attention {font-size: 75%;font-weight: bold;color: salmon;}
#Main .block-customerpage-02 .lead {max-width: 54em;margin: 2em auto;text-align: center;font-weight: bold;}
#Main .block-customerpage-02 .lead span {display: inline-block;white-space: nowrap;}
#Main .block-customerpage-02 .container {position: relative;max-width: 1200px;width: calc(100% - 4em);background-color: #fff;margin: -1.5em auto 0;padding: calc(1.5em + 3px) 1.5em 2.5em;border-radius: 0 0 5px 5px;box-sizing: border-box;box-shadow: 0 0 1em rgb(0 0 0 / 10%);}
#Main .block-customerpage-02 .container::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--grad-01);}
#Main .block-customerpage-02 .copyright {text-align: center;font-size: 75%;}

#Main .block-customerpage-03 {background-color: #F4F6F8;padding: 3em 0;}
#Main .block-customerpage-03 h3 {margin: 0 0 0.25em;text-align: center;font-weight: 700;font-size: 4.25vw;color: #fff;line-height: 1;white-space: nowrap;}
#Main .block-customerpage-03 h3 span {display: inline-block;background: var(--grad-01);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#Main .block-customerpage-03 h3 + p {max-width: 42em;margin: 0 auto 2em;text-align: center;font-weight: bold;color: #3187b2;}
#Main .block-customerpage-03 h3 + p span {display: inline-block;white-space: nowrap;}
#Main .block-customerpage-03 h4 {background: var(--grad-03);text-align: center;font-size: 125%;font-weight: bold;color: #fff;}
#Main .block-customerpage-03 h4 + p {margin: 1.5em 1.5em 1em;text-align: center;}
#Main .block-customerpage-03 h4 + p strong {color: #e7b74a;}
#Main .block-customerpage-03 h4 + p small {display: block;font-size: 62.5%;}
#Main .block-customerpage-03 .grid-list {width: calc(100% - 4em);justify-content: space-between;margin: 0 auto;}
#Main .block-customerpage-03 .grid-list > div {position: relative;overflow: hidden;width: 100%;margin-top: 1.5em;text-align: center;}
#Main .block-customerpage-03 .grid-list > div figure {position: relative;width: 50%;max-width: 160px;margin: 0 auto 1.5em;}
#Main .block-customerpage-03 .grid-list > div figure::before {content: "";position: absolute;right: calc(100% + 1em);top: 50%;width: 50vw;height: 1px;background-color: #e7b74a;opacity: 0.5;}
#Main .block-customerpage-03 .grid-list > div figure::after {content: "";position: absolute;left: calc(100% + 1em);top: 50%;width: 50vw;height: 1px;background-color: #e7b74a;opacity: 0.5;}
#Main .block-customerpage-03 .grid-list > div p {margin: 0.25em 1em;display: inline-block;}
#Main .block-customerpage-03 .grid-list > div:nth-child(1) figure{max-width: 260px;}
#Main .block-customerpage-03 .grid-list > div:nth-child(1) p span {font-size: 175%;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";color: #e7b74a}
#Main .block-customerpage-03 .grid-list > div[data-caps] figure {width: 100%;max-width: 500px;}
#Main .block-customerpage-03 .grid-list > div[data-caps]::before {content: attr(data-caps)"";position: absolute;top: 0;right: 0;line-height: 4;font-size: 62.5%;}
#Main .block-customerpage-03 .container {max-width: 1200px;width: calc(100% - 4em);background-color: #fff;margin: 1.5em auto 0;padding-bottom: 3em;}

#Main .block-customerpage-04 {background-color: #F4F6F8;padding: 3em 0 0;}
#Main .block-customerpage-04 h3 {background-image: var(--grad-01);background-color: steelblue;background-blend-mode: luminosity;border-radius: 5px;margin-bottom: 1em;padding: 0.5em 0;font-weight: bold;text-align: center;color: #fff;}
#Main .block-customerpage-04 h3 small {margin-left: 1em;font-size: 66.67%;}
#Main .block-customerpage-04 > p:first-child {max-width: 36em;margin: 0 auto 2em;text-align: center;font-weight: bold;color: #3187b2;}
#Main .block-customerpage-04 > p:first-child span {display: inline-block;white-space: nowrap;}
#Main .block-customerpage-04 .arealist {display: flex;flex-wrap: wrap;gap: 1em;max-width: 1200px;width: calc(100% - 3em);margin: 0 auto 3em;}
#Main .block-customerpage-04 .arealist > div {flex: 1;box-sizing: border-box;padding: 1.5em;border-radius: 1em;background: var(--grad-01);}
#Main .block-customerpage-04 .arealist > div h4 {border-bottom: 1px solid #fff;padding-bottom: 0.5em;line-height: 1;font-size: 140%;font-weight: bold;text-align: center;color: #fff;}
#Main .block-customerpage-04 .arealist > div h4 + p {margin-top: 0.5em;font-size: 75%;text-align: center;color: #fff;}
#Main .block-customerpage-04 .arealist > div a::after {content: "";display: block;width: 2.5em;height: 2.5em;background: transparent url("../img/index/icon_arrow.svg") no-repeat 50% / contain;transform: rotate(90deg);margin: 1em auto 0;}
#Main .block-customerpage-04 .staff {position: relative;background-color: #fff;padding: 2.5em 1.5em 1.5em;border-radius: 5px;box-shadow: 0 0 1em rgb(0 0 0 / 10%);overflow: hidden;}
#Main .block-customerpage-04 .staff .column {display: flex;justify-content: flex-end;flex-wrap: wrap;}
#Main .block-customerpage-04 .staff .column .img {width: calc(40% - 1em);margin-bottom: -2em;position: relative;z-index: 2;background-repeat: no-repeat;background-position: 50% 10%;background-size: cover;}
#Main .block-customerpage-04 .staff .column .detail {width: calc(60% - 2em);margin-left: 2em;}
#Main .block-customerpage-04 .staff  h3 {background-image: var(--grad-02);margin: 0;padding-left: 40%;}
#Main .block-customerpage-04 .staff  h4 {border-bottom: 1px solid #ddd;font-weight: bold;font-size: 175%;}
#Main .block-customerpage-04 .staff  h4 span {margin-left: 0.5em;font-size: 75%;}
#Main .block-customerpage-04 .staff  h4 small {display: block;font-weight: normal;font-size: 50%;}
#Main .block-customerpage-04 .staff  p strong {font-size: 125%;}
#Main .block-customerpage-04 .staff  p[data-title] {position: relative;margin: 0;padding: 1em 1em 1em 8em;border-bottom: 1px solid #ddd;}
#Main .block-customerpage-04 .staff  p[data-title]::before {content: attr(data-title)"";position: absolute;top: 1em;left: 0;font-weight: bold;color: var(--codate-color)}
#Main .block-customerpage-04 .staff  p[data-title="連絡先"]::before {top: 1.25em;}
#Main .block-customerpage-04 .staff::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--grad-02);}
#Main .block-customerpage-04 .staff {margin-bottom: 1.5em;}
#Main .block-customerpage-04 .staff.codate .column .img::before {content: "新築担当";position: absolute;top: 0;right: 0;background: var(--grad-02);padding: 1em;line-height: 1;font-size: 75%;font-weight: bold;color: #fff;}
#Main .block-customerpage-04 .staff.resale .column .img::before {content: "中古担当";position: absolute;top: 0;right: 0;background: var(--resale-grad);padding: 1em;line-height: 1;font-size: 75%;font-weight: bold;color: #fff;}
#Main .block-customerpage-04 .staff.resale::before {background: var(--resale-grad);}
#Main .block-customerpage-04 .staff.resale h3 {background: var(--resale-grad);}
#Main .block-customerpage-04 .staff.resale p[data-title]::before {color: var(--resale-color);}
#Main .block-customerpage-04 .accordion-content p[data-title] {padding: 1em;}
#Main .block-customerpage-04 .accordion-content p[data-title]::before {display: block;position: relative;top: inherit;left: inherit;}
#Main .block-customerpage-04 .anchor {padding-bottom: 3em;}
#Main .block-customerpage-04 .container {max-width: 1200px;width: calc(100% - 3em);margin: 0 auto;}

#Main .block-customerpage-mv {position: relative;background-image: var(--grad-02);background-color: steelblue;background-blend-mode: luminosity;padding-top: 10px;}
#Main .block-customerpage-mv h2 {margin: 1.5em 0 0;font-size: 200%;line-height: 1;text-align: center;}
#Main .block-customerpage-mv h2 span {display: inline-block;background: var(--grad-04);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;}
#Main .block-customerpage-mv .swiper {overflow: auto;overflow-x: hidden;}
#Main .block-customerpage-mv .swiper-slide {max-width: 720px;}
#Main .block-customerpage-mv .swiper-slide .eyecatch {position: relative;height: 28em;background-color: #fff;background-position: 50%;background-repeat: no-repeat;background-size: cover;background-blend-mode: multiply;transition: background-color ease 1200ms;}
#Main .block-customerpage-mv .swiper-slide .eyecatch .content {position: absolute;bottom: 1.75em;left: 2em;opacity: 0;transform: scale(1.05) translateY(30px);transition: opacity 800ms ease 1200ms, transform 800ms cubic-bezier(0.25, 1, 0.5, 1) 1200ms;-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform;}
#Main .block-customerpage-mv .swiper-slide .eyecatch .content .title {margin: 0 0 0.15em;line-height: 1.25;font-weight: bold;font-size: 300%;color: #fff;}
#Main .block-customerpage-mv .swiper-slide .eyecatch .content .title small {display: block;font-weight: bold;font-size: 66%;}
#Main .block-customerpage-mv .swiper-slide .eyecatch .content .title sup {font-size: 25%;font-weight: bold;vertical-align: text-bottom;}
#Main .block-customerpage-mv .swiper-slide .eyecatch .content .ruby {margin: 0;font-weight: 400;font-size: 75%;color: #fff;}
#Main .block-customerpage-mv .swiper-slide .eyecatch::before {content: "image";position: absolute;bottom: 1em;right: 1em;color: #fff;line-height: 1;font-size: 10px;}
#Main .block-customerpage-mv .swiper-slide .eyecatch .merit {display: none;position: absolute;top: 2em;left: 3em;width: 7em;color: #aaa;text-align: center;text-indent: 0.25em;letter-spacing: 0.25em;line-height: 1;font-size: 75%;mix-blend-mode: screen;}
#Main .block-customerpage-mv .swiper-slide .eyecatch .merit span {display: block;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;line-height: 2;}
#Main .block-customerpage-mv .swiper-slide .eyecatch .merit strong {display: block;font-size: 1000%;}
#Main .block-customerpage-mv .swiper-slide-active .eyecatch {background-color: #888;}
#Main .block-customerpage-mv .swiper-slide-active .eyecatch .content {opacity: 1;transform: scale(1) translateY(0);}
#Main .block-customerpage-mv .swiper-button-next,
#Main .block-customerpage-mv .swiper-rtl .swiper-button-prev,
#Main .block-customerpage-mv .swiper-button-prev,
#Main .block-customerpage-mv .swiper-rtl .swiper-button-next {background: transparent url("../img/index/icon_arrow.svg") no-repeat 50% / contain;top: calc(50% - 1em);width: 44px;height: 44px;margin: 0;transform: translateY(-50%);}
#Main .block-customerpage-mv .swiper-button-next::after,
#Main .block-customerpage-mv .swiper-rtl .swiper-button-prev::after,
#Main .block-customerpage-mv .swiper-button-prev::after,
#Main .block-customerpage-mv .swiper-rtl .swiper-button-next::after {display: none;}
#Main .block-customerpage-mv .swiper-button-next {right: inherit;left: calc(50% + 282px);}
#Main .block-customerpage-mv .swiper-button-prev {left: inherit;right: calc(50% + 282px);transform: rotate(180deg) translateY(50%);}
#Main .block-customerpage-mv .grid-list {flex-wrap: wrap;justify-content: center;gap: 1em;margin: 0 auto;padding: 1em 0 2.5em;width: calc(100% - 3em);max-width: 1200px;}
#Main .block-customerpage-mv .grid-list > div {width: calc(33.33% - 0.6667em);background: linear-gradient(135deg,rgba(255, 255, 255, 1) 50%, rgba(244, 246, 248, 1) 100%);border: 1px solid #fff;border-radius: 5px;box-shadow: 0 0 0.5em rgb(0 0 0 / 2.5%);box-sizing: border-box;padding: 1em;}
#Main .block-customerpage-mv .grid-list > div:nth-child(n+4) {width: calc(25% - 0.75em);}
#Main .block-customerpage-mv .grid-list > div figure {width: 50%;max-width: 3em;margin: 0 auto 0.5em;padding: 0.25em;border: 2px solid #000;border-radius: 100%;filter: invert(32%) sepia(28%) saturate(2693%) hue-rotate(184deg) brightness(96%) contrast(95%);}
#Main .block-customerpage-mv .grid-list > div p {text-align: center;line-height: 1.25;font-weight: bold;color: #144966;}
#Main .block-customerpage-mv .grid-list > div p sup {font-size: 50%;}
#Main .block-customerpage-mv .grid-list > div p small {display: block;font-weight: bold;}
#Main .block-customerpage-mv::before {content: "※1 新築物件のみとなります。";position: absolute;bottom: 1em;right: 1em;font-size: 10px;color: #fff;}

#Main .block-index-posts {background-color: #F4F6F8;padding: 6em 0 2.5em;}
#Main .block-index-posts .grid-list > div {position: relative;background-color: #fff;}
#Main .block-index-posts .grid-list > div header {position: absolute;bottom: 100%;left: 0;right: 0;}
#Main .block-index-posts .grid-list > div header h3 {border-bottom: 1px solid #454545;padding-bottom: 0.5em;margin-bottom: 3px;line-height: 1;font-size: 100%;font-weight: bold;}
#Main .block-index-posts .grid-list > div header ul {display: table;width: 100%;}
#Main .block-index-posts .grid-list > div header ul li {display: table-cell;background-color: #fff;position: relative;padding: 0.75em 0;width: 1px;vertical-align: middle;line-height: 1.25;letter-spacing: 0;text-align: center;font-size: 87.5%;font-weight: bold;}
#Main .block-index-posts .grid-list > div header ul li br {display: none;}
#Main .block-index-posts .grid-list > div header ul li + li::before {content: "";position: absolute;top: 0.75em;bottom: 0.75em;left: 0;width: 1px;background-color: #333;}
#Main .block-index-posts .grid-list > div header ul li.on {background: var(--grad-01);color: #fff;}
#Main .block-index-posts .grid-list > div header ul li.on::before,
#Main .block-index-posts .grid-list > div header ul li.on + li::before {display: none;}
#Main .block-index-posts .grid-list > div header + div {height: 100%;min-height: 5em;}
#Main .block-index-posts .grid-list > div header + div > ul {transition: opacity ease 600ms;z-index: 2;position: relative;background-color: #fff;height: 100%;margin-bottom: 0;}
#Main .block-index-posts .grid-list > div header + div > ul.loading {opacity: 0;}
#Main .block-index-posts .grid-list > div header + div > ul li.notfound {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-weight: bold;color: #aaa;}
#Main .block-index-posts .grid-list > div .more {position: absolute;bottom: 100%;right: 0;display: flex;gap: 2em;margin-bottom: 3em;font-size: 87.5%;line-height: 1;}
#Main .block-index-posts .grid-list > div .more li {margin: 0;}
#Main .block-index-posts .grid-list > div .more li a {position: relative;padding-right: 3em;padding-bottom: 1em;font-weight: bold;color: #454545;}
#Main .block-index-posts .grid-list > div .more li a::after {content: "";width: 1.5em;height: 1.5em;background: transparent url("../../../assets/img/common/icon_arrow_circle.svg") no-repeat 50% / 100% 100%;position: absolute;top: 0.25em;right: 0.5em;filter: invert(32%) sepia(28%) saturate(2693%) hue-rotate(184deg) brightness(96%) contrast(95%);}
#Main .block-index-posts .grid-list > div .more li:nth-child(1) a {color: var(--codate-color);}
#Main .block-index-posts .grid-list > div .more li:nth-child(1) a::after {filter: var(--codate-filter);}
#Main .block-index-posts .grid-list > div .more li:nth-child(2) a {color: var(--resale-color);}
#Main .block-index-posts .grid-list > div .more li:nth-child(2) a::after {filter: var(--resale-filter);}
#Main .block-index-posts .grid-list > div .more li:nth-child(3) a {color: var(--tochi-color);}
#Main .block-index-posts .grid-list > div .more li:nth-child(3) a::after {filter: var(--tochi-filter);}
#Main .block-index-posts .information-list > ul li {padding: 1em;margin: 0;}
#Main .block-index-posts .information-list > ul li + li a::before {content: "";position: absolute;top: -1em;left: 0;right: 0;border-top: 1px solid #ddd;}
#Main .block-index-posts .information-list > ul li a {position: relative;color: #454545;}
#Main .block-index-posts .information-list > ul li a .date {margin: 0;font-weight: bold;font-size: 93.75%;line-height: 1;}
#Main .block-index-posts .information-list > ul li a .date span {display: inline-block;background-color: #eee;padding: 0.5em;margin-left: 0.5em;line-height: 1;font-size: 75%;font-weight: bold;}
#Main .block-index-posts .information-list > ul li a .title {margin: 0.5em 0 0;overflow: hidden;line-height: 1;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;}
#Main .block-index-posts .event-list > ul li {padding: 1em;margin: 0;}
#Main .block-index-posts .event-list > ul li + li a::before {content: "";position: absolute;top: -1em;left: 0;right: 0;border-top: 1px solid #ddd;}
#Main .block-index-posts .event-list > ul li a {position: relative;color: #454545;}
#Main .block-index-posts .event-list > ul li a .img {display: none;}
#Main .block-index-posts .event-list > ul li a .schedule {margin: 0;font-weight: bold;font-size: 93.75%;line-height: 1;}
#Main .block-index-posts .event-list > ul li a .schedule span {display: inline-block;background-color: #eee;padding: 0.5em;margin-right: 0.5em;line-height: 1;font-size: 75%;font-weight: bold;}
#Main .block-index-posts .event-list > ul li a .title {margin: 0.5em 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.25;font-weight: bold;}
#Main .block-index-posts .event-list > ul li a dl {display: none;}
#Main .block-index-posts .line {max-width: 960px;width: calc(100% - 3em);margin: 1.5em auto 0;border-radius: 5px;overflow: hidden;}
#Main .block-index-posts .caption {display: flex;align-items: center;gap: 2em;max-width: 960px;width: calc(100% - 3em);margin: 1.5em auto 0;background: linear-gradient(135deg,rgba(255, 255, 255, 1) 50%, rgba(244, 246, 248, 1) 100%);border: 1px solid #fff;border-radius: 5px;box-shadow: 0 0 0.5em rgb(0 0 0 / 5%);box-sizing: border-box;padding: 1em;}
#Main .block-index-posts .caption h2 {background: var(--grad-03);padding: 1em 2em;font-size: 125%;font-weight: bold;line-height: 1.5;text-align: center;color: #fff;white-space: nowrap;}
#Main .block-index-posts .caption h2 small {display: block;font-size: 66.67%;letter-spacing: 0.15em;}
#Main .block-index-posts .caption p span {display: inline-block;white-space: nowrap;}

#Colophon > div.disabled {display: none!important;}
#Colophon > div:nth-child(1) h2 {width: 100%;background-image: var(--grad-02);background-color: steelblue;background-blend-mode: luminosity;border-radius: 5px;margin-bottom: 1em;padding: 0.5em 0;font-weight: bold;text-align: center;color: #fff;}
#Colophon > div:nth-child(1) h3 {border-bottom: 1px solid #1A63AB;margin: 1em 0;font-weight: bold;text-align: center;color: #1A63AB;}
#Colophon > div:nth-child(1) h3 small {display: block;font-size: 66.67%;line-height: 1;color: #3187b2;}
#Colophon > div:nth-child(1) h4.codate {background-color: rgb(26 99 171 / 10%);text-align: center;color: rgb(26 99 171);font-weight: bold;}
#Colophon > div:nth-child(1) h4.resale {background-color: rgb(62 128 98 / 10%);text-align: center;color: var(--resale-color);font-weight: bold;}
#Colophon > div:nth-child(1) .arealist {display: flex;gap: 2em;}
#Colophon > div:nth-child(1) .arealist > div {flex: 1;}
#Colophon > div:nth-child(1) .arealist > div ul li {margin: 0.5em 0;}
#Colophon > div:nth-child(1) .arealist > div ul li a {font-weight: bold;text-decoration: none;color: #144966}
#Colophon > div:nth-child(2) {display: block;padding-top: 2em;}
#Colophon > div:nth-child(2) ul {display: flex;gap: 3em;justify-content: center;}
#Colophon > div:nth-child(2) ul li {margin: 0;position: relative;}
#Colophon > div:nth-child(2) ul li + li::before {content: "";position: absolute;top: 50%;left: -1.5em;width: 1px;height: 1em;background-color: #ddd;transform: translateY(-50%);}
#Colophon > div:nth-child(2) ul li a {font-size: 93.75%;color: #454545;}

.vbox-inline .search-form h2,
.vbox-inline .search-form .close {background-color: steelblue;}

body.cursor #GlobalHeader h1 + nav > ul > li:hover > a {background-color: transparent;color: #003894;}
body.cursor .search-form > nav h3:hover {background-color: steelblue;border-color: steelblue;}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width: 1025px) {
  #GlobalHeader h1 + nav > ul > li:nth-child(1) > a {background-color: transparent;width: auto;text-align: left;color: #003894;}
  #GlobalHeader h1 + nav > ul > li > a small {transform: scale(1);font-weight: bold;color: var(--onestop-color);}
  #GlobalHeader h1 + nav > ul > li > a::after {display: none;}
  #GlobalHeader + nav ul li.area_tochi {display: block;}
  #GlobalHeader + nav ul li.mvp {top: 6.75em;left: 0;}
  #GlobalHeader + nav ul li.staff {top: 6.75em;left: 8em;}

  #Sidebar .list-menu {margin-top: 13.5em;}
  #Sidebar .list-menu ul li a::after {content: "";width: 1em;height: 1em;background: transparent url(../../../assets/img/common/icon_external.svg) no-repeat 50% / contain;filter: invert(32%) sepia(28%) saturate(2693%) hue-rotate(184deg) brightness(96%) contrast(95%);}

  #Main .block-common-mv ul li:first-child::before {content: "不動産会社さま専用ページ";}

  #Main .block-index-posts .grid-list {margin: 0 1em 0.5em;justify-content: center;}
  #Main .block-index-posts .grid-list > div {width: calc(100% - 2em);max-width: 1200px;margin: 1em auto;}
  #Main .block-index-posts .grid-list > div header ul li:not(.on) {transition: background-color cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;cursor: pointer;}
  #Main .block-index-posts .grid-list > div header ul li:not(.on):hover {background-color: #eee;}

  #Main .block-customerpage-04 .staff .column .img {max-width: 444px;}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  #Main .block-customerpage-04 .arealist > div {position: relative;flex: auto;width: calc(50% - 0.5em);}
  #Main .block-customerpage-04 .arealist > div a {padding-right: 4em;}
  #Main .block-customerpage-04 .arealist > div a::after {position: absolute;top: 50%;right: 1.5em;margin: 0;transform: rotate(90deg) translateX(-50%);}
}
/* =====
* LAYOUT :: TAB
=================================================================== */
@media only screen and (max-width: 1024px) {
  #GlobalHeader {display: flex;align-items: flex-end;}
  #GlobalHeader h1 {padding: 0.7em;}
  #GlobalHeader h1 a {transform: scale(1);}
  #GlobalHeader h1 img {height: 4em;}
  #GlobalHeader h1 + nav {position: relative;bottom: inherit;right: inherit;}
  #GlobalHeader h1 + nav > ul > li > a {width: auto;padding: 0.8em 0 0.65em;text-align: left;color: var(--codate-color);}
  #GlobalHeader h1 + nav > ul > li > a small {transform: scale(1);font-weight: bold;color: var(--onestop-color);}
  #GlobalHeader h1 + nav > ul > li > a::after {display: none;}
  #GlobalHeader + nav ul {width: 100%;}
  #GlobalHeader + nav ul li.area_tochi {display: block;}

  #Main .block-index-posts .grid-list {margin: 0 0.5em;}
  #Main .block-index-posts .grid-list > div {width: calc(100% - 1em);margin: 0.5em;}

  #Main .block-customerpage-03 h3 {font-size: 5.85vw;}

  #Colophon > div:nth-child(1) {display: block;margin: 1.5em;}
}
@media only screen and (min-width: 1024px) and (max-width: 1230px) {
  #Main .block-customerpage-mv .grid-list > div:nth-child(n+1) {width: calc(50% - 0.5em);display: flex;align-items: center;padding: 0.5em;}
  #Main .block-customerpage-mv .grid-list > div:nth-child(n+1) figure {margin: 0 2em 0 0;}
  #Main .block-customerpage-mv .grid-list > div:nth-child(n+1) p {text-align: left;}
}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width: 768px) {
  #GlobalHeader h1 a {width: 6.2em;height: 4em;}
  #GlobalHeader h1 + nav > ul > li:nth-child(1) {display: block;}

  #Main .sort p.print a {display: none;}

  #Main .block-list-01 .property-list thead {display: none;}
  #Main .block-list-01 .property-list,
  #Main .block-list-01 .property-list tbody {display: block;}
  #Main .block-list-01 .property-list tr {display: block;border-top: 1px solid #eee;}
  #Main .block-list-01 .property-list tr + tr {margin-top: 1.5em;}
  #Main .block-list-01 .property-list th {display: block;}
  #Main .block-list-01 .property-list td {display: block;}
  #Main .block-list-01 .property-list td {position: relative;overflow: hidden;padding-left: 8em;}
  #Main .block-list-01 .property-list td::before {content: attr(data-title)"";position: absolute;top: 50%;left: 1em;z-index: 2;transform: translateY(-50%);font-weight: bold;}
  #Main .block-list-01 .property-list td::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 7em;background-color: #f8f8f8;}

  #Main .block-customerpage-01 h1 {line-height: 1.5;}
  #Main .block-customerpage-01 h1 small {margin: 0 0 1em;}
  #Main .block-customerpage-01 h1 strong {margin: 0;display: block;}
  #Main .block-customerpage-02 table,
  #Main .block-customerpage-02 table tbody,
  #Main .block-customerpage-02 table th,
  #Main .block-customerpage-02 table td,
  #Main .block-customerpage-02 table tr {display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  #Main .block-customerpage-02 table.confirm th {margin-top: 1.5em;padding: 0.5em;background-color: #f8f8f8;text-align: center;}

  #Main .block-customerpage-03 h3 {margin-bottom: 0.5em;font-size: 250%;}
  #Main .block-customerpage-03 h4 + p small {margin-top: 1em;text-align: left;}
  #Main .block-customerpage-03 h4 + p small br {display: none;}
  #Main .block-customerpage-03 .grid-list > div figure {max-width: 100px;}
  #Main .block-customerpage-03 .grid-list > div[data-caps]::before {transform: translateY(2.5em);}

  #Main .block-customerpage-04 .arealist > div {position: relative;flex: auto;padding: 1em;width: calc(50% - 0.5em);}
  #Main .block-customerpage-04 .arealist > div a {padding-right: 3em;}
  #Main .block-customerpage-04 .arealist > div a::after {position: absolute;top: 50%;right: 1em;width: 2em;height: 2em;margin: 0;transform: rotate(90deg) translateX(-50%);}
  #Main .block-customerpage-04 .staff h3 {padding-left: 1em;}
  #Main .block-customerpage-04 .staff .column .img {width: 100%;margin: 0;padding-top: 100%;}
  #Main .block-customerpage-04 .staff .column .detail {width: 100%;margin: 1em 0 0;}

  #Main .block-customerpage-mv {padding-top: 0;}
  #Main .block-customerpage-mv .swiper-slide {max-width: 100vw;}
  #Main .block-customerpage-mv .swiper-slide .eyecatch .content .title {font-size: 275%;}
  #Main .block-customerpage-mv .grid-list {padding-bottom: 4.5em;}
  #Main .block-customerpage-mv .grid-list > div,
  #Main .block-customerpage-mv .grid-list > div:nth-child(n+4) {width: calc(50% - 0.5em);padding: 1em 0;}
  #Main .block-customerpage-mv .grid-list > div:last-child {width: 100%;}
  #Main .block-customerpage-mv .grid-list > div:last-child p small {display: inline-block;font-size: 100%;}

  #Main .block-index-posts .grid-list > div {width: calc(100% - 1em);}
  #Main .block-index-posts .grid-list > div header + div.information-list {min-height: 5.5em;}
  #Main .block-index-posts .grid-list > div header + div.event-list {min-height: 8.625em;}
  #Main .block-index-posts .grid-list > div.informations {margin-bottom: 5em;}
  #Main .block-index-posts .grid-list > div .more {bottom: inherit;left: 0.75em;right: 0.75em;margin-top: 1.5em;}
  #Main .block-index-posts .grid-list > div .more li {flex: 1;}
  #Main .block-index-posts .grid-list > div .more li a {border-bottom-width: 2px;border-bottom-style: solid;}
  #Main .block-index-posts .caption {display: block;}
  #Main .block-index-posts .caption h2 {margin-bottom: 0.5em;padding: 0.5em;}
  #Main .block-index-posts .caption p {text-align: center;}

  #Colophon > div:nth-child(1) .arealist {flex-wrap: wrap;gap: 0;}
  #Colophon > div:nth-child(1) .arealist > div {flex: auto;width: 100%;}
  #Colophon > div:nth-child(1) .arealist > div ul li {text-align: center;}
  #Colophon > div:nth-child(2) {display: none;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}