@charset "utf-8";

/*-----------------------------------------------
    index
-----------------------------------------------*/
.topMenu{
    position: fixed;
    z-index: 999;
    top: 20px;
    left: 20px;
}
.topMenu .menuList{
    padding: 30px 30px;
    width: 200px;
    height: 398px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 10px 10px 0px 0px rgb(0, 0, 0);
}
.topMenu .menuItem{
    text-align: center;
    border-bottom: 1px solid #ebecea;
}
.topMenu .menuItem:last-child{
    border-bottom:none;
}
.topMenu .menuItem a{
    color: #000;
    text-decoration: none;
    font-size: 15px;
    line-height: 22px;
    padding: 20px 0;
    display: block;
}
.topMenu .menuItem:first-child a{
    padding-top:0;
}
.topMenu .menuItem:last-child a{
    padding-bottom:0;
}
@media only screen and (max-width:767px){
    .topMenu{
        position: fixed;
        z-index: 999;
        top: 20px;
        left: unset;
        right: 20px;
    }
    .topMenu .menuItem a{
        color: #000;
        text-decoration: none;
        font-size: 13px;
        line-height: 20px;
        padding: 11px 0;
        display: block;
    }
    .topMenu .menuList{
        width: 150px;
        height: 313px;
        box-shadow: 5px 5px 0px 0px rgb(0, 0, 0);
        padding:38px 20px;
        position: relative;
        display: none;
    }
    .topMenu .menuList.active{
        display: block;
    }
    .topMenu .close{
        width: 15px;
        height: 15px;
        position: absolute;
        z-index: 1000;
        top: 10px;
        right: 10px;
        display: none;
    }
    .topMenu .close.active{
        display: block;
    }
    .topMenu .menuIcon{
        font-size: 13px;
        color: #d73a6a;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 0px;
        background: #fff;
        box-shadow: 5px 5px 0px 0px rgb(0, 0, 0);
        border-radius: 10px;
        right: 0;
        position: absolute;
        cursor: pointer;
        transition:filter 0.2s ease-out;
        display: none;
    }
    .topMenu .menuIcon.active{
        display: flex;
    }
    .topMenu .menuIcon:hover{
        -webkit-filter: brightness(1.1);filter: brightness(1.1); 
    }
}

.secBnr01{
    position: relative;
    z-index: 1;
}
.secBnr02.first{
    margin-top: -60px;
}
@media only screen and (max-width:767px){
    .secBnr02.first {
        margin-top: 0px;
    }
}
/*-----------------------------------------------
    bgFlower
-----------------------------------------------*/
.bgFlower{
    background: url(../img/index/bgFlower.gif) center top / cover no-repeat;
    padding-bottom: 120px;
}
.secSimplehome{
    padding-top: 120px;
}
.secSimplehome .tit{
    font-size: 34px;
    letter-spacing: 0.5px;
    text-align: center;
}
.secSimplehome .txtCon{
    width: 1270px;
    margin: 80px auto 0 0;
    box-shadow: 10px 10px 0px 0px rgb(0, 0, 0);
    border-radius: 10px;
    border: 2px solid #000;
    position: relative;
    background: #fff;
}
.secSimplehome .subTit{
    position: absolute;
    top: -50px;
    left: 15px;
    font-size: 35px;
    color: #fff;
    letter-spacing: 2px;
    width: 1240px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/index/bgTit.png)center top / cover no-repeat;
}
.secSimplehome .txtList .txtBox{
    font-size: 28px;
    letter-spacing: 2px;
    margin-left: 20px;
}
.secSimplehome .txtList{
    padding: 110px 90px;
}
.secSimplehome .list{
    display: flex;
    align-items: center;
    margin-bottom: 46px;
}
.secSimplehome .list:last-child{
    margin-bottom: 0;
}
.secSimplehome .list .imgBox{
    width: 100px;
    text-align: center;
}

@media only screen and (max-width:767px){
    .secSimplehome {
        padding-top: 52px;
    }
    .secSimplehome .tit {
        font-size: 18px;
        letter-spacing: 1.5px;
    }
    .secSimplehome .subTit {
        position: absolute;
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 17px;
        letter-spacing: 0px;
        width: 315px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: url(../img/index/bgTit_sp.png) center top / cover no-repeat;
        text-align: center;
        line-height: 24px
    }
    .secSimplehome .txtCon {
        width: calc(92% - 5px);
        margin: 0 auto;
        box-shadow: 5px 5px 0px 0px rgb(0, 0, 0);
        border-radius: 10px;
        border: 2px solid #000;
        position: relative;
        background: #fff;
        margin-top: 65px;
    }
    .secSimplehome .txtList {
        padding: 70px 20px 25px 8px;
    }
    .secSimplehome .txtList .txtBox {
        font-size: 13px;
        letter-spacing: 0px;
        margin-left: 5px;
        line-height: 22px;
        flex: 1;
    }
    .secSimplehome .list .imgBox {
        width: 70px;
        justify-content: center;
        display: flex;
    }
    .secSimplehome .list:nth-child(1) .imgBox picture{
        width: 50px;
        display: block;
    }
    .secSimplehome .list:nth-child(2) .imgBox picture{
        width: 66px;
        display: block;
    }
    .secSimplehome .list:nth-child(3) .imgBox picture{
        width: 50px;
        display: block;
    }
    .secSimplehome .list:nth-child(4) .imgBox picture{
        width: 45px;
        display: block;
    }
    .secSimplehome .list:nth-child(5) .imgBox picture{
        width: 40px;
        display: block;
    }
    .secSimplehome .list {
        display: flex;
        align-items: center;
        margin-bottom: 13px;
    }
    .bgFlower {
        background: url(../img/index/bgFlower_sp.gif) center top / cover no-repeat;
        height: auto;
        padding-bottom: 0;
    }
}

.secEstate{
    margin-top: 140px;
}
.secEstate .estateTitEng{
    font-size: 60px;
    text-align: center;
    letter-spacing: 3px;
}
.secEstate .estateTit{
    font-size: 22px;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 2px;
}
.secEstate .tabBox{
    display: flex;
    margin-top: 60px;
}
.secEstate .tabItem{
    width: 290px;
    height: 100px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    letter-spacing: 1px;
    border-radius: 10px;
    box-shadow: 5px 5px 0px 0px rgb(0, 0, 0);
    margin-right: 39px;
}
.secEstate .tabItem.active{
    background: #2b8bbd;
    color: #fff;
}
.secEstate .tabItem:last-child{
    margin-right: 0;
}
.secEstate .estateCon{
    margin-top: 52px;
    display: flex;
    flex-wrap: wrap;
}
.secEstate .estateName{
    display: flex;
    font-size: 18px;
    padding: 26px;
    letter-spacing: 1px;
    background: #fff;
    border-radius: 7px 7px 0 0;
}
.secEstate .estateInfo .list{
    display: flex;
    background:#fff;
    margin-bottom: 1px;
    margin-top: 1px;
}
/* .secEstate .estateInfo .list:last-child{
    margin-bottom: 0;
} */
.secEstate .estateItem{
    /* background: #fff; */
    width: 620px;
    border: 2px solid #000;
    border-radius: 10px;
    box-sizing: content-box;
    margin-right: 32px;
}
.secEstate .estateItem:nth-child(2n){
    margin-right: 0;
}
.secEstate .estateItem:nth-child(n+3){
    margin-top:35px;
}
.secEstate .listTit{
    width: 130px;
    height: 56px;
    background: #2b8bbd;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    /* border-bottom: 1px solid #fff; */
}
.secEstate .listTxt{
    font-size: 16px;
    padding: 20px;
    letter-spacing: 0.5px;
    margin-left: 1px;
}
.secEstate .listTxt.preceTxt{
    padding: 9px 20px;
    font-size: 18px;
}
.secEstate .listTxt .fOswald{
    font-size: 36px;
    letter-spacing: 0.5px;
}
.secEstate .rimitTxt{
    font-size: 18px;
    text-align: center;
    background: #f5ecbd;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 66px;
    border-radius: 0 0 10px 10px;
}
.secEstate .rimitTxt .cercleTxt{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    margin-left: 15px;
}
.secEstate .rimitTxt .imgTxt{
    padding: 0 3px;
}
.secEstate .rimitTxt .rimit01{
    font-size: 40px;
    color: #d73a6a;
}
.secEstate .rimitTxt .flexBox{
    display: flex;
    flex-direction: column;
    color: #d73a6a;
}
.secEstate .rimitTxt .rimit02{
    font-size: 16px;
}
.secEstate .rimitTxt .rimit03{
    font-size: 19px;
}

.secBtnCon{
    width: 1065px;
    margin: 110px auto 0;
    height: 145px;
    display: flex;
    justify-content:space-between
}
.secBtnCon a{
    /* margin: 60px 0; */
    height: 145px;
    width: 500px;
    height: 140px;
    border: 2px solid #000;
    box-shadow: 5px 5px 0px 0px rgb(0, 0, 0);
    border-radius: 100px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    text-decoration: none;
    letter-spacing: 2px;
}
.secBtnCon a.eventBtn{
    background: #d73a6a;
}
.secBtnCon a.contactBtn{
    background: #2b8bbd;
}
.secBtnCon a.contactBtn{
    background: #2b8bbd;
}
@media only screen and (max-width:767px){
    .secEstate .estateTitEng {
        font-size: 30px;
        letter-spacing: 1.5px;
    }
    .secEstate .estateTit {
        font-size: 15px;
        margin-top: 10px;
        letter-spacing: 0px;
    }
    .secEstate {
        margin-top: 50px;
    }
    .secEstate .tabBox {
        width: 92%;
        margin: 30px auto 0;
    }
    .secEstate .tabItem {
        width: calc((100% - 12px) / 4);
        height: 90px;
        font-size: 14px;
        letter-spacing: 1px;
        border-radius: 10px;
        box-shadow: 3px 3px 0px 0px rgb(0, 0, 0);
        margin-right: 4px;
        line-height: 18px;
        text-align: center;
    }
    .secEstate .estateCon {
        display: block;
        width: 92%;
        margin: 25px auto;
    }
    .secEstate .estateItem {
        width: 100%;
        border-radius: 10px;
        box-sizing: content-box;
        margin-right: 0;
    }
    .secEstate .listTit {
        width: 72px;
        height: 45px;
        font-size: 11px;
        letter-spacing: 1px;
        /* border-bottom: 1px solid #fff; */
    }
    .secEstate .listTxt {
        font-size: 12px;
        padding: 6px;
        line-height: 16px;
        letter-spacing: 0;
        margin-left: 1px;
        flex: 1;
    }
    .secEstate .listTxt .fOswald {
        font-size: 20px;
        letter-spacing: 0.5px;
    }
    .secEstate .listTxt.preceTxt {
        padding: 5px 6px;
        font-size: 11px;
    }
    .secEstate .estateName {
        font-size: 12px;
        padding: 14px;
        letter-spacing: 0px;
        background: #fff;
        border-radius: 7px 7px 0 0;
    }
    .secEstate .estateInfo .list {
        align-items: center;
    }
    .secEstate .rimitTxt {
        font-size: 12px;
        height: 42px;
        border-radius: 0 0 10px 10px;
    }
    .secEstate .rimitTxt .cercleTxt {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        line-height: 10px;
        font-size: 10px;
        margin-left: 10px;
    }
    .secEstate .rimitTxt .rimit01 {
        font-size: 24px;
        color: #d73a6a;
    }
    .secEstate .rimitTxt .rimit02 {
        font-size: 10px;
    }
    .secEstate .rimitTxt .rimit03 {
        font-size: 12px;
    }
    .secEstate .rimitTxt .imgTxt {
        padding: 0px 3px;
        width: 17px;
        height: 21px;
        display: block;
    }
    .secEstate .estateInfo .list:nth-child(n+2) .listTit {
        height: 30px;
    }
    .secEstate .estateItem:nth-child(n+2) {
        margin-top: 20px;
    }
    .secBtnCon a {
        width: 100%;
        height: 70px;
        box-shadow: 5px 5px 0px 0px rgb(0, 0, 0);
        font-size: 18px;
        letter-spacing: 1px;
    }
    .secBtnCon {
        width: 74.67%;
        margin: 40px auto 0px;
        height: auto;
        display: block;
        justify-content: space-between;
        padding-bottom: 40px;
    }
    .secBtnCon a.contactBtn {
        margin-top: 20px;
    }
    .secPickup .estateInfo .list:last-child {
        border-radius: 0 0 7px 7px;
        margin-bottom: 1px;
    }
}
/*-----------------------------------------------
    seclpTxt
-----------------------------------------------*/

.seclpTxt{
    margin: 70px 0 90px;
    text-align: center;
}
.seclpTxt .lpTxt{
    font-size: 24px;
    line-height: 46px;
    letter-spacing: 2px;
}
@media only screen and (max-width:767px){
    .seclpTxt .lpTxt {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0px;
    }
    .seclpTxt {
        margin: 25px 0 45px;
        text-align: center;
    }

}
/*-----------------------------------------------
    secPickup
-----------------------------------------------*/

.secPickup.lazyloaded{
    background: url(../img/index/bgPickup.gif)center top / cover no-repeat;
    height: 980px;
}
.secPickup .pickupTitEng{
    font-size: 60px;
    text-align: center;
    letter-spacing: 3px;
    padding-top: 114px;
    color: #fff;
}
.secPickup .pickupTit{
    font-size: 22px;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 2px;
    color: #fff;
}
/* ここおなじCSS */
.secPickup .swiper-slide {
    /* background: #fff; */
    width: 620px !important;
    border: 2px solid #000;
    border-radius: 10px;
    box-sizing: content-box;
    /* margin-right: 90px; */
}
.secPickup .estateName {
    display: flex;
    font-size: 18px;
    padding: 26px;
    letter-spacing: 1px;
    background: #fff;
    border-radius: 7px 7px 0 0;
}
.secPickup .estateInfo .list {
    display: flex;
    background: #fff;
    margin-bottom: 1px;
    margin-top: 1px;
}
.secPickup .estateInfo .list:last-child .listTit{
    border-bottom: none;
    border-radius: 0 0 0 5px;
}
.secPickup .estateInfo .list:last-child{
    border-radius: 0 0 5px 5px;
}
.secPickup .listTit {
    width: 130px;
    height: 56px;
    background: #2b8bbd;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    /* border-bottom: 1px solid #fff; */
}
.secPickup .listTxt {
    font-size: 16px;
    padding: 20px;
    letter-spacing: 0.5px;
    margin-left: 1px;
}
.secPickup .listTxt.preceTxt {
    padding: 9px 20px;
    font-size: 18px;
}
.secPickup .listTxt .fOswald {
    font-size: 36px;
    letter-spacing: 0.5px;
}
.secPickup .secBnrSlider{
    margin-top: 56px;
}
/* ここまで */
.secBnrSlider .boxSlider {
    position: relative;
}
.secBnrSlider .swiper-button-next.lazyloaded {
    background: url(../img/index/imgBtnNext.png) center top / cover no-repeat;
    right: calc(50% - 380px);
}
.secBnrSlider .swiper-button-prev.lazyloaded {
    background: url(../img/index/imgBtnPrev.png) center top / cover no-repeat;
    left: calc(50% - 380px);
}
.secBnrSlider .swiper-button-prev, .secBnrSlider .swiper-button-next {
    width: 50px;
    height: 50px;
    margin-top: 0;
    top: calc(50% - 25px);
}
#pickupPrev,#pickupNext{
    display: block !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    display: none;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    display: none;
}
@media only screen and (max-width:767px){
    .secPickup .swiper-slide {
        width: 100% !important;
        border: 2px solid #000;
        border-radius: 10px;
        box-sizing:border-box;
    }
    .secPickup .swiper-slide.memberOnly {
        border: none;
    }
    .secBnrSlider .boxSlider {
        width: 92%;
        margin: 0 auto;
    }
    .secPickup .pickupTitEng {
        font-size: 30px;
        letter-spacing: 1.5px;
        padding-top: 48px;
    }
    .secPickup .pickupTit {
        font-size: 15px;
        margin-top: 8px;
        letter-spacing: 0.5px;
    }
    .secPickup .estateName {
        display: flex;
        font-size: 12px;
        padding: 14px;
        letter-spacing: 1px;
        background: #fff;
        border-radius: 7px 7px 0 0;
    }
    .secPickup .listTit {
        width: 72px;
        height: 45px;
        font-size: 11px;
        letter-spacing: 1px;
    }
    .secPickup .listTxt {
        font-size: 12px;
        padding: 6px;
        line-height: 16px;
        letter-spacing: 0;
        margin-left: 1px;
        flex: 1;
    }
    .secPickup .listTxt .fOswald {
        font-size: 20px;
        letter-spacing: 0.5px;
        line-height: 19px;
    }
    .secPickup .estateInfo .list:nth-child(n+2) .listTit {
        height: 30px;
    }
    .secPickup .listTxt.preceTxt {
        padding: 4px 6px;
        font-size: 11px;
    }
    .secPickup .estateInfo .list {
        align-items: center;
    }
    .secBnrSlider .swiper-button-prev.lazyloaded {
        left: calc(50% - 52.5%);
    }
    .secBnrSlider .swiper-button-next.lazyloaded {
        right: calc(50% - 52.5%);
    }
    .secBnrSlider .swiper-button-prev, .secBnrSlider .swiper-button-next {
        width: 40px;
        height: 40px;
        margin-top: 0;
        top: calc(50% - 40px);
    }
    .secPickup.lazyloaded {
        background: url(../img/index/bgPickup_sp.gif) center top / cover no-repeat;
        height: auto;
        padding-bottom: 43px;
    }
    .secPickup .secBnrSlider {
        margin-top: 24px;
    }
}
/*-----------------------------------------------
    secDemerit
-----------------------------------------------*/
.secDemerit{
    background: url(../img/index/bgDemerit.png)center top / cover no-repeat;
    height: 999px;
    z-index: 1;
    position: relative;
}
.secDemerit .demeritTit{
    font-size: 30px;
    letter-spacing: 2px;
    text-align: center;
    padding-top: 110px;
    line-height: 1.7;
}
.secDemerit .demeritTit .strongTit{
    font-size: 34px;
    letter-spacing: 3px;
}
.secDemerit .imgDemerit{
    margin: 45px auto 0;
    width: 1280px;
}
@media only screen and (max-width:767px){
    .secDemerit .demeritTit {
        font-size: 18px;
        letter-spacing: 0px;
        padding-top: 43px;
        line-height: 1.7;
    }
    .secDemerit .demeritTit .strongTit {
        font-size: 20px;
        letter-spacing: 0px;
    }
    .secDemerit {
        background: url(../img/index/bgDemerit_sp.png) center top / cover no-repeat;
        height: auto;
        padding-bottom: 58px;
        padding-bottom: 38.375%;
    }
    .secDemerit .imgDemerit {
        margin: 20px auto 0;
        width: 92%;
    }
}
@media only screen and (max-width:420px){
    .secDemerit {
        padding-bottom: 20.375%;
    }
}
/*-----------------------------------------------
    secMerit
-----------------------------------------------*/
.secMerit{
    background: url(../img/index/bgFlower02.gif)center top / cover no-repeat;
    height: 2988px;
    margin-top: -120px;
    position: relative;
    padding-top: 220px;
}
.secMerit .meritItem{
    display: flex;
    align-items: center;
}
.secMerit .meritItem:nth-child(2){
    flex-direction: row-reverse;
}
.secMerit .meritTit{
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
}
.secMerit .meritTxt{
    margin-top: 16px;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1.8px;
}
.secMerit .textBox{
    margin-left: 60px;
}
.secMerit .meritItem:nth-child(2) .textBox{
    margin-left: 0px;
    margin-right: 60px;
}
.secMerit .meritItem:nth-child(n+2){
    margin-top: 90px;
}
.secMerit .meritItem:nth-child(1) .imgMerit,
.secMerit .meritItem:nth-child(3) .imgMerit{
    box-shadow: -10px 10px 0px 0px #2b8bbd;
    border-radius: 10px;
    margin-left: 10px;
}
.secMerit .meritItem:nth-child(2) .imgMerit{
    box-shadow: 10px 10px 0px 0px #d73a6a;
    border-radius: 10px;
    margin-right: 10px;
}
.secMerit .secBtnCon {
    margin: 130px auto 0;
}
@media only screen and (max-width:767px){
    .secMerit {
        background: url(../img/index/bgFlower02_sp.gif) center top / cover no-repeat;
        height: auto;
        margin-top: -60px;
        margin-top: -17%;
        position: relative;
        padding-top: 21%;
        padding-bottom: 160px;
    }
    .secMerit .meritTit {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0px;
        margin-top: 20px;
    }
    .secMerit .meritItem {
        display: block;
        align-items: center;
    }
    .secMerit .wrapper1280 {
        width: 92%;
        margin: 0 auto;
    }
    .secMerit .meritItem:nth-child(1) .imgMerit, .secMerit .meritItem:nth-child(3) .imgMerit {
        box-shadow: -5px 5px 0px 0px #2b8bbd;
        border-radius: 10px;
        margin-left: 0px;
    }
    .secMerit .meritItem:nth-child(2) .imgMerit {
        box-shadow: 5px 5px 0px 0px #d73a6a;
        border-radius: 10px;
        margin-right: 0px;
    }
    .secMerit .textBox {
        margin-left: 0px;
    }
    .secMerit .meritTxt {
        margin-top: 10px;
        font-size: 14px;
        line-height: 26px;
        letter-spacing: 0px;
    }
    .secMerit .meritItem:nth-child(n+2) {
        margin-top: 40px;
    }
    .secMerit .meritItem:nth-child(2) .textBox {
        margin-left: 0px;
        margin-right: 0px;
    }
    .secMerit .secBtnCon {
        margin: 33px auto 0;
        width: 81.16%;
    }
}
@media only screen and (max-width:420px){
    .secMerit {
        margin-top: -16%;
    }
}
/*-----------------------------------------------
    secMap
-----------------------------------------------*/
.secMap {
    width: 1270px;
    margin: 0 auto;
    box-shadow: 10px 10px 0px 0px #000000;
    border-radius: 10px;
    margin-top: 120px;
    background:url(../img/index/bgMap.png)center top / cover no-repeat;
    height: 722px;
}
.secMap .mapTitEng {
    font-size: 60px;
    text-align: center;
    letter-spacing: 3px;
    padding-top: 73px;
}
.secMap .mapTit {
    font-size: 22px;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 2px;
}
.secMap .googleMap {
    text-align: center;
    margin-top: 50px;
}
.secMap .googleMap iframe{
    border-radius: 10px;
}
@media only screen and (max-width:767px){
    .secMap {
        width: calc(92% - 5px);
        margin: 0 auto;
        box-shadow: 5px 5px 0px 0px #000000;
        border-radius: 10px;
        margin-top: 5px;
        background: url(../img/index/bgMap_sp.png) center top / cover no-repeat;
        height: auto;
        padding-bottom: 13px;
        border: 2px solid #000;
        border-top: none;
        border-bottom: none;
    }
    .secMap .googleMap {
        text-align: center;
        margin-top: 50px;
        width: 88.2356%;
        margin: 20px auto;
        height: 200px;
    }
    .secMap .mapTitEng {
        font-size: 30px;
        text-align: center;
        letter-spacing: 1px;
        padding-top: 30px;
    }
    .secMap .mapTit {
        font-size: 15px;
        margin-top: 8px;
        text-align: center;
        letter-spacing: 1px;
    }
    .secMap .googleMap iframe {
        width: 100%;
        height: 100%;
    }
}
/*-----------------------------------------------
    formTabCon
-----------------------------------------------*/
.formTabCon{
    position: relative;
}
.formTabCon .formTabList{
    display: flex;
    position: absolute;
    top: -150px;
    left: calc(50% - 640px);
    background: #fff;
}
.formTabCon .formTabItem{
    font-size: 26px;
    width: 640px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(220, 220, 220);
    color: #848484;
}
.formTabCon .formTabItem.active{
    background: #ebecea;
    border-bottom: none;
    color: #2b8bbd;
}
.formTabCon .formTabItem .cmnTabBtn{
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #848484;
}
.formTabCon .formTabItem.active .cmnTabBtn{
    color: #2b8bbd;
}
@media only screen and (max-width:767px){
    .formTabCon .formTabItem {
        font-size: 17px;
        width: 50%;
        height: 95px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgb(220, 220, 220);
        text-align: center;
        line-height: 24px;
    }
    .formTabCon .formTabList {
        display: flex;
        position: absolute;
        top: -95px;
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
        width: 92%;
    }
    .secContact {
        position: relative;
        margin-top: 0;
        padding: 59px 0 0;
    }
}
.boxSlider .swiper-pagination{
    display: none;
}
@media only screen and (max-width:767px){
    .boxSlider .swiper-pagination{
        display: block;
        position: static;
        padding-top: 5px;
    }
    .boxSlider .swiper-pagination-bullet{
        background: #e7e7e7;
        margin: 5px !important;
        opacity: 1;
        width: 7px;
        height: 7px;
        border-radius: 5px;
    }
    .boxSlider .swiper-pagination-bullet-active{
        background: #2b8bbd;
        border: 1px solid #fff;
    }
}

@media only screen and (max-width:320px){
    .secSimplehome .subTit {
        top: -41px;
        font-size: 15px;
        width: 255px;
        height: 80px;
        line-height: 24px;
    }
    .secEstate .listTxt {
        font-size: 10px;
        padding: 6px;
        line-height: 16px;
    }
    .secEstate .listTxt .fOswald {
        font-size: 18px;
        letter-spacing: 0.5px;
    }
    .secPickup .listTxt .fOswald {
        font-size: 18px;
        letter-spacing: 0.5px;
        line-height: 18px;
    }
    .secMerit .meritTit {
        font-size: 16px;
    }
    .secMerit .meritTxt {
        font-size: 12px;
    }
    .secGiftBox .txt {
        letter-spacing: 0px;
    }
}