@charset "UTF-8";
/* CSS Document */

/*--------------------------------------
    common
--------------------------------------*/

.tabArea{
    padding-top: 35px;
    margin: 0 auto 0 auto;
    display: grid;
}
.tabArea li.active{
    font-size:24px;
    font-weight: 600;
    line-height: 80px;
    text-align: center;
    color:#FFFFFF;
    background: #FF7482;
    position: relative;
    border-radius: 6px;
}
.tabArea li.active:after{
    content: "";
    width:0;
    height:0;
    position: absolute;
    top:100%;
    left:0;
    right:0;
    bottom:auto;
    margin: auto;
    border-top:10px solid #FF7482;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
}
.tabArea li a{
    font-size:24px;
    font-weight: 600;
    line-height: 80px;
    text-align: center;
    color:#FF7482;
    background: rgba(255,116,130,0.3);
    border-radius: 6px;
    display: block;
}
.searchArea .contentWidthB{
    padding: 50px 0 50px 0;
    border-radius: 6px;
    background: rgba(250,243,224,0.45);
}
.searchArea .searchBox{
    display: flex;
}
.searchArea .searchBox dl{
    background: #FAF3E0;
    border:3px solid #F7EAC8;
    border-radius: 6px;
    padding:16px 24px 32px 24px;
}
.searchArea .searchBox dl dt{
    font-size:20px;
    font-weight: 600;
    line-height: 1.35;
    padding: 9px 0 8px 0;
    background: #FFFFFF;
    text-align: center;
    border-radius: 3px;
    margin: 0 0 20px 0;
}
.searchArea .searchBox dl dd{
    margin: 0 auto 0 auto;
    line-height: 1.3;
    width:calc(100% - 36px);
}
.searchArea .searchBox dl dd label{
    font-size:20px;
    line-height: 1.3;
    display: inline-block;
    margin-top: 10px;
}
.searchArea .searchBox dl dd label input[type="radio"]{
    width:16px;
    height:16px;
    margin-right: 5px;
}
.searchArea .searchBtn{
    width:370px;
    height:67px;
    margin: 50px auto 0 auto;
    position: relative;
    transition: 0.3s;
}
.searchArea .searchBtn:hover{
    opacity: 0.5;
}
.searchArea .searchBtn::before{
    content: "";
    background: url("../common/images/icon_search.png") no-repeat center center/contain;
    display: block;
    width:23px;
    height:23px;
    position: absolute;
    top:0;
    left:90px;
    right:auto;
    bottom:0;
    margin: auto;
}
.searchArea .searchBtn input{
    font-size:18px;
    font-weight: 600;
    width:100%;
    height:100%;
    border-radius: 34px;
    background: #FF7482;
    color:#FFFFFF;
    box-sizing: border-box;
    padding-left: 48px;
    cursor:pointer;
    -webkit-appearance: none;
    border:none;
    box-shadow: none;
    font-family: inherit;
}

.listArea article{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 86px;
    grid-row-gap: 60px;
}
.entry a.item{
    display: block;
    padding-bottom: 20px;
}
.entry a.item .thumb{
    width:100%;
    height:auto;
    padding-top: 100%;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.entry a.item .thumb img{
    width:100%;
    height:100%;
    object-fit: cover;
    position: absolute;
    top:0;
    left:0;
}
.entry .status{
    display: block;
    width:89px;
    height:89px;
    position: absolute;
    top:0;
    left:0;
    z-index: 1000;
}
.entry a.item h4,
.entry.single a.item h5{
    font-weight: 600;
    line-height: 1.3;
}
.entry a.item .schedule{
    margin: 10px 0 -10px 0;
    color:rgba(51,51,51,0.4);
}
.floorArea{
    margin: 65px auto 0 auto;
}
.floorArea .floorbox{
    margin: 45px auto 0 auto;
    display: flex;
    justify-content: center;
}
.floorArea .floorbox figure{
    max-width: 400px;
    max-height: 400px;
    margin: 45px 0 0 0;
    text-align: center;
}
.floorArea .floorbox figure img{
    max-width: 100%;
    width:auto;
    max-height: 100%;
    margin: auto;
}
.floorArea .floorbox figure:nth-of-type(-n+2){
    margin-top: 0 !important;
}
.floorArea .floorbox:has(> :nth-of-type(2)) figure{
    width:48%;
    text-align: right;
}
.floorArea .floorbox:has(> :nth-of-type(2)) figure:nth-of-type(2n){
    margin:45px 0 0 4%;
    text-align: left;
}
.floorArea .floorbox:has(> :nth-of-type(3)){
    flex-wrap: wrap;
}
.floorArea .floorbox:has(> :nth-of-type(odd):last-child) figure:last-child{
    text-align: center;
}
.cameraArea .camerabox {
    width: 100%;
}
.cameraArea .camerabox iframe {
    width: 100%;
}
.pagenaviWrapper{
    margin: 80px auto 0 auto;
    text-align: center;
}
.wp-pagenavi{
    display: inline-block;
    position: relative;
}
.wp-pagenavi a.page,
.wp-pagenavi span.current{
    width:50px;
    display: inline-block;
    margin:0 10px 0 10px;
    font-size:24px;
    line-height: 50px;
    vertical-align: middle;
    border:2px solid #FF7482;
    transition: 0.3s;
    border-radius: 6px;
}
.wp-pagenavi a.page{
    color:#FF7482;
    background:#FFFFFF;
}
.wp-pagenavi a.page:hover,
.wp-pagenavi span.current{
    opacity: 1;
    color:#FFFFFF;
    background:#FF7482;
}
.wp-pagenavi a.previouspostslink{
    background: url("../common/images/btn_prev.png") no-repeat center center/contain;
    width:53px;
    height:54px;
    position: absolute;
    top:0;
    right:calc(100% + 12px);
    line-height: 54px;
    text-indent: -9999px;
    vertical-align: middle;
}
.wp-pagenavi a.nextpostslink{
    background: url("../common/images/btn_next.png") no-repeat center center/contain;
    width:53px;
    height:54px;
    position: absolute;
    top:0;
    left:calc(100% + 12px);
    line-height: 54px;
    text-indent: -9999px;
    vertical-align: middle;
}
@media (max-width: 1500px) {
    .searchArea .searchBox dl dt{
        font-size:calc(18px + ((1vw - 11px)*0.5));
    }
    .searchArea .searchBox dl dd{
        width:calc(100% - (28px + ((1vw - 11px)*2)));
    }
    .searchArea .searchBox dl dd label{
        font-size:calc(16px + ((1vw - 11px)*1));
    }
    .searchArea .searchBox dl dd label input[type="radio"] {
        width: calc(14px + ((1vw - 11px)*0.5));
        height: calc(14px + ((1vw - 11px)*0.5));
    }
    .listArea article{
        column-gap: calc(34px + ((1vw - 11px)*13));
        grid-row-gap: calc(24px + ((1vw - 11px)*9));
    }
}
@media (max-width: 1100px) {
    .searchArea .searchBox dl dt{
        font-size:18px;
    }
    .searchArea .searchBox dl dd{
        width:calc(100% - 28px);
    }
    .searchArea .searchBox dl dd label{
        font-size:16px;
    }
    .searchArea .searchBox dl dd label input[type="radio"] {
        width: 14px;
        height: 14px;
    }
    .listArea article{
        column-gap: 34px;
        grid-row-gap: 24px;
    }
}
@media (max-width: 768px) {
    .tabArea{
        padding-top: 20px;
    }
    .tabArea li.active{
        font-size:16px;
        line-height: 50px;
    }
    .tabArea li.active:after{
        border-top:6px solid #FF7482;
        border-left:6px solid transparent;
        border-right:6px solid transparent;
    }
    .tabArea li a{
        font-size:16px;
        line-height: 50px;
    }
    .searchArea .contentWidthB{
        padding: 30px 0 30px 0;
    }
    .searchArea .searchBox{
        display: block;
    }
    .searchArea .searchBox dl{
        padding:8px 12px 8px 12px;
        margin-bottom: 10px;
    }
    .searchArea .searchBox dl dt{
        font-size:16px;
        padding: 9px 0 8px 0;
    }
    .searchArea .searchBox dl dd{
        width:calc(100% - 10px);
    }
    .searchArea .searchBox dl dd label{
        font-size:14px;
    }
    .searchArea .searchBox dl dd label input[type="radio"]{
        width:12px;
        height:12px;
    }
    .searchArea .searchBtn{
        width:min(370px,100%);
        height:60px;
        margin: 30px auto 0 auto;
    }
    .searchArea .searchBtn::before{
        width:18px;
        height:18px;
        left:20px;
    }
    .searchArea .searchBtn input{
        font-size:14px;
        border-radius: 30px;
        padding-left: 48px;
    }

    .listArea article{
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        grid-row-gap: 20px;
    }
    .entry .status{
        width:50px;
        height:50px;
    }
    .floorArea{
        margin: 40px auto 0 auto;
    }
    .floorArea .floorbox{
        margin: 20px auto 0 auto;
    }
    .floorArea .floorbox figure{
        margin: 20px 0 0 0;
    }
    .pagenaviWrapper{
        margin: 40px auto 0 auto;
    }
    .wp-pagenavi a.page,
    .wp-pagenavi span.current{
        width:30px;
        margin:0 5px 0 5px;
        font-size:14px;
        line-height: 30px;
    }
    .wp-pagenavi a.previouspostslink{
        width:36px;
        height:36px;
        line-height: 36px;
    }
    .wp-pagenavi a.nextpostslink{
        width:36px;
        height:36px;
        line-height: 36px;
    }
}
@media (max-width: 500px) {
    .listArea article{
        column-gap: 10px;
    }
}

/*--------------------------------------
    news
--------------------------------------*/

.news article{
    margin:70px auto 0 auto;
}
.news a.item h3{
    font-size:18px;
    font-weight: 600;
    margin: 16px 0 0 0;
}
.news a.item .date{
    margin: 20px 0 0 0;
    opacity: 0.5;
}
.news.single article{
    margin:50px auto 0 auto;
}
.news.single article .date{
    font-size:22px;
    opacity: 0.5;
}
.news.single article h3{
    font-size:28px;
    font-weight: 700;
    line-height: 1.3;
    padding: 30px 0 45px 0;
    border-bottom:2px solid #FB7784;
    margin: 0 0 60px 0;
}
@media (max-width: 768px) {
    .news article{
        margin:40px auto 0 auto;
    }
    .news a.item h3{
        font-size:16px;
        margin: 12px 0 0 0;
    }
    .news a.item .date{
        margin: 15px 0 0 0;
    }
    .news.single article{
        margin:40px auto 0 auto;
    }
    .news.single article .date{
        font-size:16px;
    }
    .news.single article h3{
        font-size:21px;
        padding: 15px 0 20px 0;
        margin: 0 0 30px 0;
    }
}

/*--------------------------------------
    blog
--------------------------------------*/

.blog .tabArea{
    width:854px;
    gap:34px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin:0 auto 0 auto;
}
.blog article{
    margin:80px auto 0 auto;
}
.blog a.item h3{
    font-size:18px;
    font-weight: 600;
    margin: 16px 0 0 0;
}
.blog.single article{
    margin:125px auto 0 auto;
}
.blog.single article h3{
    font-size:28px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 60px 0;
}
.blog.single article .wp_Content .wp-block-social-links{
    margin-right:40px;
}
@media (max-width: 768px) {
    .blog .tabArea{
        width:92%;
        gap:2px;
    }
    .blog article{
        margin:40px auto 0 auto;
    }
    .blog a.item h3{
        font-size:16px;
        margin: 12px 0 0 0;
    }
    .blog.single article{
        margin:50px auto 0 auto;
    }
    .blog.single article h3{
        font-size:21px;
        margin: 0 0 30px 0;
    }
}

/*--------------------------------------
    works
--------------------------------------*/

.works .tabArea{
    width:700px;
    gap:26px;
    grid-template-columns: 1fr 1fr;
}
.works .searchArea{
    width:100%;
    margin: 0 auto 100px auto;
}
.works .searchArea .searchBox{
    gap:25px;
}
.works .searchArea .searchBox dl{
    flex-grow: 1;
}
.works .searchArea .searchBox dl:nth-of-type(1) dd label{
    width:100%;
}
.works .searchArea .searchBox dl:nth-of-type(2) dd label{
    width:47%;
    margin: 10px 2% 0 0;
}
.works .searchArea .searchBox dl:nth-of-type(3) dd label{
    width:38%;
    margin: 10px 2% 0 0;
}
.works .searchArea .searchBox dl:nth-of-type(3) dd label:nth-child(3){
    width:16%;
    margin: 10px 0 0 0;
}
.works .new .status{
    background: url("../images/estate/icon_new.png") no-repeat center center/contain;
}
.works a.item h4,
.works.single a.item h5{
    font-size:20px;
    margin-top: 20px;
}
.works a.item ul{
    display: flex;
    align-items: center;
    margin-top: 12px;
}
.works a.item ul li{
    padding: 0 8px;
    position: relative;
    font-size:14px;
    color:#FF7482;
}
.works a.item ul li.address{
    width:auto;
    height:27px;
    font-size:14px;
    line-height: 27px;
    padding:0 24px 0 24px;
    color:#333333;
    background: #F7EAC6;
    border-radius: 19px;
    display: block;
    margin-right: 6px;
}
.works a.item ul li::after{
    width:auto;
    height:auto;
    content: "/";
    position: absolute;
    top:0;
    left:100%;
    right:auto;
    bottom:auto;
    transform: translate(-50%,0);
    margin: auto;
}
.works a.item ul li:first-of-type::after,
.works a.item ul li:last-of-type::after{
    display: none;
}
.works .introArea{
    width:815px;
    padding: 10px 0 0 0;
    margin: 0 auto 0 auto;
    text-align: center;
}
.works .introArea span{
    display: inline-block;
    width:124px;
    line-height: 37px;
    border-radius: 19px;
    text-align: center;
    background: #F7EAC6;
}
.works .introArea h3{
    font-size:36px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    border-bottom:1px solid rgba(51,51,51,0.17);
    padding: 0 0 20px 0;
    margin: 30px 0 20px 0;
}
.works .introArea ul{
    display: flex;
    justify-content: center;
}
.works .introArea ul li{
    padding: 0 12px;
    position: relative;
    font-size:23px;
    color:#FF7482;
}
.works .introArea ul li::after{
    width:auto;
    height:auto;
    content: "/";
    position: absolute;
    top:0;
    left:100%;
    right:auto;
    bottom:auto;
    transform: translate(-50%,0);
    margin: auto;
}
.works .introArea ul li:last-of-type::after{
    display: none;
}
.works .galleryArea{
    margin: 55px auto 0 auto;
}
.works .galleryArea .galleryslider li{
    width:1300px;
    height:720px;
    position: relative;
    margin-right: 50px;
}
.works .galleryArea .galleryslider li img{
    width:100%;
    height:100%;
    object-fit: contain;
    position: absolute;
}
.works .galleryArea .galleryslider.slick-slider .slick-list{
    overflow: visible;
}
.works .galleryArea .galleryslider.slick-slider .slick-arrow{
    width:40px;
    height:40px;
}
.works .galleryArea .galleryslider.slick-slider .prev-arrow{
    left:-20px;
}
.works .galleryArea .galleryslider.slick-slider .next-arrow{
    right:-20px;
}
.works .galleryArea .pagerslider{
    margin: 65px auto 0 auto;
}
.works .galleryArea .pagerslider li{
    width:166px;
    height:166px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 23px;
    box-sizing: border-box;
    transition: 0.3s;
    cursor: pointer;
}
.works .galleryArea .pagerslider li:hover{
    opacity: 0.5
}
.works .galleryArea .pagerslider li.slick-current{
    border:4px solid #FB7784;
}
.works .galleryArea .pagerslider li a {
    pointer-events: none;
}
.works .galleryArea .pagerslider li img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.works .dataArea{
    position: relative;
    margin: 90px auto 0 auto;
    padding: 100px 100px 100px 100px;
    box-sizing: border-box;
    background: #FAF3E0;
    border-radius: 6px;
}
.works .dataArea::before{
    content: attr(data-title);
    padding: 18px 46px 18px 46px;
    background: #FFFFFF;
    font-size:34px;
    line-height: 42px;
    font-weight: 600;
    font-family: Montserrat;
    color:#F7EAC6;
    border-radius: 6px;
    position: absolute;
    top:-18px;
    left:100px;
    right:auto;
    bottom:auto;
    margin: auto;
    z-index: 20;
}
.works .dataArea h4{
    font-size:24px;
    font-weight: 700;
    margin: 0 0 20px 0;
}
.works .dataArea p.text{
    font-size:18px;
    line-height: 2;
}
.works .faqArea{
    margin: 105px auto 0 auto;
    counter-reset: number 0;
}
.works .faqArea .box{
    margin: 60px auto 0 auto;
    counter-increment: number 1;
}
.works .faqArea .box:first-child{
    margin: 0 auto 0 auto;
}
.works .faqArea .box:nth-of-type(odd) .questionArea,
.works .faqArea .box:nth-of-type(even) .picArea,
.works .faqArea .box:nth-of-type(odd) .answerArea{
    float:left;
}
.works .faqArea .box:nth-of-type(even) .questionArea,
.works .faqArea .box:nth-of-type(odd) .picArea,
.works .faqArea .box:nth-of-type(even) .answerArea{
    float:right;
}
.works .faqArea .box .questionArea{
    width:712px;
    margin: 0 auto 20px auto;
    padding: 28px 0 28px 122px;
    box-sizing: border-box;
    font-size:24px;
    font-weight: 600;
    color: #FF7482;
    line-height: 32px;
    position: relative;
}
.works .faqArea .box .questionArea::before{
    content: "Q." counter(number);
    font-family: Montserrat;
    font-size: 28px;
    text-align: center;
    background: url("../images/works/icon_question.png") no-repeat center center/contain;
    width:88px;
    height:88px;
    padding: 28px 0 28px 0;
    box-sizing: border-box;
    position: absolute;
    top:0;
    left:0;
    right:auto;
    bottom:auto;
    letter-spacing: 2px;
}
.works .faqArea .box .picArea{
    width:522px;
    height:auto;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.works .faqArea .box .picArea::after{
    content: "";
    display: block;
    padding-top: 63.8%;
}
.works .faqArea .box .picArea img{
    width:100%;
    height:100%;
    object-fit: cover;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
}
.works .faqArea .box .answerArea{
    width:712px;
    padding: 0 0 0 122px;
    box-sizing: border-box;
    font-size:18px;
    line-height: 2;
}
.works .btn.btn001{
    margin: 105px auto 0 auto;
}
.works .otherArea{
    margin: 140px auto 0 auto;
    padding: 60px 0 60px 0;
    background: rgba(250,243,224,0.45);
}
.works .otherArea .otherslider a.item{
    width:376px;
    margin-left: 86px;
}
@media (max-width: 1500px) {
    .works .galleryArea .galleryslider li{
        width:calc(1012px + ((1vw - 11px)*72));
        height:calc(560px + ((1vw - 11px)*40));
        margin-right: calc(30px + ((1vw - 11px)*5));
    }
    .works .galleryArea .pagerslider li{
        width:calc(130px + ((1vw - 11px)*9));
        height:calc(130px + ((1vw - 11px)*9));
        margin-right: calc(17px + ((1vw - 11px)*1.5));
    }
    .works .faqArea .box .questionArea{
        width:calc(554px + ((1vw - 11px)*39.5));
        padding: calc(26px + ((1vw - 11px)*0.5)) 0 calc(26px + ((1vw - 11px)*0.5)) calc(106px + ((1vw - 11px)*4));
        font-size:calc(20px + ((1vw - 11px)*1));
        line-height: calc(28px + ((1vw - 11px)*1));
    }
    .works .faqArea .box .questionArea::before{
        font-size: calc(24px + ((1vw - 11px)*1));
        width:calc(80px + ((1vw - 11px)*2));
        height:calc(80px + ((1vw - 11px)*2));
        padding: calc(26px + ((1vw - 11px)*0.5)) 0 calc(26px + ((1vw - 11px)*0.5)) 0;
    }
    .works .faqArea .box .picArea{
        width:calc(406px + ((1vw - 11px)*29));
    }
    .works .faqArea .box .answerArea{
        width:calc(554px + ((1vw - 11px)*39.5));
        padding: 0 0 0 calc(106px + ((1vw - 11px)*4));
        font-size:calc(16px + ((1vw - 11px)*0.5));
    }
    .works .otherArea .otherslider a.item{
        width:calc(314px + ((1vw - 11px)*15.5));
        margin-left: calc(34px + ((1vw - 11px)*13));
    }
}
@media (max-width: 1100px) {
    .works .galleryArea .galleryslider li{
        width:1012px;
        height:560px;
        margin-right:30px;
    }
    .works .galleryArea .pagerslider li{
        width:130px;
        height:130px;
        margin-right:17px;
    }
    .works .faqArea .box .questionArea{
        width:554px;
        padding:26px 0 26px 106px;
        font-size:20px;
        line-height:28px;
    }
    .works .faqArea .box .questionArea::before{
        font-size:24px;
        width:80px;
        height:80px;
        padding:26px 0 26px 0;
    }
    .works .faqArea .box .picArea{
        width:406px;
    }
    .works .faqArea .box .answerArea{
        width:554px;
        padding: 0 0 0 106px;
        font-size:16px;
    }
    .works .otherArea .otherslider a.item{
        width:314px;
        margin-left: 34px;
    }
}
@media (max-width: 768px) {
    .works .tabArea{
        width:92%;
        gap:10px;
        grid-template-columns: 1fr 1fr;
        margin: 0 auto 30px auto;
    }
    .works .searchArea{
        margin: 0 auto 40px auto;
    }
    .works .searchArea .searchBox dl:nth-of-type(3) dd label{
        width:47%;
        margin: 10px 2% 0 0;
    }
    .works .searchArea .searchBox dl:nth-of-type(3) dd label:nth-child(3){
        width:47%;
        margin: 10px 2% 0 0;
    }
    .works a.item h4,
    .works.single a.item h5{
        font-size:14px;
    }
    .works a.item ul{
        flex-wrap: wrap;
        column-gap:6px;
    }
    .works a.item ul li{
        margin-top: 10px;
    }
    .works a.item ul li.address{
        font-size:12px;
        line-height: 24px;
        padding:0 18px 0 18px;
    }
    .works .introArea{
        width:92%;
    }
    .works .introArea h3{
        font-size:24px;
        margin: 20px 0 20px 0;
    }
    .works .introArea ul{
        flex-wrap: wrap;
    }
    .works .introArea ul li{
        font-size:14px;
    }
    .works .galleryArea{
        width:92vw;
        margin: 30px auto 0 auto;
    }
    .works .galleryArea .galleryslider{
        width:92vw;
    }
    .works .galleryArea .galleryslider li{
        aspect-ratio: 256 / 170;
        width:92vw;
        height:auto;
        margin-right: 20px;
    }
    .works .galleryArea .galleryslider li img{
        width:100%;
        height:100%;
        object-fit: cover;
    }
    .works .galleryArea .galleryslider li::after{
        content: "";
        padding-top:46vw;
        display: block;
    }
    .works .galleryArea .galleryslider.slick-slider .slick-arrow{
        width:20px;
        height:20px;
    }
    .works .galleryArea .galleryslider.slick-slider .prev-arrow{
        left:-10px;
    }
    .works .galleryArea .galleryslider.slick-slider .next-arrow{
        right:-10px;
    }
    .works .galleryArea .pagerslider{
        width:92vw;
        margin: 30px auto 0 auto;
    }
    .works .galleryArea .pagerslider li{
        width:23vw;
        height:23vw;
        border-radius: 0;
        margin-right: 0;
    }
    .works .galleryArea .pagerslider li.slick-current{
        border:2px solid #FB7784;
    }
    .works .dataArea{
        margin: 40px auto 0 auto;
        padding: 50px 15px 15px 15px;
    }
    .works .dataArea::before{
        padding: 0 20px 10px 20px;
        font-size:24px;
        line-height: 30px;
        top:0;
        left:15px;
    }
    .works .dataArea h4{
        font-size:20px;
    }
    .works .dataArea p.text{
        font-size:14px;
    }
    .works .faqArea{
        margin: 40px auto 0 auto;
    }
    .works .faqArea .box{
        margin: 30px auto 0 auto;
    }
    .works .faqArea .box:nth-of-type(odd) .questionArea,
    .works .faqArea .box:nth-of-type(even) .questionArea,
    .works .faqArea .box:nth-of-type(odd) .picArea,
    .works .faqArea .box:nth-of-type(even) .picArea,
    .works .faqArea .box:nth-of-type(odd) .answerArea,
    .works .faqArea .box:nth-of-type(even) .answerArea{
        float:none;
    }
    .works .faqArea .box .questionArea{
        width:100%;
        margin: 0 auto 20px auto;
        padding: 10px 0 10px 80px;
        font-size:18px;
        line-height: 1.3;
    }
    .works .faqArea .box .questionArea::before{
        font-size: 20px;
        line-height: 1.4;
        width:60px;
        height:60px;
        padding: 16px 0 16px 0;
    }
    .works .faqArea .box .picArea{
        width:100%;
        margin: 0 auto 20px auto;
    }
    .works .faqArea .box .answerArea{
        width:100%;
        padding: 0 0 0 0;
        font-size:14px;
        line-height: 1.8;
    }
    .works .btn.btn001{
        margin: 30px auto 0 auto;
    }
    .works .otherArea{
        margin: 40px auto 0 auto;
        padding: 40px 0 40px 0;
    }
    .works .otherArea .otherslider a.item{
        margin: 0 10px;
    }
    .works .otherArea .otherslider.slick-slider .slick-arrow{
        width:20px;
        height:20px;
    }
    .works .otherArea .otherslider.slick-slider .prev-arrow{
        left:-10px;
    }
    .works .otherArea .otherslider.slick-slider .next-arrow{
        right:-10px;
    }
}

/*--------------------------------------
    plan
--------------------------------------*/

.standard .firstArea{
    background: #F7F0DE;
}
.standard .titleArea{
    background: #C6AE6E;
}
.standard.single .titleArea{
    width:100%;
    padding:45px 0 45px 0;
}
.standard.single .titleArea h2.style001{
    font-size:18px;
}
.standard.single .titleArea h2.style001 span{
    font-size:48px;
}
.standard .introArea{
    height:250px;
    position: relative;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.standard .introArea h3{
    font-size:40px;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.standard .introArea h3 span{
    margin: 0 10px 0 15px;
    color:#C6AE6E;
    font-size:78px;
    font-weight: 600;
    font-family: Montserrat;
}
.standard .introArea .text{
    line-height: 1.8;
}
.standard .introArea .img{
    position: absolute;
    top:auto;
    left:calc(50% - 556px);
    right:auto;
    bottom:0;
    margin: auto;
}
.standard .recommendArea{
    padding: 80px 0 0 0;
    background: #F7F0DE;
}
.standard .recommendArea .boxArea{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 44px;
    margin: 80px auto 0 auto;
}
.standard .recommendArea .boxArea .recommendBox{
    width:auto;
    height:215px;
    padding: 95px 0 0 0;
    position: relative;
    background: #FFFFFF;
    border-radius: 6px;
    box-sizing: border-box;
}
.standard .recommendArea .boxArea .recommendBox .icon{
    position: absolute;
    top:-48px;
    left:0;
    right:0;
    bottom:auto;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width:118px;
    height:118px;
    background: #C6AE6E;
    border:4px solid #FFFFFF;
    border-radius: 50%;
}
.standard .recommendArea .boxArea .recommendBox h4{
    font-size: 23px;
    font-weight: 600;
    text-align: center;
    color:#C6AE6E;
}
.standard .recommendArea .info{
    font-size: 23px;
    font-weight: 600;
    text-align: center;
    color:#C6AE6E;
    line-height: 1.8;
    margin: 50px 0 0 0;
}
.standard .listArea{
    padding: 80px 0 80px 0;
    background: #F7F0DE;
}
.standard .tabArea{
    width:660px;
    grid-template-columns: 1fr 1fr;
}
.standard .tabArea li{
    font-size: 24px;
    font-weight: 600;
    line-height: 80px;
    text-align: center;
    border-radius: 6px 6px 0 0;
    color: #FFFFFF;
    background: rgba(198,174,110,0.4);
}
.standard .tabArea li.active{
    background: #C6AE6E;
}
.standard .tabArea li.active:after{
    border-top: 10px solid #C6AE6E;
}
.standard .innerArea{
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 70px 50px 70px 50px;
    display: none;
}
.standard .innerArea.show{
    display: block;
}
.standard .innerArea h3{
    font-size:24px;
    font-weight: 600;
    line-height: 1.3;
    color:#C6AE6E;
    padding: 13px 45px 13px 45px;
    position: relative;
    border-radius: 6px;
    background: #FAF3E0;
    margin: 50px auto 0 auto;
}
.standard .innerArea h3:first-of-type{
    margin: 0 auto 0 auto;
}
.standard .innerArea h3::before{
    content: "";
    width:9px;
    height:30px;
    display: block;
    position: absolute;
    top:0;
    left:18px;
    right:auto;
    bottom:0;
    margin: auto;
    border-radius: 6px;
    background: #C6AE6E;
}
.standard .innerArea h3 span{
    width:166px;
    line-height: 34px;
    background: #FFFFFF;
    border-radius: 17px;
    text-align: center;
    margin:0 0 0 10px;
    display: inline-block;
    font-size:21px;
    color:#333333;
}
.standard .listArea article {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 50px;
    grid-row-gap: 50px;
    margin: 50px auto 0 auto;
}
.standard a.item{
    position: relative;
}
.standard a.item .thumb{
    padding-top: 87.43%;
}
.standard a.item ul{
    display: flex;
    align-items: center;
    margin: 23px 0 0 0;
}
.standard a.item ul li{
    font-size:16px;
}
.standard a.item ul li.tsubo{
    padding: 0 clamp(12px, 7.28px + 1.48vw, 25.008px);
    line-height: 27px;
    font-size:14px;
    font-weight: 600;
    text-align: center;
    color:#FFFFFF;
    background: #C6AE6E;
    border-radius: 6px;
    display: block;
    margin-right: 9px;
}
.standard a.item .price{
    display: inline-block;
    padding:0 0 0 42px;
    font-size:18px;
    margin: auto;
    position: absolute;
    top:auto;
    left:auto;
    right:0;
    bottom:10px;
}
.standard a.item .price::before{
    content: "";
    background: url("../images/plan/icon_price.png") no-repeat center center/contain;
    width:38px;
    height:38px;
    position: absolute;
    top:0;
    left:0;
    right:auto;
    bottom:0;
    margin: auto;
}
.standard a.item .price span{
    display: inline-block;
    font-family:Montserrat;
    font-size:50px;
    font-weight: 600;
    margin: 0 0 0 0;
    line-height: 50px;
    color:#333333;
}
.standard a.item .price rt{
    font-size:12px;
    font-weight: 400;
}
.standard .contentArea{
    display: grid;
    gap:56px;
    grid-template-columns: 670px 574px;
    padding: 80px 0 0 0;
}
.standard .detailArea h3{
    font-size:30px;
    line-height: 1.3;
    font-weight: 600;
    padding: 14px 50px 14px 50px;
    position: relative;
    border-radius: 6px;
    background: #F7F0DE;
}
.standard .detailArea h3::before{
    content: "";
    width:10px;
    height:40px;
    position: absolute;
    top:0;
    left:20px;
    right:auto;
    bottom:0;
    margin: auto;
    border-radius: 6px;
    display: block;
    background: #C6AE6E;
}
.standard .detailArea h3 span{
    font-size:19px;
    line-height: 32px;
    padding: 0 35px 0 35px;
    position: relative;
    border-radius: 16px;
    background: #FFFFFF;
    margin:auto auto auto 20px;
    display: inline-block;
    vertical-align: bottom;
}
.standard .detailArea .price{
    font-size:28px;
    margin: 25px auto 30px auto;
    line-height: 37px;
}
.standard .detailArea .price::before{
    content: "本体価格";
    font-size:19px;
    margin: auto;
    line-height: 37px;
}
.standard .detailArea .price span{
    display: inline-block;
    font-family:Montserrat;
    font-size:100px;
    font-weight: 600;
    line-height: 1.33;
    margin: 0 0 0 0;
}
.standard .detailArea .price rt{
    font-size:16px;
    font-weight: 400;
}
.standard .detailArea .priceArea{
    display: flex;
    justify-content: space-between;
}
.standard .detailArea .priceArea .box{
    width:330px;
}
.standard .detailArea .priceArea .box h4{
    font-size:16px;
    font-weight: 600;
    display: block;
    text-align: center;
    line-height: 42px;
    color:#C6AE6E;
    background: #F7F0DE;
    border:1px solid;
    border-color: #C6AE6E #C6AE6E transparent #C6AE6E;
    border-radius: 6px 6px 0 0;
    box-sizing: border-box;
}
.standard .detailArea .priceArea .box dl{
    padding: 20px 25px 20px 25px;
    border:1px solid;
    border-color: transparent #C6AE6E #C6AE6E #C6AE6E;
    border-radius: 0 0 6px 6px;
    box-sizing: border-box;
}
.standard .detailArea .priceArea .box dl dt{
    font-size:18px;
    line-height: 22px;
    color:rgba(51,51,51,0.34);
    float: left;
}
.standard .detailArea .priceArea .box dl dd{
    font-size:18px;
    line-height: 23px;
    padding: 0 0 7px 120px;
}
.standard .detailArea .priceArea .box dl dt:last-of-type{
    font-weight: 600;
    margin: 16px 0 0 0;
    padding: 12px 0 0 0;
}
.standard .detailArea .priceArea .box dl dd:last-of-type{
    font-weight: 600;
    margin: 8px 0 0 0;
    padding: 12px 0 0 120px;
    border-top:1px solid #C6AE6E;
}
.standard .detailArea .priceArea .box dl dd span{
    font-size:23px;
    line-height: 1;
    font-weight: 600;
}
.standard .detailArea .priceArea .box:nth-of-type(2) dl dt:last-of-type,
.standard .detailArea .priceArea .box:nth-of-type(2) dl dd:last-of-type,
.standard .detailArea .priceArea .box:nth-of-type(2) dl dd:last-of-type span{
    color:#C6AE6E;
}
.standard .detailArea .priceArea .box dl dt:last-of-type,
.standard .detailArea .priceArea .box dl dd:last-of-type{
    line-height: 34px;
}
.standard .detailArea .priceArea .box dl dd span{
    font-size:34px;
    line-height: 34px;
}
.standard .detailArea .comment{
    margin: 15px 0 0 0;
}
.standard .detailArea .comment li{
    font-size:13px;
    font-weight: 400;
}
.standard .picArea .pic{
    width:100%;
    text-align: right;
}
.standard .picArea .comment{
    text-align: right;
    margin: 15px 10px auto auto;
}
.standard .otherArea{
    margin: 75px auto 0 auto;
    padding: 40px 0 75px 0;
    background: #FAF3E0;
}
.standard .otherArea .slick-list{
    overflow: visible;
}
.standard .otherArea a.item{
    width:268px;
    margin-right: 76px;
    background:#FFFFFF;
    border-radius: 6px;
    text-align: center;
}
.standard .otherArea a.item .thumb{
    border-radius: 6px 6px auto auto;
}
.standard .otherArea a.item ul {
    justify-content: center;
}
.standard .otherArea a.item .price {
    display: inline-block;
    padding: 0 0 0 42px;
    margin: 15px auto auto auto;
    font-size: 18px;
    position: relative;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
}
.standard .otherArea .otherslider.slick-slider .slick-arrow{
    width:40px;
    height:40px;
}
.standard .otherArea .otherslider.slick-slider .prev-arrow{
    left:-20px;
}
.standard .otherArea .otherslider.slick-slider .next-arrow{
    right:-20px;
}
@media (max-width: 1500px) {
    .standard .innerArea {
        padding: calc(50px + ((1vw - 11px)*5)) calc(30px + ((1vw - 11px)*5)) calc(50px + ((1vw - 11px)*5)) calc(30px + ((1vw - 11px)*5));
    }
    .standard .listArea article {
        column-gap: calc(30px + ((1vw - 11px)*5));
        grid-row-gap: calc(30px + ((1vw - 11px)*5));
    }
    .standard a.item .price span{
        font-size: calc(32px + ((1vw - 11px)*4.5));
    }
    .standard a.item .price rt{
        font-size: calc(10px + ((1vw - 11px)*0.5));
    }
    .standard .contentArea{
        gap:calc(32px + ((1vw - 11px)*6));
        grid-template-columns: calc(520px + ((1vw - 11px)*37.5)) calc(458px + ((1vw - 11px)*29));
    }
    .standard .detailArea .priceArea .box{
        width:calc(255px + ((1vw - 11px)*18.75))
    }
    .standard .detailArea .priceArea .box dl{
        padding: calc(12px + ((1vw - 11px)*2)) calc(17px + ((1vw - 11px)*2)) calc(12px + ((1vw - 11px)*2)) calc(17px + ((1vw - 11px)*2));
    }
    .standard .detailArea .priceArea .box dl dt{
        font-size:calc(14px + ((1vw - 11px)*1));
        line-height: calc(20px + ((1vw - 11px)*0.5));
    }
    .standard .detailArea .priceArea .box dl dd{
        font-size:calc(14px + ((1vw - 11px)*1));
        line-height: calc(21px + ((1vw - 11px)*0.5));
        padding: 0 0 calc(5px + ((1vw - 11px)*0.5)) calc(100px + ((1vw - 11px)*5));
    }
    .standard .detailArea .priceArea .box dl dt:last-of-type{
        margin: calc(16px + ((1vw - 11px)*0.5)) 0 0 0;
    }
    .standard .detailArea .priceArea .box dl dd:last-of-type{
        padding: 12px 0 0 calc(100px + ((1vw - 11px)*5));
    }
    .standard .detailArea .priceArea .box dl dd span{
        font-size: calc(21px + ((1vw - 11px)*0.5));
    }
    .standard .detailArea .priceArea .box dl dt:last-of-type,
    .standard .detailArea .priceArea .box dl dd:last-of-type{
        line-height: calc(30px + ((1vw - 11px)*1));
    }
    .standard .detailArea .priceArea .box dl dd span{
        font-size: calc(26px + ((1vw - 11px)*2));
        line-height: calc(30px + ((1vw - 11px)*1));
    }
    .standard .picArea .comment{
        margin: 15px calc(20px + ((1vw - 11px)*2.5)) auto auto;
    }
    .standard .otherArea .otherslider a.item{
        width:calc(230px + ((1vw - 11px)*9.5));
        margin-right: calc(30px + ((1vw - 11px)*11.5));
    }
}
@media (max-width: 1100px) {
    .standard .innerArea {
        padding: 50px 30px 50px 30px;
    }
    .standard .recommendArea{
        padding: 40px 0 0 0;
    }
    .standard .recommendArea .boxArea{
        grid-template-columns: 1fr;
        gap: 40px;
        margin: 80px auto 0 auto;
    }
    .standard .recommendArea .boxArea .recommendBox {
        display: grid;
        align-items: center;
        grid-template-columns: auto 1fr;
        gap: 10px;
        background: none;
        border-radius: 0px;
        padding: 0px;
        height: auto;
    }
    .standard .recommendArea .boxArea .recommendBox .icon {
        position: relative;
        aspect-ratio: 1 / 1;
        width: clamp(64px, 44.368px + 6.14vw, 118px);
        height: clamp(64px, 44.368px + 6.14vw, 118px);
        top: 0;
        margin: 0;
    }
    .standard .recommendArea .boxArea .recommendBox .icon img {
        width: 50%;
        height: 50%;
    }
    .standard .recommendArea .boxArea .recommendBox h4{
        background-color: white;
        border-radius: 6px;
        font-size: 18px;
        padding: 10px 20px;
    }
    .standard .recommendArea .info{
        background:
            linear-gradient(#bba082bb),
            url(../images/plan/pic_visual_001.jpg) no-repeat center center/cover;
        color: white;
        font-size: 18px;
        padding: 30px 20px;
        margin: 30px 0 0 0;
    }
    .standard .listArea article {
        column-gap: 30px;
        grid-row-gap: 30px;
    }
    .standard a.item .price span{
        font-size: clamp(26px, 23.824px + 0.68vw, 32px);
    }
    .standard a.item .price rt{
        font-size: 10px;
    }
    .standard .contentArea{
        gap: 32px;
        grid-template-columns: 520px 458px;
    }
    .standard .detailArea .priceArea .box{
        width: 255px;
    }
    .standard .detailArea .priceArea .box dl{
        padding: 12px 17px 12px 17px;
    }
    .standard .detailArea .priceArea .box dl dt{
        font-size: 14px;
        line-height: 20px;
    }
    .standard .detailArea .priceArea .box dl dd{
        font-size: 14px;
        line-height: 21px;
        padding: 0 0 5px 100px;
    }
    .standard .detailArea .priceArea .box dl dt:last-of-type{
        margin: 16px 0 0 0;
    }
    .standard .detailArea .priceArea .box dl dd:last-of-type{
        padding: 12px 0 0 100px;
    }
    .standard .detailArea .priceArea .box dl dd span{
        font-size: 21px;
    }
    .standard .detailArea .priceArea .box dl dt:last-of-type,
    .standard .detailArea .priceArea .box dl dd:last-of-type{
        line-height: 30px;
    }
    .standard .detailArea .priceArea .box dl dd span{
        font-size: 26px;
        line-height: 30px;
    }
    .standard .picArea .comment{
        margin: 15px 20px auto auto;
    }
    .standard .otherArea .otherslider a.item{
        width:230px;
        margin-right: 30px;
    }
}
@media (max-width: 768px) {
    .standard.single .titleArea{
        box-sizing: border-box;
        padding:30px 4% 30px 4%;
    }
    .standard.single .titleArea h2.style001{
        font-size:14px;
    }
    .standard.single .titleArea h2.style001 span{
        font-size:24px;
    }
    .standard .introArea{
        padding: 30px 4% 30px 4%;
        height:auto;
    }
    .standard .introArea h3{
        font-size:14px;
    }
    .standard .introArea h3 span{
        margin: 0 6px 0 10px;
        font-size:32px;
    }
    .standard .introArea .img{
        display: none;
    }
    .standard .listArea{
        padding: 40px 4% 40px 4%;
    }
    .standard .tabArea{
        width:100%;
    }
    .standard .tabArea li{
        font-size: 14px;
        line-height: 40px;
    }
    .standard .innerArea{
        width:100%;
        padding: 20px 15px 20px 15px;
    }
    .standard .innerArea h3{
        font-size:16px;
        padding: 13px 15px 13px 20px;
        margin: 30px auto 0 auto;
    }
    .standard .innerArea h3::before{
        width:4px;
        height:20px;
        left:8px;
    }
    .standard .innerArea h3 span{
        width:auto;
        line-height: 30px;
        border-radius: 15px;
        margin:0 0 0 5px;
        font-size:14px;
        padding: 0 15px 0 15px;
    }
    .standard .listArea article {
        grid-template-columns: 1fr 1fr;
        column-gap: 4%;
        margin: 30px auto 0 auto;
    }
    .standard a.item{
        text-align: center;
    }
    .standard a.item .price{
        margin:10px auto 0 auto;
        position: relative;
    }
    .standard a.item ul {
        justify-content: center;
    }
    .standard .contentArea{
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 8px;
        padding: 50px 0 0 0;
    }
    .standard .detailArea {
        display: contents;
    }
    .standard .detailArea h3{
        font-size:14px;
        padding: 10px 20px 10px 20px;
    }
    .standard .detailArea h3::before {
        width: 4px;
        height: 20px;
        left: 8px;
    }
    .standard .detailArea h3 span{
        font-size:14px;
        line-height: 20px;
        padding: 0 20px 0 20px;
        margin:auto auto auto 10px;
    }
    .standard .detailArea .price{
        font-size:16px;
        line-height: 1.5;
        text-align: center;
    }
    .standard .detailArea .price::before{
        font-size:14px;
        line-height: 1.5;
    }
    .standard .detailArea .price span{
        font-size:32px;
    }
    .standard .detailArea .price rt{
        font-size:10px;
    }
    .standard .detailArea .priceArea{
        column-gap: 5px;
    }
    .standard .detailArea .priceArea .box{
        margin: 0 auto 10px auto;
        width: 50%;
    }
    .standard .detailArea .priceArea .box h4 {
        font-size: clamp(12px, 10.544px + 0.45vw, 16px);
    }
    .standard .detailArea .priceArea .box dl {
        padding: 6px;
    }
    .standard .detailArea .priceArea .box dl dd {
        padding: 0 0 5px 80px;
    }
    .standard .detailArea .priceArea .box dl dt:last-of-type {
        float: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    .standard .detailArea .priceArea .box dl dd:last-of-type {
        padding: 0;
        margin: 0;
        text-align: center;
    }
    .standard .detailArea .comment li {
        font-size: clamp(10px, 8.544px + 0.45vw, 14px);
    }
    .standard .picArea {
        grid-row: 2;
    }
    .standard .picArea .pic{
        text-align: center;
    }
    .standard .picArea .comment{
        font-size: clamp(10px, 8.544px + 0.45vw, 14px);
        text-align: left;
        margin: 15px auto auto auto;
    }
    .standard .otherArea{
        margin: 50px auto 0 auto;
        padding: 40px 0 40px 0;
    }
    .standard .otherArea .otherslider{
        width:92vw;
    }
    .standard .otherArea .otherslider a.item {
        width: 92vw;
        margin-right: 20px;
    }
    .standard .otherArea .otherslider.slick-slider .slick-arrow{
        width:20px;
        height:20px;
    }
    .standard .otherArea .otherslider.slick-slider .prev-arrow{
        left:-10px;
    }
    .standard .otherArea .otherslider.slick-slider .next-arrow{
        right:-10px;
    }
}

/*--------------------------------------
    event
--------------------------------------*/

.event .tabArea{
    width:854px;
    gap:34px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0 auto 80px auto;
}
.event a.item .thumb.status003::before{
    content: "";
    width:100%;
    height:100%;
    display: block;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
    background: rgba(51,51,51,0.5);
    z-index: 120;
}
.event a.item .thumb.status003::after{
    content: "このイベントは終了しました\aご参加ありがとうございました";
    white-space: pre;
    width:100%;
    height:auto;
    display: block;
    position: absolute;
    top:50%;
    left:0;
    right:0;
    bottom:auto;
    margin: auto;
    transform: translate(0,-50%);
    font-size:18px;
    font-weight: 600;
    text-align: center;
    color:#FFFFFF;
    z-index: 140;
}
.event a.item .thumb.status001 .status{
    background: url("../images/event/icon_status_001.png") no-repeat center center/contain;
}
.event a.item .thumb.status002 .status{
    background: url("../images/event/icon_status_002.png") no-repeat center center/contain;
}
.event a.item .thumb.status003 .status{
    background: url("../images/event/icon_status_003.png") no-repeat center center/contain;
}
.event a.item h4{
    font-size:18px;
    margin-top: 20px;
}
.event a.item ul{
    display: flex;
    align-items: center;
    column-gap:14px;
    margin-top: 15px;
}
.event a.item ul li.address{
    font-size:13px;
    line-height: 26px;
    padding:0 24px 0 24px;
    color:#FFFFFF;
    background: #333333;
    border-radius: 6px;
    font-weight: 600;
}
.event a.item ul li.date{
    line-height: 1.2;
    color:#333333;
    font-weight: 600;
}
.event.single{
    margin:0 auto -150px auto;
}
.event .introArea{
    padding-top: 40px;
    margin: 0 auto 0 auto;
}
.event .introArea ul{
    display: flex;
    align-items: center;
    margin: 0 0 40px 0;
}
.event .introArea ul li{
    padding: 0 40px 0 40px;
    position: relative;
    font-size:22px;
}
.event .introArea ul li.status{
    width:auto;
    height:auto;
    line-height: 49px;
    text-align: center;
    color:#FFFFFF;
    background: #FF7482;
    border-radius: 6px;
    display: block;
    padding: 0 45px;
    font-weight: 600;
}
.event .introArea ul li:last-of-type::before{
    width:1px;
    height:33px;
    content: "";
    background: #333333;
    position: absolute;
    top:0;
    left:0;
    right:auto;
    bottom:0;
    margin: auto;
}
.event .introArea h3{
    font-size:28px;
    font-weight: 700;
    margin: 0 auto 56px auto;
}
.event .introArea .thumb{
    text-align: center;
}
.event .summaryArea{
    margin: 95px auto 0 auto;
}
.event .summaryArea .contentWidth{
    box-sizing: border-box;
    padding: 30px 30px 30px 50px;
    background: #FAF3E0;
}
.event .summaryArea dl{
    width:540px;
    float: left;
}
.event .summaryArea dl dt{
    float: left;
    width:114px;
    font-size:17px;
    font-weight: 600;
    line-height: 43px;
    text-align: center;
    color:#FFFFFF;
    background: #CBBC92;
    border-radius: 6px;
    display: block;
}
.event .summaryArea dl dd{
    width:100%;
    box-sizing: border-box;
    padding:6px 0 24px 136px;
    font-size:21px;
    font-weight: 600;
    line-height: 1.5;
}
.event .summaryArea .map{
    width:510px;
    position: relative;
    float: right;
}
.event .summaryArea .map::after{
    content: "";
    display: block;
    padding-top: 48.28%;
}
.event .summaryArea .map iframe{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
}
.event .wp_Content{
    margin: 70px auto 0 auto;
}
.event .formArea{
    margin: 200px auto 0 auto;
}
@media (max-width: 1500px) {
    .event .summaryArea .contentWidth{
        padding: calc(25px + ((1vw - 11px)*1.25)) calc(25px + ((1vw - 11px)*1.25)) calc(25px + ((1vw - 11px)*1.25)) calc(40px + ((1vw - 11px)*2.5));
    }
    .event .summaryArea dl{
        width:calc(450px + ((1vw - 11px)*22.5));
    }
    .event .summaryArea dl dt{
        width:calc(98px + ((1vw - 11px)*4));
        line-height: calc(40px + ((1vw - 11px)*0.75));
    }
    .event .summaryArea dl dd{
        padding:calc(5px + ((1vw - 11px)*0.75)) 0 calc(20px + ((1vw - 11px)*1)) calc(120px + ((1vw - 11px)*4));
        font-size:calc(18px + ((1vw - 11px)*0.75));
    }
    .event .summaryArea .map{
        width:calc(426px + ((1vw - 11px)*21));
    }
    .event.single{
        margin: 0 auto calc(-90px - ((1vw - 11px)*15)) auto;
    }
}
@media (max-width: 1100px) {
    .event .summaryArea .contentWidth{
        padding: 25px 25px 25px 40px;
    }
    .event .summaryArea dl{
        width:450px;
    }
    .event .summaryArea dl dt{
        width:98px;
        line-height: 40px;
    }
    .event .summaryArea dl dd{
        padding:5px 0 20px 120px;
        font-size:18px;
    }
    .event .summaryArea .map{
        width:426px;
    }
    .event.single{
        margin: 0 auto -90px auto;
    }
}
@media (max-width: 768px) {
    .event .tabArea{
        width:92%;
        gap:10px;
        grid-template-columns: 1fr 1fr;
        margin: 0 auto 30px auto;
    }
    .event a.item .thumb.status003::after{
        font-size:14px;
    }
    .event a.item h4{
        font-size:14px;
    }
    .event a.item ul{
        flex-wrap: wrap;
        column-gap:6px;
    }
    .event a.item ul li{
        margin-top: 10px;
    }
    .event a.item ul li.address{
        font-size:12px;
        line-height: 24px;
        padding:0 18px 0 18px;
    }
    .event.single{
        margin:0 auto -50px auto;
    }
    .event .introArea{
        padding-top: 20px;
    }
    .event .introArea ul{
        flex-wrap: wrap;
        margin: 0 0 30px 0;
    }
    .event .introArea ul li{
        padding: 0 0 0 0;
        margin: 10px 21px 0 0;
        font-size:14px;
    }
    .event .introArea ul li.status{
        line-height: 30px;
        padding: 0 20px;
    }
    .event .introArea ul li:last-of-type::before {
        height: 20px;
        left: -11px;
    }
    .event .introArea h3{
        font-size:21px;
        margin: 0 auto 30px auto;
    }
    .event .summaryArea{
        margin: 40px auto 0 auto;
    }
    .event .summaryArea .contentWidth{
        padding: 15px 15px 15px 15px;
    }
    .event .summaryArea dl{
        width:100%;
        float: none;
    }
    .event .summaryArea dl dt{
        float: none;
        font-size:14px;
        line-height: 30px;
    }
    .event .summaryArea dl dd{
        padding:5px 0 10px 0;
        font-size:14px;
    }
    .event .summaryArea .map{
        width:100%;
        margin-top: 10px;
        float: none;
    }
    .event .wp_Content{
        margin: 40px auto 0 auto;
    }
    .event .formArea{
        margin: 50px auto 0 auto;
    }
}

/*--------------------------------------
    estate
--------------------------------------*/

.estate .tabArea{
    width:700px;
    gap:26px;
    grid-template-columns: 1fr 1fr;
}
.estate .searchArea{
    margin: 0 auto 80px auto;
}
.estate .searchArea .searchBox{
    justify-content: center;
    gap:40px;
}
.estate .searchArea .searchBox dl:nth-of-type(1) dd label,
.estate.land .searchArea .searchBox dl dd label{
    width:47%;
    margin: 10px 2% 0 0;
}
.estate a.item .thumb{
    padding-top: 71.8%;
}
.estate .status001 .status{
    background: url("../images/estate/icon_status_001.png") no-repeat center center/contain;
}
.estate .status002 .status{
    background: url("../images/estate/icon_status_002.png") no-repeat center center/contain;
}
.estate .status003 .status{
    background: url("../images/estate/icon_status_003.png") no-repeat center center/contain;
}
.estate .status004 .status{
    background: url("../images/estate/icon_status_004.png") no-repeat center center/contain;
}
.estate .new .status{
    background: url("../images/estate/icon_new.png") no-repeat center center/contain;
}
.estate a.item h4{
    font-size:20px;
    margin-top: 20px;
}
.estate a.item ul{
    display: flex;
    flex-wrap: wrap;
    gap:8px;
    margin-top: 15px;
}
.estate a.item ul li{
    padding: 0 16px;
    position: relative;
    font-size:14px;
    line-height: 34px;
    color:#333333;
    border:1px solid #333333;
    opacity: 0.4;
    border-radius: 18px;
    word-break: keep-all;
}
.estate a.item .price{
    margin: 15px 0 0 0;
    padding: 10px 0 0 0;
    border-top:1px solid rgba(112,112,112,0.4);
}
.estate a.item .price span{
    margin: 0 10px 0 15px;
    color:#FF7482;
    font-size:26px;
    font-weight: 600;
}
.estate .introArea{
    display: grid;
    gap:70px;
    grid-template-columns: 580px 650px;
    padding: 50px 0 0 0;
}
.estate .detailArea .schedule{
    display: inline-block;
    font-size:21px;
    line-height: 1.2;
    border:1px solid #333333;
    opacity: 0.4;
    padding: 9px 28px 9px 28px;
    margin: 0 0 40px 0;
    font-weight: 400;
}
.estate .detailArea ul.tag{
    display: flex;
    gap:18px;
    margin-top: 20px;
}
.estate .detailArea ul.tag li{
    padding: 10px 20px 10px 20px;
    position: relative;
    font-size:20px;
    line-height: 1.3;
    color:#333333;
    border:1px solid #333333;
    opacity: 0.4;
    border-radius: 18px;
}
.estate .detailArea h3{
    font-size:28px;
    font-weight: 700;
    line-height: 1.2;
    margin: 25px 0 0 0;
}
.estate .detailArea .price{
    font-size:24px;
    font-weight: 600;
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
    border-top:1px solid rgba(112,112,112,0.4);
}
.estate .detailArea .price span{
    margin: 0 10px 0 0;
    color:#FF7482;
    font-size:49px;
    font-weight: 600;
}
.estate.land .detailArea .price span{
    margin: 0 10px 0 10px;
}
.estate .detailArea .amount{
    display: flex;
    align-items: center;
    padding: 20px 0 0 0;
    margin: 30px 0 0 0;
    border-top:1px solid rgba(112,112,112,0.4);
}
.estate .detailArea .amount .amountTitle{
    display: inline-block;
    font-weight: 600;
    padding: 3px 9px 3px 9px;
    color:#FFFFFF;
    background: #FF7482;
    margin-right: 12px;
}
.estate .detailArea .amount .number{
    font-weight: 600;
}
.estate .detailArea .amount .number span{
    font-size:39px;
    line-height: 1.3;
    font-weight: 600;
}
.estate .detailArea .text{
    font-size:18px;
    font-weight: 600;
    margin: 20px 0 0 0;
}
.estate .detailArea ul.comment{
    margin: 20px 0 0 0;
    padding: 0 0 37px 0;
    border-bottom:1px solid rgba(112,112,112,0.4);
}
.estate .detailArea ul.comment li{
    font-size:14px;
    line-height: 1.3;
    opacity: 0.35;
}
.estate .detailArea .pointArea{
    width:100%;
    background: #FAF3E0;
    border-radius: 6px;
    padding: 50px 45px 50px 45px;
    box-sizing: border-box;
    margin: 56px 0 0 0;
}
.estate .detailArea .pointArea h4{
    font-size:22px;
    font-weight: 600;
}
.estate .detailArea .pointArea ul{
    margin:30px 0 0 0;
}
.estate .detailArea .pointArea ul li{
    padding:0 0 0 26px;
    line-height: 1.2;
    margin: 5px 0 0 0;
    position: relative;
    font-size:18px;
}
.estate .detailArea .pointArea ul li::before{
    content: "";
    width:12px;
    height:12px;
    position: absolute;
    top:5px;
    left:0;
    right:auto;
    bottom:auto;
    margin: auto;
    background: #FF7482;
}
.estate .galleryArea{
    position: relative;
}
.estate .galleryArea span.status{
    width:128px;
    height:128px;
}
.estate .galleryArea .galleryslider li{
    width:650px;
    height:467px;
    border-radius: 6px;
    overflow: hidden;
}
.estate .galleryArea .galleryslider li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.estate .galleryArea .galleryslider.slick-slider .slick-arrow{
    width:40px;
    height:40px;
}
.estate .galleryArea .galleryslider.slick-slider .prev-arrow{
    left:-20px;
}
.estate .galleryArea .galleryslider.slick-slider .next-arrow{
    right:-20px;
}
.estate .galleryArea .pagerslider{
    margin: 40px auto 0 auto;
}
@media (min-width: 768px) {
    .estate .galleryArea .pagerslider .slick-track{
        width:100% !important;
        transform: unset !important;
        flex-wrap: wrap;
    }
}
.estate .galleryArea .pagerslider .slick-track:has(> :first-of-type:last-child){
    display: none;
}
.estate .galleryArea .pagerslider li{
    width:155px;
    height:140px;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 0 10px 10px;
    box-sizing: border-box;
    transition: 0.3s;
    cursor: pointer;
}
.estate .galleryArea .pagerslider li.slick-current {
    border:3px solid #FF7482;
}
.estate .galleryArea .pagerslider li:hover{
    opacity: 0.5
}
.estate .galleryArea .pagerslider li:nth-child(4n + 1){
    margin-left: 0px;
}
.estate .galleryArea .pagerslider li img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.estate .aroundArea{
    padding: 68px 0 88px 0;
    margin: 80px auto 0 auto;
    background: #FAF3E0;
}
.estate .aroundArea .facilityArea{
    width:570px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 34px;
    float: left;
}
.estate .aroundArea .facilityArea .thumb{
    width:100%;
    height:auto;
    padding-top: 71.83%;
    position: relative;
}
.estate .aroundArea .facilityArea .thumb img{
    max-height: auto;
    object-fit: cover;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
}
.estate .aroundArea .facilityArea h5{
    margin: 5px 0 0 0;
    font-weight: 400;
}
.estate .aroundArea .map{
    width:650px;
    position: relative;
    float: right;
}
.estate .aroundArea .map::after{
    content: "";
    display: block;
    padding-top: 68.77%;
}
.estate .aroundArea .map iframe{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
}
.estate .cameraArea{
    margin: 80px auto 0 auto;
}
.estate .landpriceArea{
    margin: 60px auto 0 auto;
}
.estate .landpriceArea .table002{
    width:100%;
}
.estate .landpriceArea .table002 thead tr th:nth-child(1){
    width:14%;
}
.estate .landpriceArea .table002 thead tr th:nth-child(2){
    width:38%;
}
.estate .landpriceArea .table002 thead tr th:nth-child(3){
    width:21%;
}
.estate .landpriceArea .table002 thead tr th:nth-child(4){
    width:27%;
}
.estate .landpriceArea .table002 thead tr th{
    background: #F4F4F4;
}
.estate .landpriceArea .table002 thead tr th,
.estate .landpriceArea .table002 tbody tr td{
    border:1px solid #333333;
    padding: 20px 5px 20px 5px;
    text-align: center;
    font-size:15px;
}
.estate .summaryArea{
    margin: 50px auto 0 auto;
}
.estate .summaryArea dl{
    width:100%;
    border-top:1px solid #333333;
}
.estate .summaryArea dl dt,
.estate .summaryArea dl dd{
    float: left;
    font-size:15px;
    line-height: 1.2;
    padding: 18px 5px 18px 20px;
    box-sizing: border-box;
    border-right:1px solid #333333;
    border-bottom:1px solid #333333;
}
.estate .summaryArea dl dt{
    width:100px;
    background: #F4F4F4;
}
.estate .summaryArea dl dd{
    width:550px;
}
.estate .summaryArea dl dd h1,
.estate .summaryArea dl dd h2,
.estate .summaryArea dl dd h3,
.estate .summaryArea dl dd h4,
.estate .summaryArea dl dd h5,
.estate .summaryArea dl dd h6,
.estate .summaryArea dl dd p,
.estate .summaryArea dl dd li,
.estate .summaryArea dl dd th,
.estate .summaryArea dl dd td,
.estate .summaryArea dl dd dt,
.estate .summaryArea dl dd dl,
.estate .summaryArea dl dd span,
.estate .summaryArea dl dd div{
    line-height: 1.2;
}
.estate .summaryArea dl dt:nth-of-type(odd){
    border-left:1px solid #333333;
}
.estate .formArea{
    margin: 110px auto 0 auto;
}
.estate .otherArea{
    margin:95px auto 0 auto;
}
.estate .otherArea article{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 86px;
}
@media (max-width: 1500px) {
    .estate .introArea{
        gap:calc(50px + ((1vw - 11px)*5));
        grid-template-columns: calc(455px + ((1vw - 11px)*31.25)) calc(505px + ((1vw - 11px)*36.25));
        padding: calc(30px + ((1vw - 11px)*5)) 0 0 0;
    }
    .estate .detailArea .schedule{
        font-size:calc(18px + ((1vw - 11px)*0.75));
        padding: calc(7px + ((1vw - 11px)*0.5)) calc(24px + ((1vw - 11px)*1)) calc(7px + ((1vw - 11px)*0.5)) calc(24px + ((1vw - 11px)*1));
    }
    .estate .detailArea h3{
        font-size:calc(24px + ((1vw - 11px)*1));
    }
    .estate .detailArea ul.tag{
        gap:calc(14px + ((1vw - 11px)*1));
    }
    .estate .detailArea ul.tag li{
        padding: calc(8px + ((1vw - 11px)*0.5)) calc(16px + ((1vw - 11px)*1)) calc(8px + ((1vw - 11px)*0.5)) calc(16px + ((1vw - 11px)*1));
        font-size:calc(18px + ((1vw - 11px)*0.5));
    }
    .estate .detailArea .pointArea{
        padding: calc(30px + ((1vw - 11px)*5)) calc(25px + ((1vw - 11px)*5)) calc(30px + ((1vw - 11px)*5)) calc(25px + ((1vw - 11px)*5));
    }
    .estate .detailArea .pointArea h4{
        font-size:calc(20px + ((1vw - 11px)*0.5));
    }
    .estate .detailArea .pointArea ul li{
        font-size:calc(16px + ((1vw - 11px)*0.5));
    }
    .estate .galleryArea .galleryslider li{
        width:calc(505px + ((1vw - 11px)*36.25));
        height:calc(363px + ((1vw - 11px)*26));
    }
    .estate .galleryArea .pagerslider li{
        width:calc(118.75px + ((1vw - 11px)*9.0625));
        height:calc(126.448px + ((1vw - 11px)*9.0625));
    }
    .estate .aroundArea .facilityArea{
        width:calc(445px + ((1vw - 11px)*31.25));
        grid-column-gap: calc(30px + ((1vw - 11px)*5));
        grid-row-gap: calc(24px + ((1vw - 11px)*2.5));
    }
    .estate .aroundArea .map{
        width:calc(505px + ((1vw - 11px)*36.25));
    }
    .estate .otherArea article{
        column-gap: calc(34px + ((1vw - 11px)*13));
    }
    .estate .summaryArea dl dd{
        width:calc(405px + ((1vw - 11px)*36.25));
    }
}
@media (max-width: 1100px) {
    .estate .introArea{
        gap:50px;
        grid-template-columns: 455px 505px;
        padding: 30px 0 0 0;
    }
    .estate .detailArea .schedule{
        font-size: 18px;
        padding: 7px 24px 7px 24px;
    }
    .estate .detailArea h3{
        font-size: 24px;
    }
    .estate .detailArea ul.tag{
        gap: 14px;
    }
    .estate .detailArea ul.tag li{
        padding: 8px 16px 8px 16px;
        font-size: 18px;
    }
    .estate .detailArea .pointArea{
        padding: 30px 25px 30px 25px;
    }
    .estate .detailArea .pointArea h4{
        font-size: 20px;
    }
    .estate .detailArea .pointArea ul li{
        font-size: 16px;
    }
    .estate .galleryArea .galleryslider li{
        width: 505px;
        height: 363px;
    }
    .estate .galleryArea .pagerslider li{
        width: 118.75px;
        height: 126.448px;
    }
    .estate .aroundArea .facilityArea{
        width: 445px;
        grid-column-gap: 30px;
        grid-row-gap: 24px;
    }
    .estate .aroundArea .map{
        width: 505px;
    }
    .estate .summaryArea dl dd{
        width: 405px;
    }
    .estate .otherArea article{
        column-gap: 34px;
    }
}
@media (max-width: 768px) {
    .estate .tabArea{
        width:92%;
        gap:10px;
        margin: 0 auto 30px auto;
    }
    .estate .searchArea{
        margin: 0 auto 40px auto;
    }
    .estate a.item h4{
        font-size:16px;
        margin-top: 15px;
    }
    .estate a.item ul{
        gap:5px;
    }
    .estate a.item ul li{
        padding: 0 14px;
        font-size:14px;
        line-height: 30px;
        border-radius: 15px;
    }
    .estate a.item .price span{
        font-size:24px;
    }
    .estate .introArea{
        gap:30px;
        grid-template-columns: 1fr;
    }
    .estate .detailArea .schedule{
        font-size: 14px;
        padding: 5px 16px 5px 16px;
        margin: 0 0 20px 0;
    }
    .estate .detailArea ul.tag{
        display: flex;
        gap: 8px;
        margin-top: 10px;
    }
    .estate .detailArea ul.tag li{
        padding: 6px 16px 6px 16px;
        font-size: 14px;
        border-radius: 16px;
    }
    .estate .detailArea h3{
        font-size: 20px;
        margin: 20px 0 0 0;
    }
    .estate .detailArea .price{
        font-size:16px;
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
    }
    .estate .detailArea .price span{
        margin: 0 10px 0 0;
        font-size:24px;
    }
    .estate.land .detailArea .price span{
        margin: 0 6px 0 6px;
    }
    .estate .detailArea .amount{
        display: flex;
        align-items: center;
        padding: 20px 0 0 0;
        margin: 20px 0 0 0;
    }
    .estate .detailArea .amount .number span{
        font-size:24px;
    }
    .estate .detailArea .text{
        font-size:14px;
        margin: 15px 0 0 0;
    }
    .estate .detailArea ul.comment{
        margin: 15px 0 0 0;
        padding: 0 0 20px 0;
    }
    .estate .detailArea ul.comment li{
        font-size:12px;
    }
    .estate .detailArea .pointArea{
        padding: 15px 15px 15px 15px;
        margin: 40px 0 0 0;
    }
    .estate .detailArea .pointArea h4{
        font-size:18px;
    }
    .estate .detailArea .pointArea ul li{
        padding:0 0 0 20px;
        font-size: 14px;
    }
    .estate .detailArea .pointArea ul li::before{
        width:8px;
        height:8px;
    }
    .estate .galleryArea span.status{
        width:80px;
        height:80px;
    }
    .estate .galleryArea .galleryslider{
        width:92vw;
    }
    .estate .galleryArea .galleryslider li{
        width:92vw;
        height:auto;
        position: relative;
    }
    .estate .galleryArea .galleryslider li::after{
        content: "";
        display: inline-block;
        padding-top:61.98%; 
    }
    .estate .galleryArea .galleryslider li img{
        width:100%;
        height:100%;
        object-fit: cover;
        position: absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
    }
    .estate .galleryArea .galleryslider.slick-slider .slick-arrow{
        width:20px;
        height:20px;
    }
    .estate .galleryArea .galleryslider.slick-slider .prev-arrow{
        left:-10px;
    }
    .estate .galleryArea .galleryslider.slick-slider .next-arrow{
        right:-10px;
    }
    .estate .galleryArea .pagerslider{
        width:92vw;
        margin: 20px auto 0 auto;
    }
    .estate .galleryArea .pagerslider li{
        width: 23vw;
        height: 23vw;
        margin: 0 0 0 0;
        border-radius: 0;
    }
    .estate .aroundArea{
        padding: 40px 0 40px 0;
        margin: 40px auto 0 auto;
    }
    .estate .aroundArea .facilityArea{
        width: 100%;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .estate .aroundArea .map{
        width: 100%;
    }
    .estate .cameraArea{
        margin: 40px auto 0 auto;
    }
    .estate .landpriceArea{
        margin: 40px auto 0 auto;
    }
    .estate .landpriceArea .table002{
        width:100%;
    }
    .estate .landpriceArea .table002 thead tr th:nth-child(1){
        width:14%;
    }
    .estate .landpriceArea .table002 thead tr th:nth-child(2){
        width:38%;
    }
    .estate .landpriceArea .table002 thead tr th:nth-child(3){
        width:21%;
    }
    .estate .landpriceArea .table002 thead tr th:nth-child(4){
        width:27%;
    }
    .estate .landpriceArea .table002 thead tr th,
    .estate .landpriceArea .table002 tbody tr td{
        font-size:12px;
        border:1px solid #333333;
        padding: 20px 5px 20px 5px;
    }
    .estate .summaryArea{
        margin: 40px auto 0 auto;
    }
    .estate .summaryArea dl dt,
    .estate .summaryArea dl dd{
        width:100%;
        box-sizing: border-box;
        font-size:14px;
        padding: 12px 15px 12px 15px;
        border-left:1px solid #333333;
        border-right:1px solid #333333;
        border-bottom:1px solid #333333;
    }
    .estate .summaryArea dl dt{
        width:100%;
    }
    .estate .summaryArea dl dd{
        width: 100%;
    }
    .estate .formArea{
        margin: 50px auto 0 auto;
    }
    .estate .otherArea{
        margin:50px auto 0 auto;
    }
    .estate .otherArea article{
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

/*
物件/土地マップ
*/

.mapArea {
    margin-bottom: 55px;
}

.mapArea .map {
    aspect-ratio: 2/1;
    border-radius: 6px;
    width:100%;
}

@media (max-width: 768px) {
    .mapArea {
        margin-bottom: 30px;
    }

    .mapArea .map {
        aspect-ratio: 2/3;
    }
}