@charset "utf-8";


/* =====================
COMMON
===================== */


/* =====================
TOP
===================== */




    /* 共通 */

    .pageTitle .link {
        position: absolute;
        width: 453px; 
        left: -6px;
        box-sizing: border-box;
        bottom: 48px;
        background: none;
    }

    .pageTitle .link a {
        padding: 0!important;
        display: block;
        color: #fff;
        text-align: left;
    }


    #main .headLine01 {
        margin-bottom: 30px;
    }

    #main .comUl02 {
        margin: 0 -24px 115px 0;
    }

    .btns {
        display: flex;
        justify-content: space-between;
        
    }

    .btns a {
        position: relative;
        outline: 1px solid #fff;
        color: #fff!important;
        display: flex;
        outline-offset: -5px;
    }

    .btns a:after {
        content: "";
        position: absolute;
        top: -3px;
        left: 12px;
        width: 0px;
        height: 0px;
        margin: auto;
        border-style: solid;
        border-width: 15px 0 15px 15px;
        transform: rotate(-90deg);
    }

    .btns a:before {
        content: "";
        position: absolute;
        bottom: -3px;
        right: 12px;
        width: 0px;
        height: 0px;
        margin: auto;
        border-style: solid;
        border-width: 15px 0 15px 15px;
        transform: rotate(90deg);
    }

    .btns.btn01 {
        margin-bottom: 100px;
    }

    .btns.btn01 li {
        width: 32.5%;
    }

    .btns.btn01 a {
        background: #C8A62E;
    }

    .btns.btn01 a:after {
        border-color: #fff transparent transparent transparent;
    }

    .btns.btn01 a:before {
        border-color: #fff transparent transparent transparent;
    }

    .btns.btn02 {
        margin: 80px 0 80px;
    }

    @media (min-width: 769px) {

        .btns.btn02 li {
            width: 48%!important;
        }

        .btns.btn02 li a {
            height: 100px;
        }

    }

    .btns.btn02 li:nth-of-type(1) a {
        background: #307083;
        font-size: 18px;
    }

    .btns.btn02 li:nth-of-type(1) a:after {
        border-color: #FCE548 transparent transparent transparent;
    }

    .btns.btn02 li:nth-of-type(1) a:before {
        border-color: #FCE548 transparent transparent transparent;
    }

    .btns.btn02 li:nth-of-type(2) a {
        background: #8B7E6B;
        font-size: 16px;
    }

    .btns.btn02 li:nth-of-type(2) a:after {
        border-color: #A3C6AF transparent transparent transparent;
    }

    .btns.btn02 li:nth-of-type(2) a:before {
        border-color: #A3C6AF transparent transparent transparent;
    }

    .btns.btn02 li:nth-of-type(2) a span img {
        vertical-align: baseline;
        margin-right: 5px;
    }

    .btns.btn02 li:nth-of-type(2) a span {
        line-height: 1;
        font-size: 31px;
    }





    #main .comUl01 {
        margin-bottom: 50px;
    }


@media (min-width: 769px) {





    /* ご売却 PC */


    .sale .btns.btn01 {
        margin-bottom: 80px;
    }

    

    .sale .detailBox .textBox .infoBox:before {
        background: #D7E5E4;
    }

    .sale .inner {
        margin: 0 120px 70px 0px;
    }

    .sale .inner01 {
        margin: 0 0 110px 100px;
    }

    .sale .inner01 .photoBox .num {
        left: -50px;
    }

    .sale .inner02 {
        margin: 0 40px 90px 50px;
    }

    .sale .inner02 .textBox {
        padding-top: 65px;
    }

    .sale .inner02 .photoBox .num {
        right: 60px;
        top: -130px;
    }

    .sale .photoBox img:not(.num) {
        width: 450px;
    }

    .sale .top {
        margin-bottom: 90px;
    }

    .sale .detailBox {
        padding-bottom: 120px;
    }

        
    .sale .detailBox .textBox00 {
        top: -56px;
    }

    .sale .detailBox .ttl01 {
        top: 214px;
    }

    .sale .detailBox .textBox01 {
        top: 194px;
    }

    .sale .detailBox .textBox02 {
        top: 438px;
    }

    .sale .detailBox .ttl02 {
        top: 396px;
    }

    .sale .detailBox .textBox03 {
        top: 561px;
        left: -10px;
    }

    .sale .detailBox .ttl03 {
        top: 579px;
        left: 370px;
    }

    .sale .detailBox .ttl04 {
        left: 523px;
        top: 755px;
    }

    .sale .detailBox .textBox04 {
        top: 740px;
    }

    .sale .detailBox .textBox05 {
        top: 941px;
        left: 210px;
    }

    .sale .detailBox .ttl05 {
    left: 607px;
    }




    /* 建物管理 PC */

    .management .pageTitle {
        margin-bottom: 80px;
    }


    .management .top {
        margin-bottom: 70px;
    }

    .management .btns.btn01 {
        margin-bottom: 80px;
    }

    .management .topTit {
        font-size: 27px;
    }

    .managementPageTitle .textBox {
        left: 45px;
        bottom: 195px;
    }

    .management .btns.btn01 li {
        width: 48%;
    }


    .management .btns.btn02 {
        margin: 80px 0 100px;
    }


}




@media (min-width: 0) and (max-width: 767px) {


    /* 共通 SP */

    .btns.btn01 {
        margin-bottom: 60px;
    }

    .btns {
        display: block!important;
    }

    .btns li {
        width: 100%!important;
    }

    .btns.btn02 {
        margin: 40px 0;
    }

    .btns.btn02 li  a {
        font-size: 14px!important;
    }

    .btns.btn02 li:nth-of-type(2) a span {
        font-size: 20px;
    }

    .pageTitle .link {
        position: static!important;
        transform: scale(1.03);
        width: 100%;
    }

    .pageTitle .link img {
        width: 100%;
    }

    .btns.btn02 li:nth-of-type(2) a span img {
        width: 25px;
    }


    /* ご売却 SP */

    .sale .bgBox {
        background: #D7E5E4;
        padding: 0 0 1px;
        margin-bottom: 30px;
    }

}