.topContainer {
    max-width: 1082px;
    margin: 0 auto;
    padding: 0 16px;
}

.topSection {
    margin: 0 min(50% - 50vw, -16px);
    padding: 30px max(50vw - 50%, 16px) 20px;
}

.properties {
    background-color: #fff;
}

.properties__itemsContainer {
    display: none;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.properties__itemsContainer--active {
    display: flex;
}

.properties .property {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 31.5%;
    font-weight: 500;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1000px) {
    .properties .property {
        width: 47.2%;
        margin: 0 10px 16px 10px;
    }
}
@media (max-width: 768px) {
    .properties .property {
        width: 100%;
        margin: 0 8px 16px 8px;
    }
}

.properties .property:not(:nth-of-type(3n + 1)) {
    margin-left: 2.75%;
}
@media (max-width: 1000px) {
    .properties .property:not(:nth-of-type(3n + 1)) {
        width: 47.2%;
        margin: 0 10px 16px 10px;
    }
}
@media (max-width: 768px) {
    .properties .property:not(:nth-of-type(3n + 1)) {
        width: 100%;
        margin: 0 8px 16px 8px;
    }
}

.properties .property:nth-of-type(n + 4) {
    margin-top: 35px;
}
@media (max-width: 1000px) {
    .properties .property:nth-of-type(n + 4) {
        width: 47.2%;
        margin: 0 10px 16px 10px;
    }
}
@media (max-width: 768px) {
    .properties .property:nth-of-type(n + 4) {
        width: 100%;
        margin: 0 8px 16px 8px;
    }
}

.properties .property__label {
    /* display: flex; */
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    /* height: 30px; */
    height: auto;
    background-color: #ffaa32;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    /* padding: 0 48px; */
    padding: 0;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    min-width: 65%;
    overflow: hidden;
}
.properties .property__label span {
    display: block;
    width: 100%;
    padding: 5px;
    text-align: center;
}
/* .properties .property__label .news { background-color: #EC733A; } */
.properties .property__label .news {
    background-color: #ffaa32;
}
.properties .property__label .update {
    background-color: #ffaa32;
}
.properties .property__label .aainfo {
    background-color: #2aab9f;
}

.properties .property__img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* 20250703 korenaga カードリンク */
.property-link-outer {
    position: relative;
}
.property-link-block {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s;
    z-index: 2;
}
.property-link-block:hover {
    background-color: #fff;
    opacity: 0.3;
}

.properties .property__content,
.properties .property__content_under {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
}
.properties .property__content {
    padding: 15px 20px 0;
}
.properties .property__content_under {
    padding: 0 20px 20px;
}

.properties .property__number {
    color: #b1b1b1;
    font-size: 12px;
    margin-bottom: 3px;
}

.properties .property__heading {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    padding-right: 40px;
    margin-bottom: 8px;
}

.properties .property__heartIconContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    /* top: 45px; */
    right: 24px;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 3;
    margin-top: 40px;
}

.properties .property__heartIconContainer:hover {
    opacity: 0.7;
}

.properties .property__heartIcon {
    width: 25px;
    margin-bottom: 2px;
}

.properties .property__heartIconText {
    font-size: 7px;
}

.properties .property__address {
    position: relative;
    font-size: 14px;
    padding-left: 30px;
    margin-bottom: 2px;
    font-weight: normal;
}

.properties .property__size,
.properties .property__peopleCount,
.properties .property__station {
    position: relative;
    font-size: 14px;
    padding-left: 30px;
    margin-bottom: 2px;
}

.properties .property__address::before,
.properties .property__size::before,
.properties .property__peopleCount::before,
.properties .property__station::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.properties .property__address::before {
    background-image: url(../images/location-dot.svg);
    background-size: 14px 19px;
}

.properties .property__size::before {
    background-image: url(../images/size.svg);
    background-size: 19px 13px;
}

.properties .property__peopleCount::before {
    background-image: url(../images/user.svg);
    background-size: 19px 19px;
}

.properties .property__station::before {
    background-image: url(../images/train.svg);
    background-size: 13px 16px;
}

.properties .property__explain {
    margin: 16px 0 8px 0;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.properties .property__tagsContainer {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 15px 0 10px;
    padding: 0;
    line-height: 0.3em;
    z-index: 3;
}

.properties .property__tag {
    font-size: 12px;
    margin-right: 10px;
    font-weight: 500;
}
.properties .property__tag a {
    color: #aaa;
}

.properties .property__btnsContaner {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    z-index: 3;
}

.properties .property__detailBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48%;
    line-height: 38px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #b1b1b1;
    border-radius: 20px;
}

.properties .property__inquiryBtn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48%;
    line-height: 38px;
    background-color: #2aab9f;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 20px;
}

.properties .property__inquiryBtn > span {
    position: relative;
    padding-left: 25px;
}

.properties .property__inquiryBtn > span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 21px;
    height: 16px;
    background-image: url(../images/mail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translateY(-50%);
}

.properties .property__updateDateArea {
    /* margin: 5px 0 16px 0; */
    margin: 10px 0 0;
    position: relative;
}

.properties .property__updateDate {
    /* position: absolute;
  top: 5px;
  right: 0; */
    color: #b1b1b1;
    font-size: 10px;
    text-align: right;
    margin-bottom: 0;
}

.lowerArea__section {
    margin: 0 min(50% - 50vw, -16px);
    padding: 60px max(50vw - 50%, 16px) 30px;
}
@media (max-width: 768px) {
    .lowerArea__section {
        padding-top: 40px;
        padding-bottom: 30px;
        margin: 0;
    }
}

.lowerArea__headingContainer {
    position: relative;
}
@media (max-width: 768px) {
    .lowerArea__headingContainer {
        margin-bottom: 40px;
    }
}

.lowerArea__heading {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .lowerArea__heading {
        font-size: 22px;
        margin-bottom: 25px;
    }
}

.lowerArea__allLink {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 16px;
    font-weight: 700;
    color: #39a79c;
}
@media (max-width: 768px) {
    .lowerArea__allLink {
        top: 28px;
        font-size: 15px;
    }
}

.properties-single__itemsContainer {
    display: flex;
    justify-content: space-between;
    gap: 2px;
}
@media (max-width: 768px) {
    .properties-single__itemsContainer {
        margin: -10px -16px -18px -10px;
        overflow-x: scroll;
        flex-wrap: nowrap;
    }
}

.properties .property-single {
    flex: 0 0 auto;
    position: relative;
    width: 23%;
    font-weight: 500;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
    .properties .property-single {
        width: 240px;
        margin: 10px 16px 18px 0;
    }
    .properties .property-single:first-of-type {
        margin-left: 10px;
    }
}

.properties .property-single__img {
    width: 100%;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
@media (max-width: 768px) {
    .properties .property-single__img {
        width: 240px;
    }
}

.properties .property-single__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 15px 10px 10px;
}

.properties .property-single__heading {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 8px;
}

.properties .property-single__detailArea {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.properties .property-single__address,
.properties .property-single__size,
.properties .property-single__peopleCount {
    position: relative;
    font-size: 10px;
    padding-left: 20px;
    margin-bottom: 2px;
}

.properties .property-single__address::before,
.properties .property-single__size::before,
.properties .property-single__peopleCount::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.properties .property-single__address::before {
    background-image: url(../images/location-dot.svg);
}

.properties .property-single__size::before {
    background-image: url(../images/size.svg);
}

.properties .property-single__peopleCount::before {
    background-image: url(../images/user.svg);
}

.properties .property-single__number {
    color: #b1b1b1;
    font-size: 10px;
    margin-bottom: 0px;
}

.properties .property-single__detailBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #2aab9f;
    border-radius: 50%;
    margin-bottom: 0;
}

.properties .property-single__detailBtn::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../images/arrow-right.svg);
    background-size: contain;
    background-position: center;
}

.popularProperties {
    counter-reset: ranking;
}

.popularProperties .property-single::before {
    counter-increment: ranking;
    content: counter(ranking);
    position: absolute;
    top: -18px;
    left: -12px;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
    z-index: 4;
}
@media (max-width: 768px) {
    .popularProperties .property-single::before {
        top: -8px;
        left: -8px;
        width: 38px;
        height: 38px;
        font-size: 15px;
    }
}

.popularProperties .property-single:first-of-type::before {
    background-color: #d3b158;
}

.popularProperties .property-single:nth-of-type(2):before {
    background-color: #838383;
}

.popularProperties .property-single:nth-of-type(3)::before {
    background-color: #a84907;
}

.popularProperties .property-single:nth-of-type(4)::before {
    background-color: #d2d2d2;
}

.searchByArea {
    padding-top: 55px;
    padding-bottom: 55px;
    background-color: #2aab9f;
    color: #fff;
}
@media (max-width: 768px) {
    .searchByArea {
        padding-top: 35px;
        padding-bottom: 35px;
    }
}

.searchByArea .inputArea {
    display: flex;
    align-items: center;
    padding: 0 30px;
    margin-bottom: 55px;
}
@media (max-width: 768px) {
    .searchByArea .inputArea {
        display: block;
        padding: 0;
        margin-bottom: 30px;
    }
}

.searchByArea .inputArea__heading {
    font-weight: 700;
    font-size: 21px;
    line-height: 1.2;
}
@media (max-width: 768px) {
    .searchByArea .inputArea__heading {
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
}

.searchByArea .inputArea__subHeading {
    display: block;
    font-size: 16px;
    visibility: visible;
}
@media (max-width: 768px) {
    .searchByArea .inputArea__subHeading {
        font-size: 14px;
    }
}

.searchByArea .inputArea__propertyCount {
    font-size: 45px;
    padding: 0 5px;
    visibility: visible;
}
@media (max-width: 768px) {
    .searchByArea .inputArea__propertyCount {
        font-size: 36px;
    }
}

.searchByArea .inputArea__form {
    flex: 1;
    position: relative;
    margin-left: 20px;
}
@media (max-width: 768px) {
    .searchByArea .inputArea__form {
        margin-left: 0px;
    }
}

.searchByArea .inputArea__input {
    width: 100%;
    height: 74px;
    padding-left: 2em;
    padding-right: 260px;
    font-size: 16px;
    border: none;
    border-radius: 37px;
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1000px) {
    .searchByArea .inputArea__input {
        padding-right: 210px;
    }
}
@media (max-width: 768px) {
    .searchByArea .inputArea__input {
        height: 45px;
        padding-left: 1.5em;
        padding-right: 110px;
        font-size: 14px;
    }
}

.searchByArea .inputArea__input::-moz-placeholder {
    color: #b1b1b1;
}

.searchByArea .inputArea__input::placeholder {
    color: #b1b1b1;
}

.searchByArea .inputArea__submitBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 230px;
    padding-left: 30px;
    background-color: #0d2725;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 52px;
    border: none;
    border-radius: 30px;
    transform: translateY(-50%);
    transition: all 0.3s;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media (max-width: 1000px) {
    .searchByArea .inputArea__submitBtn {
        width: 180px;
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .searchByArea .inputArea__submitBtn {
        right: 6px;
        width: auto;
        padding-left: 30px;
        padding-right: 10px;
        font-size: 13px;
        line-height: 36px;
    }
}

.searchByArea .inputArea__submitBtn:hover {
    opacity: 0.7;
}

.searchByArea .inputArea__submitBtn::before {
    content: "";
    position: absolute;
    left: 45px;
    width: 30px;
    height: 31px;
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
@media (max-width: 1000px) {
    .searchByArea .inputArea__submitBtn::before {
        left: 30px;
        width: 25px;
        height: 26px;
    }
}
@media (max-width: 768px) {
    .searchByArea .inputArea__submitBtn::before {
        left: 10px;
        width: 15px;
        height: 15px;
    }
}

.searchByArea .linkArea {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .searchByArea .linkArea {
        display: block;
    }
}

.searchByArea .linkArea__searchBtnsContainer {
    display: flex;
    justify-content: space-between;
    width: 46%;
}
@media (max-width: 768px) {
    .searchByArea .linkArea__searchBtnsContainer {
        width: 100%;
        margin-bottom: 30px;
    }
}

.searchByArea .linkArea__searchBtn {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 31%;
    height: 150px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #0d2725;
    border-radius: 8px;
    padding: 25px 0;
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1000px) {
    .searchByArea .linkArea__searchBtn {
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .searchByArea .linkArea__searchBtn {
        width: 31%;
        height: 106px;
        font-size: 12px;
        padding: 20px 0;
    }
}

.searchByArea .linkArea__searchBtn::before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.searchByArea .linkArea__searchBtn--train::before {
    background-image: url(../images/train-white.svg);
    width: 76px;
    height: 76px;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .searchByArea .linkArea__searchBtn--train::before {
        margin-bottom: 5px;
    }
}

.searchByArea .linkArea__searchBtn--area::before {
    background-image: url(../images/area.svg);
    width: 96px;
    height: 91px;
}

.searchByArea .linkArea__searchBtn--hand::before {
    background-image: url(../images/hand.svg);
    width: 76px;
    height: 76px;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .searchByArea .linkArea__searchBtn--hand::before {
        margin-bottom: 5px;
    }
}

.searchByArea .linkArea__popularAreas {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 49%;
}
@media (max-width: 768px) {
    .searchByArea .linkArea__popularAreas {
        width: 100%;
    }
}

.searchByArea .linkArea__headingContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 768px) {
    .searchByArea .linkArea__headingContainer {
        display: block;
    }
}

.searchByArea .linkArea__heading {
    font-size: 20px;
    font-weight: 700;
}
@media (max-width: 768px) {
    .searchByArea .linkArea__heading {
        font-size: 20px;
        text-align: center;
        margin-bottom: 5px;
    }
}

.searchByArea .linkArea__allAreasLink {
    position: relative;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding-right: 12px;
}
@media (max-width: 768px) {
    .searchByArea .linkArea__allAreasLink {
        display: flex;
        justify-content: flex-end;
        font-weight: 500;
        margin-bottom: 8px;
    }
}

.searchByArea .linkArea__allAreasLink::after {
    position: absolute;
    content: "";
    top: 5px;
    right: 0;
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}

.searchByArea .linkArea__areaBtnsContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.searchByArea .linkArea__areaBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23%;
    height: 45px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    border-radius: 8px;
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
    .searchByArea .linkArea__areaBtn {
        height: 40px;
        font-size: 15px;
        border-radius: 5px;
    }
}

.searchByArea .linkArea__areaBtn:nth-of-type(n + 5) {
    margin-top: 15px;
}
@media (max-width: 768px) {
    .searchByArea .linkArea__areaBtn:nth-of-type(n + 5) {
        margin-top: 10px;
    }
}

.columns {
    padding-bottom: 70px;
}
@media (max-width: 768px) {
    .columns {
        padding-bottom: 60px;
    }
}

.columns__itemsContainer {
    display: flex;
    justify-content: space-between;
    gap: 2px;
}
@media (max-width: 768px) {
    .columns__itemsContainer {
        margin: -10px -16px -18px -10px;
        overflow-x: scroll;
        flex-wrap: nowrap;
    }
}

.columns__item {
    flex: 0 0 auto;
    position: relative;
    width: 23%;
    font-weight: 500;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
    .columns__item:first-of-type {
        margin-left: 10px;
    }
}
@media (max-width: 768px) {
    .columns__item {
        width: 240px;
        margin: 10px 16px 18px 0;
    }
}

.columns__img {
    width: 100%;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
@media (max-width: 768px) {
    .columns__img {
        width: 240px;
    }
}

.columns__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 15px 10px 10px;
}

.columns__title {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 8px;
}

.columns__description {
    color: #333;
    font-size: 10px;
    margin-bottom: 0;
}

.ctaEmail {
    position: relative;
    background-image: url(/draft/furnished/img/new-single/meeting.jpg);
    background-size: cover;
    background-position: center;
    padding: 80px 0;
}

.ctaEmail::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(53, 67, 65, 0.7);
}

.ctaEmail__content {
    position: relative;
    z-index: 1;
}

.ctaEmail__heading {
    /*font-size: 28px;*/
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    /*line-height: 1.2;*/
    line-height: 1.4;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .ctaEmail__heading {
        font-size: 20px;
        line-height: 1.4;
    }
}

.ctaEmail__description {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .ctaEmail__description {
        font-size: 15px;
        margin-bottom: 25px;
    }
}

.ctaEmail__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 380px;
    height: 70px;
    background-color: #2aab9f;
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border-radius: 35px;
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
    .ctaEmail__btn {
        width: 300px;
        height: 64px;
        border-radius: 32px;
    }
}

.ctaTel {
    padding: 30px 0;
    background-color: #0d2725;
}
@media (max-width: 768px) {
    .ctaTel {
        padding: 20px 0;
    }
}

.ctaTel__content {
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .ctaTel__content {
        flex-direction: column;
        align-items: center;
        font-size: 14px;
    }
}

.ctaTel__number {
    position: relative;
    width: auto;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    margin: 0 15px;
    padding-left: 50px;
}
@media (max-width: 768px) {
    .ctaTel__number {
        font-size: 24px;
        margin: 8px 0;
        padding-left: 38px;
    }
}

.ctaTel__number::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 40px;
    background-image: url(/draft/furnished/img/new-single/tel.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translateY(-50%);
}
@media (max-width: 768px) {
    .ctaTel__number::before {
        width: 30px;
        height: 30px;
    }
}

.small-office-breadcrumbs__menu {
    margin: 10px 0 6px 0;
    padding: 0px 10px 0px 10px;
}
@media (max-width: 768px) {
    .small-office-breadcrumbs__menu {
        padding: 0px;
    }
}

.headline {
    height: 260px;
    line-height: 260px;
    text-align: center;
}
@media (max-width: 768px) {
    .headline {
        height: 200px;
        line-height: 200px;
    }
}
.headline__caption {
    margin: 16px 0 32px 0;
    background-image:
        url(../images/headline-overlay.png), url(../images/headline.png);
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
}
@media (max-width: 768px) {
    .headline__caption {
        margin: 16px -16px 32px -16px;
    }
}
.headline__heading {
    color: white;
    font-size: 2.8rem;
    display: inline-block;
    vertical-align: middle;
    word-break: keep-all;
}
@media (max-width: 768px) {
    .headline__heading {
        padding: 0 30px 0 30px;
        font-size: 1.8rem;
        line-height: 1.6em;
    }
}

.headline-explain {
    padding: 10px;
}
.headline-explain__text {
    margin: 24px 10px 64px 10px;
    font-size: 1.02rem;
    line-height: 1.5rem;
    color: #333;
}
@media (max-width: 768px) {
    .headline-explain__text {
        margin: 24px -4px 64px -4px;
        font-size: 0.95rem;
        line-height: 1.5rem;
    }
}

.headline-usage-example {
    padding: 14px;
    background-color: #f9f9f9;
}
@media (max-width: 768px) {
    .headline-usage-example {
        margin-top: 50px;
        padding: 10px;
    }
}
.headline-usage-example__title-wrapper {
    position: relative;
}
.headline-usage-example__title {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.4rem;
    color: #39a79c;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 768px) {
    .headline-usage-example__title {
        font-size: 1.3rem;
        top: -60px;
        left: 36%;
    }
}
.headline-usage-example__title_break {
    display: inline;
}
@media (max-width: 768px) {
    .headline-usage-example__title_break {
        display: block;
    }
}
@media (max-width: 768px) {
    .headline-usage-example__title-pc {
        display: none;
    }
}
.headline-usage-example__img-wrapper {
    position: relative;
}
.headline-usage-example__img {
    position: absolute;
    top: -46px;
    right: -4px;
}
@media (max-width: 768px) {
    .headline-usage-example__img {
        top: -80px;
        right: -20px;
        width: 32%;
    }
}
.headline-usage-example__recommend-wrapper {
    position: relative;
}
.headline-usage-example__recommend {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 16px;
}
@media (max-width: 768px) {
    .headline-usage-example__recommend {
        top: 30px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        justify-content: center;
    }
}
.headline-usage-example__recommend-icon {
    width: 20px;
    height: 18px;
}
.headline-usage-example__recommend-text {
    padding-bottom: 4px;
    font-size: 1.1rem;
    color: #000;
    font-weight: 600;
}
@media (max-width: 768px) {
    .headline-usage-example__recommend-text {
        font-size: 1rem;
    }
}
.headline-usage-example__list-wrapper {
    margin: 68px 10px 10px 10px;
    padding: 10px 50px 10px 50px;
}
@media (max-width: 768px) {
    .headline-usage-example__list-wrapper {
        margin: 10px 2px 10px 2px;
        padding: 10px 0;
    }
}
.headline-usage-example__list {
    display: grid;
    width: 100%;
    margin: 0 auto;
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 16px;
    grid-template-columns: repeat(2, auto);
}
@media (max-width: 768px) {
    .headline-usage-example__list {
        margin: 50px 0 0 0;
        grid-template-columns: repeat(1, auto);
        width: 100%;
    }
}
.headline-usage-example__item {
    display: flex;
    align-items: center;
    gap: 16px;
}
.headline-usage-example__item-icon {
    width: 18px;
    height: 18px;
}
@media (max-width: 768px) {
    .headline-usage-example__item-icon {
        width: 15px;
        height: 15px;
    }
}
.headline-usage-example__item-text {
    font-size: 1rem;
    color: #000;
    font-weight: 500;
}
@media (max-width: 768px) {
    .headline-usage-example__item-text {
        font-size: 0.8rem;
    }
}

.office-list {
    padding: 64px 0 2px 0;
}
@media (max-width: 768px) {
    .office-list {
        padding: 34px 0 2px 0;
    }
}
.office-list__title-wrapper {
    position: relative;
    top: 0;
    left: 0;
    padding: 0px 0px 16px 16px;
    border-bottom: 5px solid #39a79c;
}
@media (max-width: 768px) {
    .office-list__title-wrapper {
        padding: 0px 0px 10px 10px;
        border-bottom: 4px solid #39a79c;
    }
}
.office-list__title {
    font-size: 2rem;
    /* letter-spacing: 0.15em; */
    letter-spacing: 0.05em;
    line-height: 1;
    padding-right: 200px;
}

@media (max-width: 768px) {
    .office-list__title {
        font-size: 1.8rem;
        padding-right: 0;
        line-height: 1.2;
    }
}
.office-list__title--small {
    margin-left: 8px;
    font-size: 1.2rem;
    /* letter-spacing: 0.1em; */
    visibility: visible;
}
@media (max-width: 768px) {
    .office-list__title--small {
        font-size: 1rem;
    }
}
.office-list__register-mail-button-wrapper {
    position: relative;
}
.office-list__register-mail-button {
    position: absolute;
    top: -54px;
    right: 14px;
    background-color: #ffaa32;
    padding: 8px 20px 8px 20px;
    display: flex;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
    .office-list__register-mail-button {
        display: none;
    }
}
.office-list__register-mail-button--icon {
    margin-top: 2px;
    width: 20px;
    height: 14px;
}
.office-list__register-mail-button--label {
    margin-left: 8px;
    padding: 0;
    font-size: 0.75rem;
    color: #f9f9f9;
    letter-spacing: 0.2em;
}
.office-list__explain-wrapper {
    margin: 30px 20px 20px 20px;
}
.office-list__explain {
    font-size: 0.8rem;
    line-height: 1.5rem;
    color: #333;
    letter-spacing: 0.05em;
}
.office-list__register-mail-button-sp-wrapper {
    display: none;
}
@media (max-width: 768px) {
    .office-list__register-mail-button-sp-wrapper {
        display: block;
        text-align: center;
    }
}
.office-list__register-mail-button-sp {
    width: 190px;
    margin: 0 auto;
    background-color: #ffaa32;
    padding: 8px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2);
}
.office-list__register-mail-button-sp--icon {
    margin-top: 2px;
    width: 20px;
    height: 14px;
}
.office-list__register-mail-button-sp--label {
    margin-left: 8px;
    padding: 0;
    font-size: 0.75rem;
    color: #f9f9f9;
    letter-spacing: 0.2em;
}
.office-list__condition-list-wrapper {
    margin: 50px 0 20px 0;
}
@media (max-width: 768px) {
    .office-list__condition-list-wrapper {
        margin: 30px 0 0 0;
    }
}
.office-list__condition-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}
.office-list__condition {
    flex: 1 1 calc(25% - 16px);
    max-width: calc(25% - 16px);
    padding: 6px 0 6px 0;
    font-size: 0.9rem;
    font-weight: 700;
    text-align: center;
    background-color: #fff;
    border: solid 2px #8f8f8f;
    border-radius: 24px;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
@media (max-width: 768px) {
    .office-list__condition {
        flex: 1 1 calc(50% - 16px);
        max-width: calc(50% - 2px);
        font-size: 0.7rem;
    }
}
.office-list__condition:hover {
    opacity: 0.8;
}
.office-list__condition--icon {
    margin-right: 5px;
    width: 12px;
    height: 12px;
}
@media (max-width: 768px) {
    .office-list__condition--icon {
        display: none;
    }
}
.office-list__condition--label {
    margin-left: 5px;
    padding: 0;
}
.office-list__condition--index-first {
    z-index: 4;
}
.office-list__condition--index-last {
    z-index: 2;
}
.office-list__condition.is-active {
    border: solid 3px #39a79c;
}
.office-list__condition--filter-badge {
    display: none;
    position: absolute;
    top: -7px;
    right: -2px;
    border: solid 2px #fff;
    background-color: #39a79c;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 2px 4px;
    border-radius: 12px;
    min-width: 24px;
    height: 24px;
    line-height: 1;
}
.office-list__condition--filter-badge.is-active {
    display: flex;
    justify-content: center;
    align-items: center;
}
.office-list__condition-dropdown-wrapper {
    margin: 0;
}
.office-list__condition-dropdown-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    position: relative;
}
.office-list__condition-dropdown {
    position: absolute;
    top: -36px;
    left: 0;
    width: 100%;
    flex: 1 1 calc(25% - 16px);
    max-width: calc(25% - 16px);
    padding: 16px 0 6px 0;
    font-size: 0.9rem;
    font-weight: 700;
    text-align: center;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.2);
    z-index: 3;
    max-height: 0;
    overflow: hidden;
    transition:
        max-height 0.3s ease,
        opacity 0.3s ease;
    opacity: 0;
}
@media (max-width: 768px) {
    .office-list__condition-dropdown {
        top: -70px;
        flex: 1 1 calc(50% - 16px);
        max-width: calc(50% - 8px);
        font-size: 0.7rem;
    }
}
.office-list__condition-dropdown.is-active {
    max-height: 240px;
    opacity: 1;
}

.office-list-pagination {
    text-align: center;
    padding-bottom: 40px;
}
.office-list-pagination__label {
    font-size: 1.1rem;
    font-weight: 600;
}
@media (max-width: 768px) {
    .office-list-pagination__label {
        font-size: 0.9rem;
    }
}
.office-list-pagination__unit {
    margin: 30px 0px 30px 0px;
    display: inline-flex;
    gap: 10px;
    padding: 0;
    list-style: none;
    height: 40px;
}
@media (max-width: 768px) {
    .office-list-pagination__unit {
        gap: 6px;
    }
}
.office-list-pagination__link {
    width: 40px;
    height: 40px;
    border: solid 1px #b1b1b1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    font-weight: 600;
}
@media (max-width: 768px) {
    .office-list-pagination__link {
        width: 30px;
        height: 30px;
        font-size: 0.8rem;
    }
}
.office-list-pagination__link--column {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.office-list-pagination__link--active {
    background-color: #39a79c;
    color: #fff;
    border: solid 1px #39a79c;
}
@media (max-width: 768px) {
    .office-list-pagination__link--pc-only {
        display: none;
    }
}

.search-button-area {
    width: 100%;
}
.search-button-area__heading {
    margin: 80px 0 20px 0;
    padding: 10px 0 10px 0;
}
.search-button-area__list {
    margin: 10px 0 60px 0;
    padding: 0;
}

.search-button-area-catch__title {
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
}
@media (max-width: 768px) {
    .search-button-area-catch__title {
        font-size: 1.2rem;
        padding: 0 0 0 12px;
    }
}

.search-button-area-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    list-style: none;
}
@media (max-width: 768px) {
    .search-button-area-container {
        gap: 8px;
    }
}
.search-button-area-container__item,
.search-button-area-container__item_empty {
    flex: 1 1 calc(25% - 16px);
    max-width: calc(25% - 16px);
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    border: solid 1px #b1b1b1;
    border-radius: 24px;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
}
.search-button-area-container__item_empty {
    background-color: transparent;
    border: none;
    cursor: default;
}
@media (max-width: 768px) {
    .search-button-area-container__item {
        flex: 1 1 calc(50% - 8px);
        max-width: calc(50% - 8px);
        font-size: 0.7rem;
    }
}
.search-button-area-container__item:hover {
    border: solid 1px #39a79c;
    background-color: #39a79c;
}
.search-button-area-container__item:hover a {
    color: #fff;
}
.search-button-area-container__item a {
    display: block;
    padding: 10px 0 10px 0;
    width: 100%;
    height: 100%;
    color: #000;
    text-decoration: none;
}
@media (max-width: 768px) {
    .search-button-area-container__item a {
        padding: 6px 0 6px 0;
    }
}

.rent-market-price {
    padding: 20px 0 0 0;
}
.rent-market-price__title {
    margin: 10px 0 30px 0;
    padding: 0;
}
.rent-market-price__list {
    margin: 10px 0 20px 0;
    padding: 0;
}
.rent-market-price__text {
    margin: 0 0 20px 0;
    padding: 0;
}
.rent-market-price__link {
    margin: 0 10px 60px 0;
    padding: 0;
    text-align: right;
}

.rent-market-price-catch__title {
    font-size: 1.5rem;
    letter-spacing: 0.05em;
}
@media (max-width: 768px) {
    .rent-market-price-catch__title {
        font-size: 1.2rem;
    }
}

.rent-market-price-info {
    padding-bottom: 10px;
}
.rent-market-price-info__item {
    display: flex;
    width: 100%;
    height: 80px;
    text-align: center;
    margin: 20px 0 20px 0;
    border: solid 1px #ddd;
    border-radius: 8px;
}
.rent-market-price-info__item p {
    margin: 0;
    padding: 0;
    line-height: 1.2;
}
.rent-market-price-info__item--left {
    flex: 0 0 45%;
    /* background-color: #ddd; */
    background-color: #f2f3f5;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 8px 0 0 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rent-market-price-info__item--title {
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.1em;
}
@media (max-width: 768px) {
    .rent-market-price-info__item--title {
        font-size: 0.9rem;
    }
}
.rent-market-price-info__item--right {
    flex: 0 0 55%;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 0 8px 8px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rent-market-price-info__item--price {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.1em;
}
@media (max-width: 768px) {
    .rent-market-price-info__item--price {
        font-size: 0.9rem;
    }
}
.rent-market-price-info__item--price-sub {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.1em;
}
@media (max-width: 768px) {
    .rent-market-price-info__item--price-sub {
        font-size: 0.8rem;
    }
}

.rent-market-price-content h2 {
    font-size: 115%;
    margin-bottom: 5px;
}
.rent-market-price-content p {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}
.rent-market-price-content__text {
    margin: 0 10px 18px 10px;
    font-size: 0.8rem;
}

.rent-market-price-link__label {
    font-size: 0.8rem;
    text-decoration: underline;
    color: #39a79c;
    font-weight: 600;
    letter-spacing: 0.1em;
}

.sort-dropdown.is-active {
    display: block;
    max-height: 240px;
    opacity: 1;
}
.sort-dropdown__list {
    margin-top: 10px;
    margin-bottom: 6px;
}
.sort-dropdown__item {
    margin: 8px 12px 8px 12px;
    padding: 10px 0 10px 0;
}
.sort-dropdown__item:hover {
    background-color: #f4f4f4;
}
.sort-dropdown__link {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.sort-dropdown__link:hover {
    opacity: 1;
}

.filter-modal {
    display: none;
    position: fixed;
    top: 5%;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 4px;
    z-index: 100;
    width: 60%;
    max-width: 600px;
}
.filter-modal.is-active {
    display: flex;
    flex-direction: column;
    opacity: 1;
    transition: opacity 0.3s ease;
    box-shadow: 0 0 5px #ccc;
}

.proff {
    position: relative;
}
.proff .noUi-connect {
    background-color: #ddd;
}
.proff::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -15px;
    width: 100%;
    height: 60%;
    z-index: 2;
    /* background-color: #eee;
  opacity: 0.5; */
}

@media (max-width: 768px) {
    .filter-modal {
        width: 90%;
        max-width: 100%;
    }
}
.filter-modal__head {
    margin: 0;
    padding: 14px 0 6px 14px;
    border-bottom: solid 1px #ddd;
    flex-shrink: 0;
}
.filter-modal__head--close {
    border: none;
    background-color: #fff;
    cursor: pointer;
}
.filter-modal__head--close:hover {
    opacity: 0.8;
}
.filter-modal__content {
    margin: 0;
    padding: 10px 14px 30px 14px;
    border-bottom: solid 1px #ddd;
    flex: 1;
    overflow-y: auto;
}
@media (max-width: 768px) {
    .filter-modal__content {
        padding: 10px 4px 30px 4px;
    }
}
.filter-modal__unit {
    margin: 10px 18px 0 18px;
    padding: 10px 10px 30px 10px;
    border-bottom: solid 1px #ddd;
}
@media (max-width: 768px) {
    .filter-modal__unit {
        margin: 10px 2px 0 2px;
    }
}
.filter-modal__unit-slider {
    margin: 10px 18px 0 18px;
    padding: 10px 10px 10px 10px;
}
@media (max-width: 768px) {
    .filter-modal__unit-slider {
        margin: 10px 2px 0 2px;
    }
}
.filter-modal__foot {
    margin: 0;
    padding: 10px 14px 10px 14px;
    flex-shrink: 0;
    border: none;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filter-modal__foot--link {
    margin-left: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    border: none;
    background-color: #fff;
    cursor: pointer;
    color: #000;
}
.filter-modal__foot--link:hover {
    opacity: 0.8;
}
@media (max-width: 768px) {
    .filter-modal__foot--link {
        margin-left: 5px;
        font-size: 0.7rem;
    }
}
.filter-modal__foot--button {
    margin-right: 20px;
    padding: 8px 40px 8px 40px;
    background-color: #ffaa32;
    border-radius: 24px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    border: none;
    cursor: pointer;
}
.filter-modal__foot--button:hover {
    opacity: 0.8;
}
@media (max-width: 768px) {
    .filter-modal__foot--button {
        margin-right: 5px;
        font-size: 0.8rem;
    }
}

.filter-condition__title {
    margin: 0;
    padding: 0;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.1em;
}
@media (max-width: 768px) {
    .filter-condition__title {
        font-size: 1rem;
    }
}
.filter-condition__unit {
    margin: 16px 0 16px 0;
    padding: 0;
}
.filter-condition__unit--hidden {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition:
        max-height 0.3s ease,
        opacity 0.3s ease;
}
.filter-condition__unit--hidden.is-active {
    margin: -4px 0 14px 0;
    overflow: visible;
    /* max-height: 500px; */
    height: auto;
    max-height: 1500px;
    opacity: 1;
}
.filter-condition__additional {
    margin: 0;
    padding: 0;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-decoration: underline;
    color: #000;
    border: none;
    background-color: #fff;
    cursor: pointer;
}
.filter-condition__additional:hover {
    opacity: 0.8;
}
@media (max-width: 768px) {
    .filter-condition__additional {
        font-size: 0.7rem;
    }
}
.filter-condition__additional-link {
    display: inline-block;
    position: relative;
    top: 12px;
    left: 2px;
    transition: transform 0.3s;
}
.filter-condition__additional-link.is-rotate {
    transform: rotate(-180deg);
}

.filter-condition-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
}
.filter-condition-buttons__button {
    flex: 1 1 calc(25% - 12px);
    max-width: calc(25% - 12px);
    background-color: #fff;
    text-align: center;
    padding: 22px 6px;
    border: none;
    border-radius: 8px;
    box-shadow: 2px 4px 6px 4px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}
@media (max-width: 768px) {
    .filter-condition-buttons__button {
        flex: 1 1 calc(50% - 12px);
        max-width: calc(50% - 12px);
        font-size: 0.8rem;
    }
}
.filter-condition-buttons__button.is-active {
    background-color: #39a79c;
    color: #fff;
    box-shadow: 2px 4px 6px 4px rgba(0, 0, 0, 0.2);
}

.filter-condition-slider {
    padding: 10px 0 0 0;
}
.filter-condition-slider__body {
    width: 96%;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .filter-condition-slider__body {
        width: 86%;
    }
}
.filter-condition-slider__item {
    margin: 24px 0 0 0;
}

.search-panel-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.search-panel-container__text {
    width: 38%;
    font-size: 1rem;
}
@media (max-width: 768px) {
    .search-panel-container__text {
        width: 34%;
        font-size: 0.9rem;
    }
}
.search-panel-container__text-unit {
    font-size: 0.8rem;
}
@media (max-width: 768px) {
    .search-panel-container__text-unit {
        font-size: 0.7rem;
    }
}

.columns__item .columns__dates {
    text-align: right;
    margin-bottom: 5px;
}

.areatext-ttl {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 10px;
    border-left: 5px solid #867a53;
    padding: 2px 8px;
}

.optmvbox {
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #333;
    border-radius: 8px 8px 0 0;
}

/*# sourceMappingURL=small-office-style.css.map */