@font-face {
    font-family:"Argesta Text";
    src:url("../font/ArgestaText-Bold.woff2") format("woff2"),
    url("../font/ArgestaText-Bold.woff") format("woff");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:"Argesta Headline";
    src:url("../font/ArgestaHeadline-Regular.woff2") format("woff2"),
    url("../font/ArgestaHeadline-Regular.woff") format("woff");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:"Argesta Display";
    src:url("../font/ArgestaDisplay-Regular.woff2") format("woff2"),
    url("../font/ArgestaDisplay-Regular.woff") format("woff");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:"Argesta Display";
    src:url("../font/ArgestaDisplay-RegularItalic.woff2") format("woff2"),
    url("../font/ArgestaDisplay-RegularItalic.woff") format("woff");
    font-weight:normal;
    font-style:italic;
    font-display:swap
}
@font-face {
    font-family:"Argesta Hairline";
    src:url("../font/ArgestaHairline-RegularItalic.woff2") format("woff2"),
    url("../font/ArgestaHairline-RegularItalic.woff") format("woff");
    font-weight:normal;
    font-style:italic;
    font-display:swap
}
@font-face {
    font-family:"Argesta Hairline";
    src:url("../font/ArgestaHairline-Regular.woff2") format("woff2"),
    url("../font/ArgestaHairline-Regular.woff") format("woff");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:"Argesta Text";
    src:url("../font/ArgestaText-Regular.woff2") format("woff2"),
    url("../font/ArgestaText-Regular.woff") format("woff");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:"Argesta Text";
    src:url("../font/ArgestaText-RegularItalic.woff2") format("woff2"),
    url("../font/ArgestaText-RegularItalic.woff") format("woff");
    font-weight:normal;
    font-style:italic;
    font-display:swap
}
@font-face {
    font-family:"Argesta Headline";
    src:url("../font/ArgestaHeadline-RegularItalic.woff2") format("woff2"),
    url("../font/ArgestaHeadline-RegularItalic.woff") format("woff");
    font-weight:normal;
    font-style:italic;
    font-display:swap
}
.exhibition {
    background: #F8F8F8;
    /*padding-top: 40px;*/
}
.common-border-bottom {
    /*border-bottom: #565656 1px solid;*/
}
.first-section {
    /*border-top: 1px solid #565656;*/

}
.exhibition-section1.common-border-bottom.include-left-right-border.first-section {
    background: #fff;
}
.include-left-right-border .containera {
    position: relative;
}
.include-left-right-border .seperator::before {
    z-index: 1;
    pointer-events: none;
    content: "";
    position: absolute;
    width: calc(100% - 234px);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    /*border-left: #565656 1px solid;*/
    /*border-right: #565656 1px solid;*/
}
.exhibition .exhibition-section2 .seperator.first-s::before {
    height: calc(100% + 450px);
}
.exhibition .exhibition-section1 .inner-container {
    max-width: calc(100% - 174px);
}
.exhibition .exhibition-section1 .box-container {
    display: flex;
    flex-wrap: wrap;
    /*border-left: 1px solid #565656;*/
    /*border-right: 1px solid #565656;*/
    height: 50px;
}
.exhibition .exhibition-section1 .box-container .left-col, .exhibition .exhibition-section1 .box-container .center-col, .exhibition .exhibition-section1 .box-container .right-col {
    /*width: 33.33%;*/
    height: 100%;
    padding-left: 35px;
    padding-right: 35px;
}
.exhibition .exhibition-section1 .box-container .left-col {
    /*border-right: 1px solid #565656;*/
}
.cus-select {
    position: relative;
    font-family: "Fira Sans Condensed",sans-serif;
    width: 100%;
    height: 100%;
}
.cus-select select {
    display: none;
}
.select-selected {
    height: 100%;
    display: flex;
    align-items: center;
}
.select-items div, .select-selected {
    color: #333;
    padding: 6px 50px 6px 14px;
    border-bottom: 0px solid rgba(0,0,0,0);
    border-bottom-color: rgba(0, 0, 0, 0);
    border-color: #C19A3F;
    border-bottom-color: rgb(193, 154, 63);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.select-selected::after {
    position: absolute;
    content: "";
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.707' height='16.061' viewBox='0 0 30.707 16.061'%3E%3Cg id='Group_157' data-name='Group 157' transform='translate(-864.146 -158.146)'%3E%3Cpath id='Path_586' data-name='Path 586' d='M8400.441-73.867l15,15,15-15' transform='translate(-7535.941 232.367)' fill='none' stroke='%23c6c6c6' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.select-items {
    font-weight: 300;
    position: absolute;
    background-color: #F8F8F8;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px solid #C19A3F;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000;
    transform: translate3d(0, 0, 0);
    transform: translateZ(0);
}
.select-items div + div {
    border-top: 1px solid #C19A3F;
}
.cus-select .select-items div:hover {
  background: #C19A3F;
    color: #fff;
}
.select-hide {
    display: none;
}
.exhibition .exhibition-section1 .box-container .center-col {
    border-right: 1px solid #565656;
}
.exhibition .exhibition-section2 .seperator {
    padding-bottom: 75px;
}

.exhibition .exhibition-section2 .swiper-cont {
    width: 100%;
}
.exhibition .exhibition-section2 .swiper-container {
    height: 450px;
    width: 100%;
}
.exhibition .exhibition-section2 .swiper-slide .img {
    position: relative;
      height: 413px;
    height: 380px;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    position: absolute;
    width: calc(100% - 40px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.exhibition .exhibition-section2 .swiper-slide-active .img {
    width: 100%;
    height: 472px;
}
.exhibition .exhibition-section2 .swiper-slide a {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.exhibition .exhibition-section2 .swiper-slide .img .bg {
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    /*opacity: 50%;*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.exhibition .exhibition-section2 .swiper-slide-active .img .bg {
    opacity: 100%;
    cursor: pointer;
}
.exhibition .exhibition-section2 .swiper-slide-active a {
    display: block;
}
.exhibition .popup .content {
    display: flex;
    justify-content: center;
}
.exhibition .popup .content img {
    width: 750px;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
}
.fancybox-overlay {
    background-color: rgba(0,0,0,.4);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background: none;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000;
    transform: translate3d(0, 0, 0);
    transform: translateZ(0);
}
.fancybox-close:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.707' height='24.707' viewBox='0 0 24.707 24.707'%3E%3Cg id='Group_156' data-name='Group 156' transform='translate(-10559.146 151.854)'%3E%3Cpath id='Path_648' data-name='Path 648' d='M0,0,12.375,12.375,24,24' transform='translate(10559.5 -151.5)' fill='none' stroke='%23D3C9A1' stroke-width='1'/%3E%3Cline id='Line_116' data-name='Line 116' y1='24' x2='24' transform='translate(10559.5 -151.5)' fill='none' stroke='%23D3C9A1' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
}
.fancybox-close {
    top: 20px !important;
    right: 25px !important;
    position: fixed !important;
    width: 30px !important;
    height: 30px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.707' height='24.707' viewBox='0 0 24.707 24.707'%3E%3Cg id='Group_156' data-name='Group 156' transform='translate(-10559.146 151.854)'%3E%3Cpath id='Path_648' data-name='Path 648' d='M0,0,12.375,12.375,24,24' transform='translate(10559.5 -151.5)' fill='none' stroke='%23FFFFFF' stroke-width='1'/%3E%3Cline id='Line_116' data-name='Line 116' y1='24' x2='24' transform='translate(10559.5 -151.5)' fill='none' stroke='%23FFFFFF' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
}
.exhibition .exhibition-section3 .inner-container {
    padding-top: 30px;
    padding-bottom: 130px;
}
.exhibition .exhibition-section3 .content-wrapper.active {
    display: block;
    color: #333;
}
.exhibition .exhibition-section3 .content-wrapper {
    display: none;
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-top {
    display: flex;
    flex-wrap: wrap;
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col {
    width: calc(100% - 80px);
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title {
    font-family: "Argesta Hairline",sans-serif;
    padding-left: 50px;
    display: inline-block;
    position: relative;
    margin-bottom: 45px;
    line-height: 1.05em;
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title p {
    width: 28px;
    height: 32px;
    position: absolute;
    top: 15px;
    left: 0;
    transform: translateY(-50%);
}
/*.exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title::before {*/
/*    content: "";*/
/*    background-size: contain;*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    width: 28px;*/
/*    height: 32px;*/
/*    position: absolute;*/
/*    top: 15px;*/
/*    left: 0;*/
/*    transform: translateY(-50%);*/
/*}*/
/*.exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title.rose::before {*/
/*    background-image: url(../../image/2023/home/rose.png);*/
/*}*/
.exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title span {
    padding-left: 0px;
    font-family: "Argesta Display",sans-serif;
    font-style: italic;
    padding-bottom: .2em;
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-top .right-col {
    width: 80px;
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-top .right-col .arrow-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-top: 9px;
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-top .right-col .arrow-container .arrow-left, .exhibition .exhibition-section3 .content-wrapper .flex-container-top .right-col .arrow-container .arrow-right {
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-top .right-col .arrow-container .arrow-right {
    margin-left: 2px;
    background-image: url(../image/arrow_right.png);
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-top .right-col .arrow-container .arrow-left {
    background-image: url(../image/arrow_left.png);
    margin-right: 12px;
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-bottom {
    padding-left: 50px;
    display: flex;
    flex-wrap: wrap;
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-left {
    width: 200px;
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-left .title, .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-right .title {
    letter-spacing: 1px;
    font-family: "Argesta Text",sans-serif;
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-left .desc, .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-right .desc {
    margin-top: 3px;
    font-weight: 400;
}
.exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-right {
    width: calc(100% - 200px);
}




@media (min-width: 576px) {
    .containera {
        max-width: 540px;
    }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title {
        font-size: 24px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title span {
        font-size: 18px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-left .title, .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-right .title {
        font-size: 15px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-left .desc, .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-right .desc {
        font-size: 18px;
    }
}
@media (min-width: 768px) {
    .containera {
        max-width: 720px;
    }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    .include-left-right-border .containera::before {
        width: calc(100% - 48px);
    }
    .containera.inner-container {
        padding-left: 45px;
        padding-right: 45px;
    }

}

@media (min-width: 992px) {
    .containera {
        max-width: 960px;
    }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
    .exhibition .exhibition-section2 .seperator {
        padding-bottom: 50px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title {
        font-size: 26px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title span {
        font-size: 20px;
    }

    .exhibition .exhibition-section3 .content-wrapper .flex-container-top .right-col .arrow-container {
        padding-top: 4px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-left .title, .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-right .title {
        font-size: 15px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-left .desc, .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-right .desc {
        font-size: 18px;
    }
}
@media (min-width: 1200px) {
    .containera {
        max-width: 1140px;
    }
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    .exhibition .exhibition-section1 .inner-container {
        max-width: 100%;
        padding-left: 9px;
        padding-right: 9px;
    }
}
@media (min-width: 1200px) and (max-width: 1549px) {
    .containera.inner-container {
        max-width: 976px;
    }
    .include-left-right-border .seperator::before {
        width: calc(100% - 48px);
    }
}
@media (min-width: 1550px) {
    .containera {
        max-width: 1560px;
    }
    .containera.inner-container {
        max-width: 1230px;
    }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
    .cus-select {
        font-size: 20px;
    }
    .select-items {
        font-size: 19px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title {
        font-size: 32px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title span {
        font-size: 21px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-left .title, .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-right .title {
        font-size: 15px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-left .desc, .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-right .desc {
        font-size: 18px;
    }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
    .exhibition .exhibition-section1 .containera {
        padding-left: 0px;
        padding-right: 0px;
        max-width: unset;
    }

    .exhibition .exhibition-section1 .inner-container {
        max-width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .include-left-right-border .containera::before {
        width: 100%;
        border-left: #565656 0px solid;
        border-right: #565656 0px solid;
    }
    .exhibition .exhibition-section1 .box-container {
        height: 135px;
        height: unset;
        border-left: 0px solid #565656;
        border-right: 0px solid #565656;
    }
    .exhibition .exhibition-section1 .box-container .left-col, .exhibition .exhibition-section1 .box-container .center-col, .exhibition .exhibition-section1 .box-container .right-col {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        /*height: 45px;*/
    }
    .exhibition .exhibition-section1 .box-container .left-col {
        border-right: 0px;
        border-bottom: 1px solid #565656;
    }
    .exhibition .exhibition-section1 .box-container .center-col {
        border-right: 0px;
        border-bottom: 1px solid #565656;
    }
    .cus-select {
        font-size: 18px;
    }
    .exhibition .exhibition-section3 .inner-container {
        padding-top: 0px;
        padding-bottom: 80px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title {
        padding-left: 0px;
        line-height: 1.35em;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title span {
        display: block;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title span.hide-xs {
        display: none;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-top .right-col .arrow-container {
        padding-top: 3px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-left {
        width: 100%;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-left .desc, .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-right .desc {
        margin-top: 3px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom .box-right {
        margin-top: 25px;
        width: 100%;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-bottom {
        padding-left: 0px;
    }
    .exhibition .exhibition-section3 .content-wrapper .flex-container-top .left-col .title p {
        display: none;
    }
}
.containera {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}