@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    color: #005A9B;
}
body{
    background-color: #F8FAFC;
}

img {
    max-width: 100%;
    width: 100%;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}
.pc{
    display: block !important;
}
.sp{
    display: none !important;
}
.slider_sp.sp{
    display: none;
}
/* ヘッダーここから */
.header_group {
    display: flex;
}

header {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    height: 70px;
    padding: 10px;
    width: 90%;
    z-index: 2;
}
.toppage_header_text{
    align-self: center;
}
header p,
.header_tel_text,
.heder_text {
    color: #7D7D7D;
}

.heder_text {
    font-weight: bold;
}

.header-lefr_group,
.header-right_group {
    display: flex;
    align-items: center;
}

.header-lefr_group p {
    margin-left: 20px;
    font-size: calc((16 - 10) * ((100vw - 2000px) / (2000 - 375)) + 16px);
}

.tel_group {
    display: flex;
}

.liber-flat-logo {
    margin-left: 20px;
    width: 25%;
}

.liber-flat-logo p {
    font-size: 14px;
    line-height: 1.5;
}

.tel_group {
    line-height: 0.8;
    align-self: center;
    margin-right: 10px;
}

.tel_group p {
    font-size: calc((28 - 19) * ((100vw - 2000px) / (2000 - 375)) + 28px);
    margin: 0;
    margin-left: 10px;
    color: #1DBEA1;
}
.tel_group span{
    color: #1DBEA1;
}

.header_tel_text {
    font-size: 12px;
}

.header_btn {
    width: 182px;
    background-color: #1DBEA1;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    height: 100%;
}

.header_btn p {
    color: #fff;
}
.tel-logo{
    width: 13%;
}

/* ヘッダーここまで */
/* topページ以外のヘッダーここから */

.header-lefr_group.othepage_header p,
.header-lefr_group.othepage_header span {
    color: #005A9B;
}
.header-lefr_group.othepage_header.toppage{
    background-color: #004d9000;
}
header{
    width: 100%;
}
.tes {
    background-color: #005A9B;
    height: 100vh;
}

.liber-flat-logo.othepage_header {
    width: 30%;
}
.other_header_text{
    font-size: calc((16 - 14) * ((100vw - 2000px) / (2000 - 1000)) + 16px);
}
.othepage_header{
    background-color: #fff;
}
.othepage_header.toppage{
    background-color: #004d9000;
}

.header_list_group {
    display: flex;
    align-items: center;
}

.header_list_group li {
    margin-right: 40px;
    width: 100%;
}

/* topページ以外のヘッダーここまで */
/* TOPページここから */
.fv {
    /* margin-top: -30px; */
    z-index: 1;
}
.header-img-text{
    max-width: calc((450 - 250) * ((100vw - 2000px) / (2000 - 375)) + 450px);
}
.main_wrap {
    width: calc((1200 - 340) * ((100vw - 2000px) / (2000 - 375)) + 1200px);
    margin: 0 auto;
}
.main_wrap.top-img{
    text-align: end;
    margin-top: -50px;
    margin-bottom: calc((200 - 50) * ((100vw - 2000px) / (2000 - 375)) + 200px);
}
.contact_conteier {
    background-color: #1DBEA1;
    padding: calc((66 - 10) * ((100vw - 2000px) / (2000 - 375)) + 66px);
    color: #fff;
    margin-bottom: 100px;
}

.contact_title {
    color: #fff;
    text-align: center;
    padding-right: calc((20 - 0) * ((100vw - 2000px) / (2000 - 375)) + 20px);
    padding-left: calc((20 - 0) * ((100vw - 2000px) / (2000 - 375)) + 20px);
    font-size: calc((28 - 23) * ((100vw - 2000px) / (2000 - 375)) + 25px);
    line-height: 1.5;
}
.contact-section-mini{
    font-size: calc((20 - 16) * ((100vw - 2000px) / (2000 - 375)) + 20px);
}
.contact-inner{
    display: flex;
    justify-content: space-between;
    width: 55%;
    margin: 0 auto;
    margin-top: 50px;
}
.contact-inner a{
    max-width: 450px;
}

.contact_section_inner {
    width: calc((1350 - 1300) * ((100vw - 1400px) / (2000 - 1400)) + 1100px);
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    justify-content: space-around;
}
.tel_number,
span {
    color: #fff;
}

.tel_number span {
    font-size: calc((14 - 10) * ((100vw - 2000px) / (2000 - 375)) + 14px);
}
.footer_text {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 50px;
}

.footer_text p {
    color: #222;
    font-weight: bold;
    font-size: calc((20 - 16) * ((100vw - 2000px) / (2000 - 375)) + 20px);
    border-bottom: 1px solid #222;
    padding-bottom: 10px;
    display: inline-block;
}

.flow {
    color: #222;
    line-height: 1.5;
}

footer p {
    background-color: #222;
    color: #fff;
    text-align: center;
    margin-top: 100px;
    padding: 15px;
}
.top-text{
    text-align: center;
    line-height: 1.8;
    font-size: calc((34 - 18) * ((100vw - 2000px) / (2000 - 375)) + 34px);
    margin-bottom: calc((150 - 50) * ((100vw - 2000px) / (2000 - 375)) + 150px);
}
.section-title{
    text-align: center;
}
.border-bottom-title{
    display: inline-block;
    font-size: calc((26 - 18) * ((100vw - 2000px) / (2000 - 375)) + 26px);
    letter-spacing: 5px;
    border-bottom: 4px solid #005A9B;
    padding-bottom: 10px;
    margin-bottom: calc((100 - 30) * ((100vw - 2000px) / (2000 - 375)) + 100px);
}
.section-text{
    font-size: calc((26 - 18) * ((100vw - 2000px) / (2000 - 375)) + 26px);
    letter-spacing: 5px;
    text-align: center;
    line-height: 1.8;
}
.section-text p{
    margin-bottom: 50px;
}
.section-text-end{
    margin-bottom: 150px !important;
}
.border-bottom-title-bef{
    position: relative;
    display: inline-block;
    font-size: calc((26 - 21) * ((100vw - 2000px) / (2000 - 375)) + 26px);
    letter-spacing: 5px;
    padding-bottom: 10px;
}
.border-bottom-title-bef::after{
    content:"";
    display:block;
    width:80px;
    height:3px;
    background-color:#005A9B;
    position:absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
 }
.text{
    text-align: center;
    font-size: calc((26 - 16) * ((100vw - 2000px) / (2000 - 375)) + 26px);
    margin-bottom: calc((100 - 30) * ((100vw - 2000px) / (2000 - 375)) + 100px);
    margin-top: calc((50 - 20) * ((100vw - 2000px) / (2000 - 375)) + 50px);
}
.merit{
    width: 45%;
}
.merit-end{
    width: 45%;
    margin-left: auto;
}
.merit-bottom{
    font-size: calc((26 - 18) * ((100vw - 2000px) / (2000 - 375)) + 26px);
    border-bottom: 4px solid #005A9B;
    padding-bottom: 10px;
}
.merit-text-group{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
   align-items:  flex-start;

}
.merit-text-group img{
    max-width: calc((130 - 100) * ((100vw - 2000px) / (2000 - 375)) + 130px);
    height: auto;
}
.merit-text-group p{
    font-size: calc((22 - 16) * ((100vw - 2000px) / (2000 - 375)) + 22px);
    line-height: 1.8;
    width: 57%;
}
.merit-section{
    margin-bottom: calc((150 - 50) * ((100vw - 2000px) / (2000 - 375)) + 150px);
}
.do-liber{
    width: 60%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.do-liber-inner{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding-right: calc((50 - 20) * ((100vw - 2000px) / (2000 - 375)) + 50px);
    padding-left: calc((50 - 20) * ((100vw - 2000px) / (2000 - 375)) + 50px);
    padding-top: calc((100 - 50) * ((100vw - 2000px) / (2000 - 375)) + 100px);
    padding-bottom: calc((100 - 0) * ((100vw - 2000px) / (2000 - 375)) + 100px);
    margin-bottom: calc((150 - 50) * ((100vw - 2000px) / (2000 - 375)) + 150px);
   align-items:  flex-start;
}
.do-title,.do-text{
    font-size: calc((22 - 15) * ((100vw - 2000px) / (2000 - 375)) + 22px);
}
.do-title{
    border-bottom: 2px solid #005A9B;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.do-text{
    line-height: 1.8;
}
.do-inner{
    width: 30%;
}
.estate-group{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: calc((22 - 15) * ((100vw - 2000px) / (2000 - 375)) + 22px);
    margin-top: calc((100 - 50) * ((100vw - 2000px) / (2000 - 375)) + 100px);
    margin-bottom: calc((150 - 50) * ((100vw - 2000px) / (2000 - 375)) + 150px);
   align-items:  flex-start;
}
.estate-inner{
    width: 30%;
    margin-top: calc((50 - 20) * ((100vw - 2000px) / (2000 - 375)) + 50px);
}
.estate-title{
    border-bottom: 2px solid #005A9B;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.estate-text{
    line-height: 1.8;
}
.area-name{
    text-align: center;
    font-size: calc((22 - 15) * ((100vw - 2000px) / (2000 - 375)) + 22px);
    margin-top: calc((100 - 40) * ((100vw - 2000px) / (2000 - 375)) + 100px);
    margin-bottom: 20px;
}
.coment{
    font-size: calc((18 - 13) * ((100vw - 2000px) / (2000 - 375)) + 18px);
    line-height: 1.8;
    text-align: center;
    margin-bottom: calc((150 - 100) * ((100vw - 2000px) / (2000 - 375)) + 150px);
}
.slider-group{
    margin: 0 auto;
    margin-top: calc((100 - 50) * ((100vw - 2000px) / (2000 - 375)) + 100px);
    width: 90%;
}
.more{
    text-align: end;
    width: 90%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: calc((150 - 50) * ((100vw - 2000px) / (2000 - 375)) + 150px);
}
.more a{
    color: #fff;
    background-color: #1DBEA1;
    padding: 5px 20px;
    border-radius: 45px;
    font-size: calc((22 - 16) * ((100vw - 2000px) / (2000 - 375)) + 22px);
}
.flow-group{
    width: 90%;
    margin: 0 auto;
    margin-top: calc((100 - 40) * ((100vw - 2000px) / (2000 - 375)) + 100px);
    margin-bottom: calc((150 - 50) * ((100vw - 2000px) / (2000 - 375)) + 150px);
}
/* TOPページここまで */

/* プライバシーページ */
.privacy_inner {
    padding-top:calc((100 - 50) * ((100vw - 2000px) / (2000 - 375)) + 100px) ;
    padding-bottom:calc((100 - 50) * ((100vw - 2000px) / (2000 - 375)) + 100px) ;
    padding-left:calc((200 - 10) * ((100vw - 2000px) / (2000 - 375)) + 200px) ;
    padding-right:calc((200 - 10) * ((100vw - 2000px) / (2000 - 375)) + 200px) ;
}

.contact_page_title {
    text-align: center;
    color: #005A9B;
    font-size: calc((34 - 24) * ((100vw - 2000px) / (2000 - 375)) + 34px);
    margin-bottom: 50px;
}

.privacy_text_inner {
    background-color: #fff;
    padding: 100px 100px;
    padding: calc((100 - 20) * ((100vw - 2000px) / (2000 - 375)) + 100px);
}

.privacy_text_inner p {
    color: #005A9B;
    line-height: 2;
}

.other_footer p {
    margin-top: 0;
}

/* プライバシーページここまで */
/* thanksページここから */
.thanks_messege {
    text-align: center;
}

.thanks_tel {
    color: #1DBEA1 !important;
    margin-top: 30px;
    margin-bottom: 20px !important;
    text-align: center;
}

.back_top {
    text-align: center;
    margin-top: 20px;
}

.back_top a {
    font-weight: bold;
    border-bottom: 1px solid #005A9B;
}
/* thanksページここまで */
/* コンタクトページここから */
.contact_img{
    width: 60%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.contact_fv_text{
    text-align: center;
}
.contact_text_fv{
    display: inline-block;
    border: 2px solid #005A9B;
    padding: 5px 0;
    padding-right: calc((100 - 20) * ((100vw - 2000px) / (2000 - 375)) + 100px);
    padding-left: calc((100 - 20) * ((100vw - 2000px) / (2000 - 375)) + 100px);
    border-radius: 45px;
    margin-bottom: 50px;
    font-size: calc((22 - 12) * ((100vw - 2000px) / (2000 - 375)) + 22px);
}
.title_text {
    font-size: 14px;
    color: #005A9B;
    text-align: center;
    margin-bottom: 50px;
}

.contact_page_title {
    margin-bottom: 20px !important;
    color: #005A9B;
}

.name {
    color: #005A9B !important;
    margin-bottom: 10px;
    font-size: calc((20 - 16) * ((100vw - 2000px) / (2000 - 375)) + 20px);
    font-weight: bold;
}

.name span {
    color: red !important;
}

.contact_page {
    width: calc((900 - 300) * ((100vw - 2000px) / (2000 - 375)) + 900px);
    margin: 0 auto;
}

input {
    border: 1px solid #222;
    border-radius: 5px;
    height: calc((40 - 30) * ((100vw - 2000px) / (2000 - 375)) + 40px);
}

select {
    width: 100%;
    height: calc((42 - 32) * ((100vw - 2000px) / (2000 - 375)) + 42px);
    border-radius: 5px;
    border: 1px solid #222;
    padding: 0 10px;
    color: #222;
}
.select.top,.input.top{
    width: 100%;
    height: initial;
    border-radius: 0;
    padding: 0 5px;
}

textarea {
    width: 100%;
    border: 1px solid #222;
    border-radius: 5px;
    padding: 10px 10px;
}

.input {
    width: 100%;
}
input:first-child{
    margin-right: 20px;
    padding: 0 10px;
}

.form_warp:first-child {
    margin-top: 0;
}

.form_warp {
    margin-top: calc((30 - 20) * ((100vw - 2000px) / (2000 - 375)) + 30px);;
    margin-bottom: calc((30 - 20) * ((100vw - 2000px) / (2000 - 375)) + 30px);
}

.flex_warp {
    display: flex;
}

.form_content:first-child {
    margin-right: 20px;
}

.form_content {
    width: 50%;
}
.prai{
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    color: #222;
}
.contact_submit_btn{
    color: #fff;
    font-size: calc((24 - 18) * ((100vw - 2000px) / (2000 - 375)) + 24px);
    letter-spacing: 2px;
}
.contact_prapo{
    text-align: center;
    color: #005A9B !important;
    margin-bottom: 50px;
    font-size: calc((16 - 12) * ((100vw - 2000px) / (2000 - 375)) + 16px);
}
.contact_prapo a{
    border-bottom: 1px solid #005A9B;
}
.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: #1DBEA1;
    margin-top: 20px;
    border-radius: 45px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    border: 0;
    font-size: 24px;
    height: 65px;
    margin-top: 50px;
}
/* コンタクトページここまで */
/* コンタクトフォームプライバシーポリシースクロール */
.scrool{
    width: 100%;
    margin: 0 auto;
    height: 200px;
    border: 1px solid #000;
    overflow-y: scroll;  
    margin-bottom: 10px;
    background-color: #F2F7FA;
    border: 0px solid;
}
.pula{
    font-size: calc((16 - 12) * ((100vw - 2000px) / (2000 - 375)) + 16px);
}
.wpcf7-list-item.first.last{
    justify-content: start;
}
.wpcf7-list-item.first.last input{
    width: 20px;
}
.wpcf7-list-item label{
    flex-direction:row-reverse;
}
.wpcf7-list-item-label{
    color: #222;
    font-size: 18px;
    margin-right: 10px;
}
.wpcf7-list-item label{
    display: flex;
    align-items: center;
}
.wpcf7-list-item-label{
    align-self: center;
}
.scroll-box{
    text-align: center;
}
.wpcf7-list-item{
    display: flex !important;
    justify-content: center;
    margin: 0px !important;
}

.scrool-box{
    width: 20px;
    margin-right: 20px;
}
/* コンタクトフォームプライバシーポリシースクロールここまで */

/* レスポンシブここから */
@media screen and (max-width: 1100px){
    .pc{
        display: none !important;
    }
    .sp{
        display: block !important;
    }
    .sp_header_other{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header-lefr_group.othepage_header{
        display: block;
    }
    .liber-flat-logo.othepage_header{
        width: 60%;
    }
    .other_header_text{
        font-size: calc((16 - 10) * ((100vw - 1100px) / (1100 - 375)) + 16px);
    }
}
/* トップページここから */
@media screen and (max-width: 1100px){
    .fv{
        margin: 0;
    }
    .othepage_header.toppage{
        background-color: none;
        padding: 20px 0;
        width: 100%;
        margin-left: 0;
    }
    .toppage_header_text,.heder_text.toppage{
        color: #7D7D7D !important;
    }
    .othepage_header.toppage img{
        margin-top: 5px;
    }
    .test{
        display: block;
    }
    .contact_section_inner{
        display: block;
        width: 100%;
    }
    .contact_title span{
        padding: 0;
    }
    .cotact_group1{
        width: 100%;
    }
    .select_text,.select_text.post{
        width: 40%;
        
    }
    .select_group.first{
        margin: 0;
        margin-bottom: 10px;
    }
    .banner_group{
        margin: 0;
        margin-top: 20px;
    }
    .contact_conteier{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .section_inner_text{
        line-height: 1.7;
        font-size: 14px;
    }
    .sp_point{
        margin-bottom: 30px;
    }
    .slider.pc{
        display: none;
    }
    .slider_sp.sp{
        display: block;
        margin-bottom: 50px;
    }
    .movie_group{
        display: block;
    }
    .youtube_img{
        margin-bottom: 20px;
    }
    .sub_title.bottom{
        padding-top: 0;
    }
    .a p,.q p{
        font-size: 14px;
    }
    .wide{
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
    .flow{
        font-size: 14px;
    }
    footer p{
        font-size: 14px;
    }
    .contact_conteier{
        padding-right: calc((200 - 10) * ((100vw - 1100px) / (1100 - 375)) + 200px);
        padding-left: calc((200 - 10) * ((100vw - 1100px) / (1100 - 375)) + 200px);
    }
    .merit-end,.merit{
        width: 100%;
        margin-bottom: 50px;
    }
    .do-liber{
        width: 100%;
    }
    .do-inner{
        width: 100%;
        margin-bottom: 50px;
    }
    .do-liber-inner{
        display: block;
    }
    .contact-inner{
        display: block;
        width: 100%;
    }
    .contact-inner img{
        margin-bottom: 30px;
    }
    .estate-group{
        display: block;
    }
    .estate-inner{
        width: 100%;
        margin-bottom: 50px;
    }
    .area-name{
        line-height: 1.8;
    }
    .slider-group,.flow-group{
        width: 100%;
    }
    .header-lefr_group p {
        margin-left: 35px;
    }
    .liber-flat-logo.othepage_header.toppage{
        display: flex;
    }
    .liber-flat-logo.othepage_header.toppage img{
        width: 55%;
    }
    .main_wrap.top-img{
        margin-top: 10px;
    }
    .liber-flat-logo p{
        font-size: calc((14 - 10) * ((100vw - 1100px) / (1100 - 375)) + 14px);
        align-self: center;
    }
    .contact_img{
        width: 100%;
    }

}



/* トップページここまで */



/* レスポンシブここまで */

/* トップスライーダー */

.top-table{
    width: 100%;
    background-color: #005A9B;
}
.top-table th{
    color: #fff;
    text-align: start;
    padding: 8px 20px;
    font-weight: normal;
}
.top-table-inner{
    width: 100%;
    border-collapse: collapse ;
}
.top-table-inner th{
    font-weight: normal;
    text-align: start;
    padding: 8px 20px;
    letter-spacing: calc((3 - 1) * ((100vw - 2000px) / (2000 - 1000)) + 3px);
}
.top-table-inner td{
    padding: 8px 20px;
    letter-spacing: 3px;
    
}
.th-width{
    width: 27%;
}
.th-width-m{
    width: 20%;
}
.table-sliber{
    font-size: calc((22 - 12) * ((100vw - 2000px) / (2000 - 1000)) + 22px);
}


/* .slick-initialized .slick-slide{
    width: 99% !important;
    margin: 0 auto;
} */

.saleGroup{
    position: relative;
    z-index: 10;
}
.saleTitle{
    background-color: #005A9B;
    height: 72px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 150px;
    margin-bottom: 50px;
    position: relative;
    z-index: 55;
}
@media screen and (max-width: 800px){
    .saleTitle{
        padding: 0 10px;
        margin-top: 100px;
    }
}
.saleBack{
    height: 72px;
    width: 100%;
    background-color: #BBCAE3;
    position: absolute;
    z-index: 0;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-2deg);
}

.saleText{
    color: #fff;
    text-align: center;
    font-size: calc((22 - 16) * ((100vw - 2000px) / (2000 - 375)) + 22px);
    letter-spacing: 5px;
    z-index: 10;
}
.saleComment{
    line-height: 1.5;
    font-size: calc((22 - 16) * ((100vw - 2000px) / (2000 - 375)) + 22px);
    margin-top: 100px;
    margin-bottom: 100px;
}
@media screen and (max-width: 800px){
    .saleComment{
        margin-bottom: 50px;
        margin-top: 50px;
    }
}
.ButtonGroupWarp{
    text-align: center;
}
.ButtonGroup{
    display: flex;
    justify-content: space-around;
    margin-bottom: 150px;
}
.ButtonGroup img{
    max-width: 80%;
}
@media screen and (max-width: 800px){
    .ButtonGroup{
        display: block;
        text-align: center;
        margin-bottom: 50px;
    }
    .ButtonGroup img{
        margin-bottom: 30px;
        margin-right: 0 !important;
    }
}
.graphGroup{
    width: 70%;
    margin: 0 auto;
    margin-bottom: 150px;
}
@media screen and (max-width: 800px){
    .graphGroup{
        width: 90%;
    }
}