@charset "UTF-8";

.page_business_cmn_ttl {
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
}

.page_business_cmn_ttl .en {
    font-size: 18px;
    letter-spacing: .1em;
    color: #a6a5a5;
}

.page_business_cmn_ttl .ttl {
    font-size: 26px;
    letter-spacing: .1em;
    padding-bottom: 10px;
}

.page_business_type_flame .text_box {
    padding: 10px 100px 30px 20px;
    border-left: solid 4px #b0afaf;
    margin-top: 30px;
    letter-spacing: .05em;
    border-bottom: solid 1px #b0afaf;
    font-size: 15px;
}

.page_business_type_flame .text_box .text+.text {
    margin-top: 10px;
}

.page_business_type_flame .catch {
    font-size: 20px;
}

.management_contents_flame {
    margin-top: 60px;
}

.management_contents_flame ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 35px;
}

.management_contents_flame li {
    text-align: center;
    border-radius: 50%;
    height: 200px;
    background: linear-gradient(90deg, rgb(57, 202, 221) 0%, rgb(89, 140, 229) 100%);
    color: #fff;
    font-weight: 600;
    font-size: 19px;
    display: grid;
    align-items: center;
}

.management_detail_flmame .flame {
    display: grid;
    grid-template-columns: 300px 800px;
    /* padding: 10px 0; */
    /* align-items: center; */
}

.management_detail_flmame .flame .ttl {
    text-align: center;
    border-top: solid 1px #588fe5;
    color: #588fe5;
    display: grid;
    align-items: center;
}

.management_detail_flmame .flame .detail {
    border-top: solid 1px #ccc;
    padding: 20px 0;
    letter-spacing: .08em;
}

.management_detail_flmame .flame .detail .sales_text {
    text-align: center;
    font-size: 25px;
    font-weight: 300;
}

.management_detail_flmame .flame .detail .image {
    width: 300px;
    margin-top: 30px
}

.management_detail_flmame .flame .detail .image.w100 {
    width: 100%;
}

.management_detail_flmame .flame .ttl .sm {
    line-height: 1;
}

.management_detail_flmame {
    margin-top: 70px;
}

.management_detail_flmame .flame:last-child .ttl {
    border-bottom: solid 1px #588fe5;
}

.management_detail_flmame .flame:last-child .detail {
    border-bottom: solid 1px #ccc;
}

.flame_1d_100day {
    width: 500px;
    margin: 70px auto 0;
    text-align: center;
    background: #9ed8f6;
    padding: 40px 0;
    color: #fff;
}

.flame_1d_100day .text {
    font-size: 20px;
    letter-spacing: .08em;
    border-bottom: solid 1px;
    margin-bottom: 15px;
}

.flame_1d_100day .sm {
    display: block;
    font-size: 15px;
    line-height: 1;
    letter-spacing: .08em;
}

.flame_1d_100day .en {
    font-size: 30px;
    letter-spacing: .15em;
}

/*賃貸　PC */
.page_rent_img {
    margin-top: 50px;
}

.rent_site_link_sec .link_list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.rent_site_link_sec .link_list li a {
    display: inline-flex;
    align-items: center;
    gap: 0 .5em;
    font-size: 18px;
    color: #5CC1D6;
    transition: .3s;
    letter-spacing: .04em;
}

.rent_site_link_sec .link_list li a::before {
    content: "";
    width: 7px;
    aspect-ratio: 1/1;
    min-width: 0;
    background-color: #588fe5;
    flex-shrink: 0;
}

.rent_site_link_sec .link_list {
    padding: 50px;
    background-color: #F7F7F7;
    border-radius: 20px;
}

.rent_site_link_sec {
    padding-top: 100px;
}

.rent_site_link_sec .page_business_cmn_ttl {
    margin-bottom: 30px;
}

.rent_site_link_sec .link_list li a:hover {
    opacity: 0.6;
}

@media (max-width: 750px) {

    /* 管理事業　SP */
    .page_business_cmn_ttl .en {
        font-size: 3.5vw;
        letter-spacing: .08em;
    }

    .page_business_cmn_ttl .ttl {
        font-size: 5vw;
        letter-spacing: .08em;
    }

    .page_business_type_flame .catch {
        font-size: 4.2vw;
    }

    .page_business_type_flame .text_box {
        padding: 4vw 0;
        border-top: solid 2px #588fe4;
        border-left: none;
        border-bottom: none;
        font-size: 3.8vw;
    }

    .management_contents_flame ul {
        column-gap: 2vw;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
    }

    .management_contents_flame li {
        height: 28vw;
        font-size: 3.5vw;
        width: 31%;
    }

    .management_contents_flame {
        margin-top: 5vw;
    }

    .management_detail_flmame {
        margin-top: 13vw;
    }

    .management_detail_flmame .flame {
        display: block;
    }

    .management_detail_flmame .flame .ttl {
        font-size: 4.2vw;
        padding: 3vw 0;
    }

    .management_detail_flmame .flame .detail {
        font-size: 4vw;
        padding: 4vw 0;
    }

    .flame_1d_100day {
        width: 100%;
        margin-top: 10vw;
        padding: 7vw 0;
    }

    .flame_1d_100day .text {
        font-size: 4.2vw;
        margin-bottom: 2vw;
        padding-bottom: 1vw;
    }

    .flame_1d_100day .en {
        font-size: 6vw;
        letter-spacing: .1em;
    }

    .flame_1d_100day .sm {
        font-size: 3vw;
        margin-top: 1vw;
    }

    .management_detail_flmame .flame:last-child .detail {
        border-top: none;
    }

    .page_rent_agency {
        font-weight: 600;
        text-align: center;
        background: #8dd7f7;
        font-size: 5vw;
        color: #696868;
        padding: 2vw 0;
        letter-spacing: .08em;
        margin-bottom: 7vw;
    }

    .sp_rent_flow_box {
        margin-top: 10vw;
    }

    .rent_agency_arrow {
        position: relative;
        text-align: center;
        margin: 0 0 14vw;
    }

    .rent_agency_arrow .text {
        font-size: 4.5vw;
    }

    .rent_agency_arrow .sm {
        font-size: 4vw;
    }

    .rent_agency_arrow::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        width: 49vw;
        height: 28vw;
        border: 25vw solid transparent;
        border-top: 12vw solid #8ed7f7;
        bottom: -38vw;
    }

    .rent_agency_arrow::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        width: 39vw;
        height: 18vw;
        background: #8ed7f7;
        bottom: -3vw;
        z-index: -1;
    }

    .rent_agency_arrow>* {
        position: relative;
    }

    .sp_rent_ill.store {
        margin-bottom: 13vw;
    }

    .sp_rent_ill {
        width: 85%;
        margin: auto;
    }

    .sp_rent_ill.company {
        margin-bottom: 7vw;
    }

    .page_rent_agency.add {
        margin-top: 20vw;
    }

    .rent_site_link_sec {
        padding-top: 15vw;
    }

    .rent_site_link_sec .page_business_cmn_ttl {
        margin-bottom: 5vw;
    }

    .rent_site_link_sec .link_list {
        padding: 5vw;
        border-radius: 10px;
    }

    .rent_site_link_sec .link_list ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 3vw;
    }

    .rent_site_link_sec .link_list li a {
        font-size: 3.6vw;
    }

    .rent_site_link_sec .link_list li a::before {
        width: 1.5vw;
    }

    .sp_rent_flow_box ul li {
        font-size: 4vw;
        padding: 2vw 0;
        text-align: center;
        background: #eee;
        border-radius: 20px;
    }

    .sp_rent_flow_box ul li+li {
        margin-top: 3vw;
    }

    .sp_page_rent_store .place {
        text-align: center;
        font-size: 4.5vw;
        letter-spacing: .08em;
        border-bottom: solid 1px;
        padding-bottom: 2vw;
        margin-bottom: 4vw;
    }

    .sp_page_rent_store {
        margin-top: 10vw;
    }

    .sp_page_rent_store .img {
        width: 80%;
        margin: auto;
    }

    .sp_page_rent_store .store {
        text-align: center;
        font-size: 4.5vw;
        position: relative;
        display: inline-block;
        padding-left: 2vw;
    }

    .sp_page_rent_store .flame+.flame {
        margin-top: 14vw;
    }

    .sp_page_rent_store .inner+.inner {
        margin-top: 5vw;
    }

    .sp_page_rent_store .store::before {
        content: "";
        position: absolute;
        left: -8vw;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url(/wp-content/uploads/2022/12/pop_up.png) center no-repeat;
        background-size: contain;
        width: 7vw;
        height: 7vw;
    }

    .sp_page_rent_store .flame {
        text-align: center;
    }

    .so_ad_ill {
        border: solid 1px #ccc;
        padding: 02vw 9vw;
        margin-top: 11vw;
    }

    .sp_ad_text {
        text-align: center;
        margin: 6vw 0;
        font-size: 4vw;
        letter-spacing: .02em;
    }

    .sp_ad_text .color {
        font-size: 4.2vw;
        color: #83bc55;
        font-weight: 600;
    }

    .sp_rent_advertise li {
        width: 37%;
        align-items: center;
    }

    .sp_rent_advertise ul {
        gap: 4vw 8vw;
        justify-content: center;
        border: dashed 1px;
        padding: 3vw 0;
    }

    .sp_ad_search_text {
        text-align: center;
        font-size: 4.5vw;
        margin-top: 15vw;
        font-weight: 600;
        letter-spacing: .08em;
        position: relative;
        margin-bottom: 10vw;
    }

    .sp_ad_search_text::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        width: 49vw;
        height: 28vw;
        border: 25vw solid transparent;
        border-bottom: 12vw solid #8ed7f7;
        bottom: 6vw;
    }

    .sp_ad_search_text::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        width: 39vw;
        height: 11vw;
        background: #8ed7f7;
        bottom: -3vw;
        z-index: -1;
    }

    .sp_rent_advertise .with {
        text-align: center;
        background: #eee;
        font-weight: 600;
        border-radius: 30px;
        padding: 2vw 0;
        font-size: 3.8vw;
        margin: auto;
        position: relative;
        width: 79%;
    }

    .sp_rent_advertise .with+.with {
        margin-top: 3vw;
    }

    .sp_rent_advertise .with::before {
        content: "";
        position: absolute;
        left: 9vw;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url(/wp-content/uploads/2022/12/check.png) center no-repeat;
        background-size: contain;
        width: 4vw;
        height: 4vw;
    }

    .management_detail_flmame .flame .detail .image {
        width: 80%;
        margin: 5vw auto 0 auto;
    }

    .management_detail_flmame .flame .detail .sales_text {
        font-size: 4vw;
    }
}