@charset "utf-8";
/* ----- COMMON ----- */
.mo-br{display: none;}
.lg-br{display: none;}
.md-br{display: none;}
.sm-br{display: none;}

.fcw{color:#f0f0f0;}
.fc1{color:#e83572;}
.fc2{color:#5a3885;}
.fc3{color:#e4d4f9;}
.bg-fc1{background-color:#e83572; color:#fff}
.bg-fc2{background-color:#5a3885; color:#fff; background-color:indigo-500;}
.bg-fc3{background-color: #e6e7e9;}
.bg-fc4{background-color: #23398c;}
.bg-fc5{background-color: #f47b44;}
.bg-fc6{background-color: #efac5c;}
.bg-fc7{background-color: #dc80a7;}
.bg-fc8{background-color: #f2847a;}
.bg-fc9{background-color: #76c591;}
.bg-fc10{background-color: #77a6d1;}
.bg-fc11{background-color:#e4d4f9;}
.bg-news{background: url('../img/news-patten.png') repeat-x;}


.sub-contents {padding:12em 0 15em;}
.sub-con-tit-wrap {margin-bottom:5em; text-align:center;}
.sub-con-tit {font-size:3rem; color:#111111; line-height:1.333em;}
.sub-con-txt {margin-top:1.111em; font-size:1.8rem;}
.sub-con-tit-wrap02 {margin-bottom:5em;}
.sub-con-tit02 {font-size:2rem; color:#222; line-height:1.5; font-weight: 700;}
/* .sub-con-tit02::after {content:""; position:absolute; left:0; top:20px; width:5px; height:34px; background:#e83572;}
.sub-con-tit02::before {content:""; position:absolute; left:0; top:20px; z-index:1; width:5px; height:17px; background:#542e80;} */
.sub-con-txt02 {font-size:1.5rem; color:#333; font-weight:300; line-height:1.667em;}

/* ===== SUB VISUAL ===== */
.sub-visual {overflow:hidden; position:relative; height:35em; }
.sub-visual::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat;-webkit-animation:bgScale 2.5s ease-in-out both; animation:bgScale 2.5s ease-in-out both;}

@-webkit-keyframes bgScale {
    from {transform:scale(1.12);}
    to {transform:scale(1);}
}
@keyframes bgScale {
    from {transform:scale(1.12);}
    to {transform:scale(1);}
}
.sub-visual.s01::after {background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)),url(../../../img/sub-visual-1.jpg);}
.sub-visual.s02::after {background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)),url(../../../img/sub-visual-2.jpg);}
.sub-visual.s03::after {background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)),url(../../../img/sub-visual-3.jpg);}
.sub-visual.s04::after {background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)),url(../../../img/sub-visual-4.jpg);}
.sub-visual.s05::after {background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)),url(../../../img/sub-visual-5.jpg);}
.sub-visual.s06::after {background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)),url(../../../img/sub-visual-6.jpg);}
.sub-visual .sub-visual-txt {width:100%;height:100%;}
.sub-visual .maxinner {display:flex; flex-direction: column; justify-content: center; position:relative; z-index:10; height:100%; text-align: center;}
.sub-visual h2.tit-txt {overflow:hidden; margin-top:0.444em; font-size:4rem; color:#fff; font-weight:700;}
.sub-visual p.txt {font-size: 1.8rem; color:#fff; font-weight: 500; margin-top: 0.2em; opacity: 0; -webkit-animation: slideAni 3s cubic-bezier(0.4, 0, 0.2, 1) both; animation: slideAni 3s cubic-bezier(0.4, 0, 0.2, 1) both;}
@-webkit-keyframes slideAni {
    from {opacity:0; -webkit-transform: translateY(4rem); transform: translateY(4rem);}
    to {opacity:1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes slideAni {
    from {opacity:0; -webkit-transform: translateY(4rem); transform: translateY(4rem);}
    to {opacity:1; -webkit-transform: translateY(0); transform: translateY(0);}
}

/* ----- NAVIGATION ----- */
.sub-nav-wrap {position:relative; z-index:100; background:#542e80; border-bottom:1px solid #ddd;}
.sub-nav-wrap .sub-nav {display:flex; justify-content:flex-start;}
.sub-nav-wrap .sub-nav .home {display:block;background-color: #fff; border-left:1px solid #ddd; border-right:1px solid #ddd; /* font-size: 8rem; */ padding: 0.78em; width:3.8em;  height:3.8em; background-image:url('/img/ico-home.png') no-repeat center; }

.sub-nav-wrap .sub-nav .nav-depth {position:relative; z-index:2;}
.sub-nav-wrap .sub-nav .nav-depth h2 {position:relative; min-width:300px; width:100%; border-right:1px solid #ddd; cursor:pointer;}
.sub-nav-wrap .sub-nav .nav-depth h2:before {content:""; position:absolute; right:30px; top:50%; margin-top:-4px; width:15px; height:8px; background-repeat:no-repeat; background-position:center center; background-size:100%; background-image:url(/img/bu-subnav.png);}
.sub-nav-wrap .sub-nav .nav-depth h2 strong {display:block; padding:0 1.875em; padding-right:4em; font-size:1.2rem; color:#fefefe; font-weight:400; line-height:3.166em;}
.sub-nav-wrap .sub-nav .nav-depth ul {display:none; position:absolute; left:-1px; top:100%; width:calc(100% + 1px); -webkit-box-shadow:0px 5px 12px rgba(0,0,0,0.1); box-shadow:0px 5px 12px rgba(0,0,0,0.1);}

.sub-nav-wrap .sub-nav .nav-depth:last-child {z-index:11;}
.sub-nav-wrap .sub-nav .nav-depth ul li a {display:block; padding:1.125em 1.875em; border-top:1px solid #dddddd; background:#fff; font-size:1rem; line-height:1.5em; color:#333;}
.sub-nav-wrap .sub-nav .nav-depth ul li:first-child a {border-top:none;}
.sub-nav-wrap .sub-nav .nav-depth ul li.on a {color:#666;}
.sub-nav-wrap .sub-nav .nav-depth:last-child h2 strong {background:#e83572; color:#fff;}
.sub-nav-wrap .sub-nav .nav-depth:last-child h2:before {background-image:url('/img/bu-subnav-on.png');}
.sub-nav-wrap .sub-nav .nav-depth:last-child h2:after{transform:rotate(-90deg);}
.sub-nav-wrap .sub-nav .nav-depth.open ul {display:block;}

.about,.environment,.premium,.md,.floor > div.table{font-size:0.8rem; }
@media(max-width:992px){

    .sub-visual {height:21.875rem;}
    .sub-visual h2.tit-txt {margin-top:0.8em; font-size:3rem; font-weight:500;}
    .sub-visual p.txt {font-size: 1.5rem;}
    .table{font-size:0.9rem;}
    .lg-br{display: block;}

}
@media(max-width:768px){
    .sub-visual {height:18.75rem;}
    .sub-visual h2.tit-txt {margin-top:0.6em; font-size:2rem; font-weight:500;}
    .sub-visual p.txt {font-size: 1.1rem;}
    .sub-nav-wrap .sub-nav .nav-depth h2 {min-width:250px;}

	.location .map{
		height:30rem;
	}
    .table{font-size:0.8rem; border-top:1px solid #222;}
    .table>:not(caption)>*>* {padding:0.2rem}
    .md-br{display: block;}

}
@media(max-width:576px){
    .sub-visual {height:17.5rem;}
    .mo-br{display: block;}
    .sm-br{display: block;}
    .md > table > td > p.fs-5{font-weight: normal;font-size: 0.8rem !important;}
    h5 {font-size: calc(1.1rem + .3vw)!important;}
    .fs-2 {font-size: calc(1.2rem + .3vw)!important;}
    .fs-4 {font-size: calc(0.99rem + .3vw)!important;}
    .fs-5{font-size:0.9rem;}
}
@media(max-width:400px){

}
.about,.location,.environment,.premium,.md,.floor{padding:5em 0; font-size: 1.1rem; font-weight: 300; letter-spacing: -1px;}

ul li.on{width:100%; background-color:#5a3885; color:#fff; font-weight: bold;}
ul li.on a{padding:5px auto; width:100%; color:#fff; font-weight: bold;}

.md.swiper-slide {overflow: hidden;}
.md.swiper-zoom-container {overflow: hidden;}
.table  tbody  tr.bunend{color:#2000af;}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    color: none;
}
.table-info{color:#2000af;}

.exhibition_view.exhibition_view_01 .bg {
    background: url('../img/sub-visual-1.jpg') no-repeat center center;
}
.exhibition_view.exhibition_view_02 .bg {
    background: url('../img/sub-visual-2.jpg') no-repeat center center;
}
.exhibition_view.exhibition_view_03 .bg {
    background: url('../img/sub-visual-3.jpg') no-repeat center center;
}

.exhibition_view .bg .wall {
    animation: move-wall 1s ease-in 0.2s forwards;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.zoom1 img{transition: transform 1s, filter 1.5s ease-in-out; transform-origin: center center;}
.zoom1:hover img{transform: scale(1.1); cursor: pointer;}

.xs-br{display:none;}
.mini .card {
    display: block;
    background-clip: border-box;
    border: 1px solid #ddd;
    border-radius: 10px;
    color: #444;
    overflow: hidden;
    position: relative;
}

.pslider {position: relative; max-width: 99.6%;}
.pslider .inner {overflow: hidden;margin-right: -0.4%;}
.pslider .swiper-slide {display:flex;flex-wrap:wrap;}
.pslider .list {width: 24%;height: auto;text-align: center;margin: 1% 1% 1% 0;}

.pslider .swiper-prev,.pslider .swiper-next {font-size:12px; position: absolute; margin:0; bottom: 2%;width: 25px;height: 25px; background: transparent; line-height: 22px;  text-align: center; border: 2px solid #d4d3d3; border-radius: 50%;  opacity:0; visibility:hidden;  color:red; z-index:52; display:none; transition:all .3s ease; }
/* opacity:0; visibility:hidden;  transition:all .3s ease; */

/* .slider .swiper-pagination {position: absolute;left: 50%;top:10px;transform: translateX(-50%);} */
.pslider .swiper-prev:after,.pslider .swiper-next:after {font-size: 12px;}
.pslider .swiper-container-horizontal>.swiper-scrollbar {position: absolute;left: 1%;bottom: 40px;z-index: 50;height: 5px;width: 98%;}
.pslider .swiper-scrollbar-drag {height: 100%; width: 100%; position: relative; background: red; border-radius: 10px; left: 0; top: 0;}
.pslider .swiper-pagination-current{color:red}
@media (max-width: 1199px) {
    .pslider .inner {margin-right: -2%;}
    .pslider .list{width: 31.3%;margin-right: 2%;}
}
@media (max-width: 991px) {
    .pslider .inner {margin-right: -2%;}
    .pslider .list{width: 48%;margin-right: 2%;}
    .pslider .list > p{font-size:1.6rem;}
}
@media (max-width: 575px) {
    .pslider .inner {margin-right: -2%;}
    .pslider .list{width: 98%;margin-right: 2%;}
    .pslider .swiper-prev,.pslider .swiper-next {display: block;}
    .pslider .swiper-prev,.pslider .swiper-next :after{font-size: 12px; }
    .pslider:hover .swiper-prev,.pslider:hover .swiper-next { transform:translateX(0); opacity:1; visibility:visible;cursor: pointer;}
    .pslider .swiper-prev {left: 0;transform: translate(0,-50%);}
    .pslider .swiper-next {right:0;transform: translate(0,-50%);}
    .xs-br{display:block;}
}

.bg1 {position:relative; left:0; top:0; width:100%; height:100%; z-index:1;background:url('../../../img/mo_01.jpg') no-repeat center center / cover;}
.bg2 {position:relative; left:0; top:0; min-height:300px; width:100%; height:100%; z-index:1;background:url('../../../img/way1.jpg') no-repeat center center / cover;}