@media (min-width: 1400px) {
    .container {
        max-width: 1360px;
    }
}

@media screen and (max-width: 1199px){

}

@media screen and (max-width: 991px){
    .home-page .text-box p {
        max-width: 500px;
    }
}

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

}




@media screen and (max-width: 370px){
    .residences-page .section03 .img-box .all-box {
        width: 315px;
        height: 222px;
    }
    .residences-page .section03 .img-box .all-box .box {
        width: 18px;
        height: 18px;

    }
}


@media screen and (max-width: 2560px) {
    .archives-page .select1{
        left: 9%;
        position: relative;
    }
    .video-page figure.effect-ruby a {
        top: 22%;
        left: 26%;
    }
}
@media screen and (max-width: 1400px) {
    .archives-page .select1{
        left: 1%;
        position: relative;
    }
    .video-page figure.effect-ruby a {
        top: 19%;
        left: 21%;
    }
}
@media screen and (max-width: 1024px) {
    .archives-page .select1{
        left: 0%;
        position: relative;
    }
    .video-page figure.effect-ruby a {
        top: 14%;
        left: 17%;
    }
}
@media screen and (max-width: 768px) {
    .story-page .s-img {
        left: 0;
    }
    .story-page .img02 {
        position: relative;
        left: auto;
        margin: 30px auto;
        top: 0;
        display: inline-block;
    }
    .story-page .story-text {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .video-page .video-box {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .video-page figure.effect-ruby a {
        top: 26%;
        left: 27%;
        font-size: 20px;
    }
}
@media screen and (max-width: 767px) {
    header{height: 70px;padding: 10px 0}
    .menu-list {
        padding: 20px;
    }
    .archives-page,
    .story-page,
    .press-page,
    .video-page,
    .private-page,
    .painting-page,
    .contact-page{
        margin-top: 90px;
        min-height: calc(100vh - 90px);
    }
    .painting-page,
    .archives-page,
    .private-page{
        margin-bottom: 40px;
    }
    .home-page{
        margin-top: 90px;
        height: auto;/*calc(100vh - 90px);*/
        overflow: initial;/*thidden;*/
        position: relative;
    }
  .home-page .swiper-container{overflow:initial}
    .exhibi-page{
        margin-top: 90px;
        height: calc(100vh - 90px);
        overflow-y: auto;
        padding-bottom: 100px;
    }
    .home-page .home-slide .img-box img{
        max-height: 40vh;
        width: 100%;
        object-fit: cover;
    }
    .home-page .home-slide .swiper-pagination-fraction{
        top: -3px;
        left: 18px;
        transform: none;
        width: 100%;
        text-align: left;
        font-size: 14px;
    }
    .home-page .scroll-down-box {
        right: -20px;
        font-size: 13px;
        display: none;
    }
    .painting-page .top-part .l-part p{
        margin-bottom: 10px;
    }
    .story-page .a-btn-box{
        margin-bottom: 15px;
    }
    .exhibi-page .table p{
        font-size: 15px;
    }
    .exhibi-page .table h6 {
        font-size: 20px;
    }

    .big-title-box h3 {
        font-size: 30px;
    }
    .private-page .pn-1 {
        font-size: 28px;
    }
    .private-page .pn-2 {
        margin: 30px 0 20px;
    }
    .private-page .line01{
        margin: 40px 0;
    }
    .press-page .a-btn-box {
        margin-bottom: 50px;
    }
    .contact-page .l-part .box {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .contact-page .l-part .box .text {
        min-height: auto;
        margin-bottom: 30px;
    }
    .contact-page .send-part{
        margin-bottom: 60px;
    }
    .video-page .l-part{
        margin: 0 -6px;
    }
    .video-page .video-box {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
        padding: 0 6px;
    }
    .video-page .video-01 {
        font-weight: 600;
        font-size: 12px;
        padding: 0 0 25px;
    }
    .video-page figure{
        position: relative;
    }
    .video-page figure.effect-ruby a {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 12px;
        padding: 3px;
    }
    .story-page .story-t1 {
        padding: 30px 0;
        position: static;
    }
    .story-page .story-01,
    .story-page .story-02{
        color: #212529;
    }
    .menu-list {
        width: 100vw;
    }

    .home-slide .swiper-button-next,
    .home-slide .swiper-button-prev{
        display: inline-block;
        width: 15px;
        height: 15px;
        color: black;
        top: 30%;
    }
    .home-slide .swiper-button-next:after,
    .home-slide .swiper-button-prev:after{
        font-size: 15px;
    }
    .home-slide .swiper-button-prev{
        left: 0;
    }
    .home-slide .swiper-button-next{
        right: 0;
    }
    .home-page .text-box p {
        max-width: 320px;
    }
    header{
        text-align: right;
        border-bottom: 1px solid #e4e4e4;
        padding: 14px 0 6px;
    }
    .menu-list .logo2 a, header .logo2 a{
        position: relative;
    }
    .menu-list .logo2 span, header .logo2 span{
        position: absolute;
        right: 48px;
        top: 50%;
        transform: translateY(-50%);
    }
    header .logo1{
        top: 50%;
    }
    .menu-list li{
        padding: 7px;
    }
    .home-page .text-box p{
        margin: 10px auto;
        font-size: 14px;
    }
    .home-page .home-slide{
        padding: 20px;
    }
    .painting-page .top-part h4{
        margin-bottom: 10px;
    }
    .go-back-box{
        margin-bottom: 20px;
    }
    .painting-page .col-lg-10{
        padding: 0 30px;
    }
    .painting-page .top-part .r-part ul li{
        text-align: left;
    }
    .video-page .line01{
        margin: 25px 0;
    }
    .press-page .box img{
        width: 100%;
    }
    .contact-page .big-title-box p{font-size: 14px}
    .contact-page .box{
        display: flex;
        justify-content: space-between;
        border: 1px solid #000000;
        border-right: 0;
        border-left: 0;
        padding: 12px 0;
    }
    .contact-page .big-title-box{
        margin-bottom: 25px;
    }
    .contact-page .l-part h5{
        border: 0;
        font-size: 15px;
        height: auto;
    }
    .contact-page .l-part .box .text{margin: 0;font-size: 14px}
    .contact-page .l-part .box .text p{
        color: black;
    }
    .contact-page .r-part .form-group label {
        height: 18px;
        line-height: 18px;
        font-size: 15px;
    }
    .contact-page .r-part .form-group {
        font-size: 15px;
        margin-bottom: 15px;
    }
}